Template:Infobox/styles.css: Difference between revisions
From Love and Deepspace Wiki
Content added Content deleted
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* Infobox template style */ |
/* Infobox template style */ |
||
.infobox { |
.infobox { |
||
display: grid; |
|||
⚫ | |||
border: 1px solid #a2a9b1; |
border: 1px solid #a2a9b1; |
||
border-spacing: 3px; |
border-spacing: 3px; |
||
Line 18: | Line 20: | ||
.infobox-title { |
.infobox-title { |
||
background-color: # |
background-color: #c9c9f1; |
||
⚫ | |||
} |
} |
||
Revision as of 05:13, 15 February 2024
/* Infobox template style */
.infobox {
display: grid;
grid-gap: 0.2em;
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
.infobox-title {
background-color: #c9c9f1;
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below,
.infobox .infobox-caption {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
.infobox-above {
font-size: 125%;
}
.infobox-subheader {
font-size: 125%;
font-weight: normal;
}
.infobox-header {
background: lavender;
}