MediaWiki:Common.css: Difference between revisions

From Drama Chaser
(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 #272d2d;
    width: 300px;
     background-color: #e9dfc9;
    border-radius: 6px;   
     float: right;
     border: 2px solid white;  
     clear: right;
     padding: 12px;  
     margin: 0 0 1em 1em;
     margin: 15px 20px 20px 25px;  
     padding: 1em;
     float: right;  
     width: 30%;
     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; }