User:Merds/CSS/Infobox.css: Difference between revisions

From Brighter Shores Wiki
Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
Line 24: Line 24:
.infobox tbody {
.infobox tbody {
border: 1px solid #e6d7c6;
border: 1px solid #e6d7c6;
}
.infobox tr > td {
padding: 0 10px;
}
}



Revision as of 23:52, 26 March 2024

/*<syntaxhighlight lang="css">*/
.infobox {
	font-size: .85em;
    width: 300px;
    border-collapse: collapse;
    float: right;
    table-layout: fixed;
}

.infobox .infobox-buttons {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 3px;
    margin-bottom: 3px;
}

.infobox .infobox-buttons span.button {
	background: #e6d7c6;;
    padding: 0 5px;
    font-weight: bold;
}

.infobox tbody {
    border: 1px solid #e6d7c6;
}
.infobox tr > td {
    padding: 0 10px;
}

.infobox * > tr:nth-child(odd) {
    background: #e5d7c4;
}

.infobox * > tr:nth-child(even) {
    background: #fff8ee;
}

.infobox-image {
    text-align: center;
}

/*</syntaxhighlight>*/