MediaWiki:Common.css: Difference between revisions
(adding a clear: right to infobox to see if it helps) Tag: Reverted |
(making some changes to infobox styling based on the Soft Cell wiki, because I'm hoping they'll get our alignment right) Tag: Reverted |
||
| Line 3: | Line 3: | ||
/* infobox styling */ | /* infobox styling */ | ||
.infobox { | .infobox { | ||
border: 2px solid | width: 300px; | ||
border-radius: 6px; | |||
border: 2px solid white; | |||
padding: 12px; | |||
margin: 15px 20px 20px 25px; | |||
float: right; | |||
clear: right; | |||
font-size: 90%; | |||
line-height: 1.3; | |||
} | } | ||
| Line 16: | Line 18: | ||
font-size: 2em; | font-size: 2em; | ||
text-align: center; | text-align: center; | ||
} | |||
.infobox-image { | .infobox-image { | ||
Revision as of 19:29, 8 May 2024
/* CSS placed here will be applied to all skins */
/* infobox styling */
.infobox {
width: 300px;
border-radius: 6px;
border: 2px solid white;
padding: 12px;
margin: 15px 20px 20px 25px;
float: right;
clear: right;
font-size: 90%;
line-height: 1.3;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-image {
text-align: center;
max-width: 100%;
height: auto;
}
.infobox-table th {
text-align: right;
vertical-align: top;
width: 120px;
}
.infobox-table td {
vertical-align: top;
}
/* body of the article—VECTOR SPECIFIC */
.vector-body {
background-color: #ece2d0;
padding: 2% !important;
border: 2px solid #272d2d !important;
}
/* body background. hacky as hell. whatever. */
.mw-page-container {
background-color: #8d6345 !important;
}
/* header with banner */
.vector-header-container {
background-color: #8d6345 !important;
background-image: url('https://dramachaser.com/images/a/a0/Dummy.gif');
background-repeat: no-repeat;
background-position: 50% 50%;
height: 230px;
}
/* links */
a:link { color: #06560e !important; }
a:visited { color: #732e1c !important; }
a:hover { text-decoration: underline !important; }
/* cleaning things up */
#mw-teleport-target { display:none; }
/* no more ugly gradients */
.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after { display: none; }
.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after { display: none; }
/* make the background colour of the left sidebar match everything else */
.vector-feature-zebra-design-disabled .vector-toc { background-color:#ece2d0; }
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu { background-color:#ece2d0; }