|
|
| (4 intermediate revisions by the same user not shown) |
| Line 12: |
Line 12: |
| | } | | } |
| | | | |
| − | <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;">
| + | .player_image { |
| − | <div style="margin:0.4em; width:22em; text-align:center;">
| + | visibility: hidden; |
| − | <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 */
| + | #player-quotes { |
| − | .mp-panel {
| + | font-size: 11px; |
| − | 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;
| |
| − | }
| |
| | } | | } |
