Difference between revisions of "MediaWiki:Monobook.css"

/* CSS placed here will affect users of the MonoBook skin */

body { 
        background-image: url('skins/MonoBook/headbg.jpg');
        background-color: #a1c6eb;
        background-position-x: 0;
        background-position-y: 0;
}

.smwtticon.warning {
        display: none;
}

<div id="mp-topbanner" style="clear:both; position:relative; box-sizing:border-box; width:100%; margin:1.2em 0 6px; min-width:47em; border:1px solid #ddd; background-color:#f9f9f9; color:#000; white-space:nowrap;">
<div style="margin:0.4em; width:22em; text-align:center;">
<div style="font-size:162%; padding:.1em;">Welcome to CS Codex</div>
<div style="font-size:95%;">Irelands Counter Strike Knowledgebase</div>
<div id="articlecount" style="font-size:85%;"><a href="/web/20191028190450/http://cscodex.com/Special:Statistics" title="Special:Statistics">339</a> articles</div>
</div>
<ul style="position:absolute; right:-1em; top:50%; margin-top:-2.4em; width:50%; min-width:25em; font-size:95%;">
<li style="position:absolute; left:0; top:0;"><a href="/web/20191028190450/http://cscodex.com/Portal:Players" title="Portal:Players">Players</a></li>
<li style="position:absolute; left:0; top:1.6em;"><a href="/web/20191028190450/http://cscodex.com/Portal:Teams" title="Portal:Teams">Teams</a></li>
<li style="position:absolute; left:25%; top:0;"><a href="/web/20191028190450/http://cscodex.com/Portal:Interviews" class="mw-redirect" title="Portal:Interviews">Interviews</a></li>
<li style="position:absolute; left:25%; top:1.6em;"><a href="/web/20191028190450/http://cscodex.com/Portal:Features" class="mw-redirect" title="Portal:Features">Features</a></li>
<li style="position:absolute; left:50%; top:0;"><a href="/web/20191028190450/http://cscodex.com/Portal:CSGO_Competitions" class="mw-redirect" title="Portal:CSGO Competitions">CSGO Events</a></li>
<li style="position:absolute; left:50%; top:1.6em;"><a href="/web/20191028190450/http://cscodex.com/Portal:CSS_Competitions" class="mw-redirect" title="Portal:CSS Competitions">CSS Events</a></li>
<li style="position:absolute; left:50%; top:3.2em;"><a href="/web/20191028190450/http://cscodex.com/Portal:CS_Competitions" class="mw-redirect" title="Portal:CS Competitions">CS1.6 Events</a></li>
<li style="position:absolute; left:75%; top:0;"><a href="/web/20191028190450/http://cscodex.com/Special:RandomInCategory/Tournaments" title="Special:RandomInCategory/Tournaments">Random Event</a></li>
<li style="position:absolute; left:75%; top:1.6em;"><a href="/web/20191028190450/http://cscodex.com/Special:RandomInCategory/Players" title="Special:RandomInCategory/Players">Random Player</a></li>
<li style="position:absolute; left:75%; top:3.2em;"><a href="/web/20191028190450/http://cscodex.com/Special:RandomInCategory/Teams" title="Special:RandomInCategory/Teams">Random Team</a></li>
</ul>
</div>

/*
 * Main Page presentational styling. Positioning and layout is done inline.
 */

/* Hide stuff from Main Page */
.page-Wikipedia_Main_Page_2016_redesign h1.firstHeading,
.page-Wikipedia_Main_Page_2016_redesign #mp-enable,
.page-Wikipedia_Main_Page_2016_redesign #siteSub,
.page-Wikipedia_Main_Page_2016_redesign #contentSub,
.page-Wikipedia_Main_Page_2016_redesign #catlinks {
    display: none;
}

/* Set maximum width */
.rootpage-Wikipedia_Main_Page_2016_redesign #mw-content-text {
    margin: 0 auto;
    max-width: 122em;
    min-width: 36em;
}

/* Basic panel styling */
.mp-panel {
    margin-top: 1em;
    padding: 1em;
    overflow: hidden;
    border: 1px solid #E0E0E0;
    background-color: #FAFAFA;
}

/* Basic heading styling */
.mw-body .mp-h2 {
    border-bottom: none;
    margin: -1em -1em .6em -1em;
    padding: .5em 1em .2em 1em;
    font-size: 1.7em;
    line-height: 1.3;
    background-color: #E0E0E0;
}
/* H150 (green) for TFA, TFL, and TFP */
#mp-tfa,
#mp-tfl,
#mp-tfp {
	background-color:#F5FFFA;
	border-color:#CEF2E0;
}
#mp-tfa-h2,
#mp-tfl-h2,
#mp-tfp-h2 {
    background-color: #CEF2E0;
}
/* H210 (blue) for ITN and OTD */
#mp-itn,
#mp-otd {
	background-color:#F5FAFF;
	border-color:#CEDFF2;
}
#mp-itn-h2,
#mp-otd-h2 {
    background-color: #CEDFF2;
}
/* H270 (lavender) for DYK and BAE */
#mp-dyk,
#mp-bae {
	background-color:#FAF5FF;
	border-color:#DDCEF2;
}
#mp-dyk-h2,
#mp-bae-h2 {
    background-color: #E0CEF2;
}

/* Top banner */
#mp-topbanner {
    padding: 0;
    border: 1px solid #DDDDDD;
    background: #F9F9F9;
}
#mp-topbanner-inner {
    padding: 1em;
    overflow: hidden;
}
#mp-topbanner-right {
    font-family: "Linux Libertine", "Nimbus Roman No9 L", "Times New Roman", Times, serif;
    font-size: 17px;
    line-height: 1.3;
}

/* Stack panels when screen width is 68em or less */
@media screen and (max-width: 68em) {
    .mp-flex {
        display: block !important;
    }
    .mp-margin-left {
        margin-left: 0 !important;
    }        
    .mp-float-left,
    .mp-float-right,
    #mp-topbanner-left,
    #mp-topbanner-right {
        float: none !important;
        width: auto !important;
    }
    #mp-topbanner-right br {
        display: none;
    }
}

/* Dynamic layout for Picture of the Day */
@media screen and (max-width: 880px) {
    .potd-container {
        -ms-flex-direction: column !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
    }
    .potd-image {
        float: none !important;
        margin: 0 0 0.5em 0 !important;
    }
}
@media screen and (min-width: 1280px) {
    .potd-container {
        -ms-flex-direction: row !important;
        -webkit-flex-direction: row !important;
        flex-direction: row !important;
    }
    .potd-image {
        float: left !important;
        margin: 0 1em 0 0 !important;
    }
}