User:Merds/CSS/Infobox.css
Jump to navigation
Jump to search
After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.
- In most Windows and Linux browsers: Hold down Ctrl and press F5.
- In Safari: Hold down ⇧ Shift and click the Reload button.
- In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.
/*<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>*/