Template:Infobox/mainInfobox.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 21: | Line 21: | ||
} | } | ||
/* Components | /* Components */ | ||
.infobox-above { | .infobox-above { | ||
background: var(--ruwiki-background-color-blue200, #cfe3ff); | background: var(--ruwiki-background-color-blue200, #cfe3ff); | ||
| Line 59: | Line 59: | ||
font-weight: bold; | font-weight: bold; | ||
color: #555; | color: #555; | ||
width: 50%; | |||
width: | |||
padding-left: 4px; | padding-left: 4px; | ||
} | } | ||
| Line 66: | Line 65: | ||
.infobox-value { | .infobox-value { | ||
color: #222; | color: #222; | ||
width: | width: 50%; | ||
padding-right: 4px; | padding-right: 4px; | ||
} | } | ||
.infobox small, | .infobox small, | ||
.navbox small, | .navbox small, | ||
| Line 87: | Line 85: | ||
} | } | ||
/* Mobile | /* Mobile versionя */ | ||
@media only screen and (max-width: 600px) { | @media only screen and (max-width: 600px) { | ||
.infobox { | .infobox { | ||
| Line 110: | Line 108: | ||
} | } | ||
html.skin-theme-clientpref-night .infobox-row { | html.skin-theme-clientpref-night .infobox-row { | ||
color: white; | color: white!important; | ||
} | } | ||
} | } | ||
Latest revision as of 13:07, 19 February 2025
/* Infobox --------------------------------------- */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
background: var(--background-color-neutral-subtle, #f8f9fa);
margin-bottom: .5em;
margin-left: 1em;
padding: .4em;
float: right;
clear: right;
font-size: 90%;
width: 23em;
vertical-align: middle;
text-align: left;
border-collapse: separate;
border-spacing: 2px;
}
.infobox > caption {
font-size: 125%;
font-weight: bold;
padding: .2em;
}
/* Components */
.infobox-above {
background: var(--ruwiki-background-color-blue200, #cfe3ff);
font-size: 120%;
text-align: center;
}
.infobox-image {
padding-left: 0;
padding-right: 0;
text-align: center;
margin-bottom: 4px;
}
.infobox-image-description {
text-align: center;
margin-bottom: 4px;
}
.infobox-header, .infobox-section {
background: var(--ruwiki-background-color-blue150, #dcebff);
text-align: center;
font-weight: bold;
margin-bottom: 4px;
padding: 4px;
border: 1px solid #a2a9b1;
}
.infobox-below {
background: var(--ruwiki-background-color-blue150, #dcebff);
text-align: center;
}
.infobox-row {
display: flex;
align-items: baseline;
margin-bottom: 4px;
}
.infobox-label {
font-weight: bold;
color: #555;
width: 50%;
padding-left: 4px;
}
.infobox-value {
color: #222;
width: 50%;
padding-right: 4px;
}
.infobox small,
.navbox small,
.references small {
font-size: 90%;
}
.infobox-map {
margin-top: 2px;
margin-bottom: 4px;
}
.infobox-portal {
text-align: center;
font-weight: bold;
}
/* Mobile versionя */
@media only screen and (max-width: 600px) {
.infobox {
width:100%;
}
}
/* Dark skin */
@media screen {
html.skin-theme-clientpref-night .infobox {
background-color: #383838;
color: #ace;
}
html.skin-theme-clientpref-night .nameHeadofInfobox,
html.skin-theme-clientpref-night .additionalHead {
background-color: black;
color: white;
}
html.skin-theme-clientpref-night .infobox-header, html.skin-theme-clientpref-night .infobox-section {
background-color: black!important;
color: white;
}
html.skin-theme-clientpref-night .infobox-row {
color: white!important;
}
}