MediaWiki:Common.css
From QWiki
Revision as of 14:16, 6 November 2016 by D0PESK1LLZ (talk | contribs) (Created page with "→*********************************** LOAD STYLES FOR VARIOUS TEMPLATES ***********************************: /* REMOTE BRACKETS AND GROUPTABLES MediaWiki:Common.css/Br...")
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/************************************ LOAD STYLES FOR VARIOUS TEMPLATES ************************************/ /* REMOTE BRACKETS AND GROUPTABLES MediaWiki:Common.css/Bracket.css MediaWiki:Common.css/Bracket.css/starcraft2.css INFOBOXES MediaWiki:Common.css/Infobox.css CROSSTABLES MediaWiki:Common.css/Crosstable.css TABS MediaWiki:Common.css/Tabs.css PRIZE POOL TABLES MediaWiki:Common.css/Prizepooltable.css TECHTREES MediaWiki:Common.css/Techtree.css STATISTICS TABLES MediaWiki:Common.css/Statisticstable.css NAV FRAMES MediaWiki:Common.css/NavFrame.css DIV TABLES MediaWiki:Common.css/DivTable.css MESSAGES MediaWiki:Common.css/Messages.css SWISSTABLE MediaWiki:Common.css/Swisstable.css NAVBOXES MediaWiki:Common.css/Navbox.css QUOTES MediaWiki:Common.css/Quote.css SELECT ALL FOR TEMPLATE COPYPASTES MediaWiki:Common.css/Selectall.css TEAM TEMPLATES MediaWiki:Common.css/TeamTemplates.css AMBOXES MediaWiki:Common.css/Ambox.css MAIN PAGE MediaWiki:Common.css/Mainpage.css UPCOMING AND ONGOING MATCHES MediaWiki:Common.css/Matchticker.css OTHER STUFF MediaWiki:Common.css/Miscellaneous.css LOCAL CALENDAR MediaWiki:Common.css/Calendar.css */ /*************************************** ACTUALLY LOAD THE STUFF WE ASKED FOR ***************************************/ @import url("//wiki.teamliquid.net/commons/load.php?articles=MediaWiki:Common.css/Bracket.css|MediaWiki:Common.css/Bracket.css/starcraft2.css|MediaWiki:Common.css/Infobox.css|MediaWiki:Common.css/Crosstable.css|MediaWiki:Common.css/Tabs.css|MediaWiki:Common.css/Prizepooltable.css|MediaWiki:Common.css/Techtree.css|MediaWiki:Common.css/Statisticstable.css|MediaWiki:Common.css/NavFrame.css|MediaWiki:Common.css/DivTable.css|MediaWiki:Common.css/Messages.css|MediaWiki:Common.css/Swisstable.css|MediaWiki:Common.css/Navbox.css|MediaWiki:Common.css/Quote.css|MediaWiki:Common.css/Selectall.css|MediaWiki:Common.css/TeamTemplates.css|MediaWiki:Common.css/Ambox.css|MediaWiki:Common.css/Mainpage.css|MediaWiki:Common.css/Miscellaneous.css|MediaWiki:Common.css/Matchticker.css&only=styles&mode=articles&*"); @import url("//wiki.teamliquid.net/starcraft2/load.php?articles=MediaWiki:Common.css/Calendar.css&only=styles&mode=articles&*"); /* temporary menu fix */ #scroll-wrapper-menu > ul.nav.navbar-nav > li:nth-of-type(n+10) { display:none; } /* OLD MAINPAGE *************************************************************/ .infobox_news { border: solid #aaa 1px; margin: 8px auto 8px auto; font-size: 95%; width: 98%; padding: 1px 12px 0px 12px; clear: right; } .infoboxes { /*background-color: #e0f0f0;*/ padding: 1px; min-width: 800px; } .right-side { display: block; float: right; height: 100%; /*background-color: #e8f8f8;*/ margin-left: 6px; width: 531px; } .infobox_news_2 { border: solid #aaa 1px; margin: 8px 6px 8px 6px; font-size: 95%; padding: 1px 12px 0px 12px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.mpboxtitle { height: 25px; border-radius: 5px; width: 100%; margin-top: 5px; padding: 3px 0; } #infobox_tournaments { width: 280px; } #infobox_portals { width: 227px; } #infobox_tournaments, #infobox_portals { height: 491px; float: right; } #infobox_game_news, #infobox_featured_article { overflow: hidden; } #adbox-container { display: inline-block; } #mainpage-mid-column { float: right; } /* Matches box */ .infobox_matches_content { margin-left:auto; margin-right:auto; width:100%; } .infobox_matches_content .team-left, .infobox_matches_content .team-right { width:48%; } .infobox_matches_content .team-left { text-align:right; } .infobox_matches_content .versus { width:4%; } #infobox_matches { max-width:300px; margin: 0px 0px 8px 10px; } /* Main Page */ .smalledit { float: right; font-size: 70%; font-weight: 400; margin-right: 8px;} .tnl-header { border: 1px solid #aaa; margin-top: 10px; margin-bottom: 5px; font-weight: 700; color: #1f3140; font-size: 125%; text-align: center; width: 100%;} .tnl-sedate { float: right; min-width: 48px; max-width: 48px; max-height: 25px; } .tnl-sdate { position:relative; left:0; top:-3px; font-size:xx-small; } .tnl-edate { position:relative; left:0; top:-12px; font-size:xx-small; } div.mp-topbanner { width:100%;margin:0 0 6px 0;border:1px solid #ddd;position:relative;height:80px; } div.mp-title { position:absolute;float:left;display:inline-block;height:80px;top:50%;font-size:162%;margin-top:-24px; } div.mp-title-links { float:right;font-size: 95%;height:80px; } div.mp-portal-links { width:100%;font-size:120%;padding:2px 0; } div.mp-box-header { border:1px solid #BFB1A3;border-width:1px 1px 0;padding:0.1em;text-align:center;margin-bottom:0px; } div.mp-small-link { font-size:80%;float:right;padding-right:5px;margin-bottom:.1em; } div.mp-box-content { border:1px solid #BFB1A3;text-align:left;background-color:#fff;margin: 0 0 10px;padding:0.5em; } div.mw-content-ltr h2 { overflow:hidden; } table.mptop2 { margin-left:180px; } pre.mw-code.mw-css { font-size:11px; } /* Main page banner */ .lp-banner-container { padding: 1px; } .lp-banner { width: 100%; min-height: 130px; } .lp-banner-left { text-align: center; } .lp-banner-left > div { display: inline-block; } .lp-banner-2 { text-align: center; width: 350px; } div.mpwelcome { line-height: 40px; } div.mpsubtitle { margin-top:.5em; font-weight: 700; line-height: 10px; } .lp-banner-right { width: 330px; padding-right: 8px; } @media screen and (min-width:1280px) { .lp-banner { display: table; table-layout: fixed; } .lp-banner > div { display: table-cell; vertical-align: middle; } .lp-banner-1 { text-align: left; float: left; } } @media screen and (max-width:1279px) { .lp-banner-container { background-size: contain; } .lp-banner { text-align: center; } .lp-banner > div { text-align: center; } .lp-banner > div.lp-banner-right { display: inline-block; text-align: left; } div.mpwelcome { font-size: 30px; line-height: 30px; } div.mpsubtitle { text-align: center; font-size: 17px; } div.lp-banner:before, div.lp-banner:after { content: " "; display: table; } div.lp-banner:after { clear: both; } } @media screen and (min-width: 768px) { .lp-banner-container { /* @embed */ background: #deeefc url(http://wiki.teamliquid.net/starcraft/skins/dtrush/MPDT.png) no-repeat; border: 1px solid #537493; background-clip: content-box; } .lp-banner-left { padding-left: 170px; } .lp-banner-right { padding-left: 0; } } @media screen and (min-width: 768px) and (max-width:1279px) { .lp-banner-right { padding-left: 170px; } } div.wcs-banner { background: url(/commons/images/9/91/WCSBANNER2_white.png) no-repeat, url(/commons/images/d/da/WCSBANNER2.jpg) no-repeat left; background-size: cover; position: relative; border: 1px solid #aaa; border-radius: 7px; height: 80px; line-height: 80px; margin: 8px 6px; overflow: hidden; vertical-align: middle; } div.wcs-banner > div { width:100%; text-align: center; font-weight: bold; font-size: 200%; color: #fff; text-shadow: 0 0 3px #000; } div.wcs-banner a, div.wcs-banner a:hover, div.wcs-banner a:visited, div.wcs-banner a:active { color: #FFF; text-decoration:underline; } /* OLD MAINPAGE END *********************************************************/ /********************************** RESTS OF ORIGINAL COMMON.CSS FILE **********************************/ /* wikitable */ table.wikitable { margin: 13px 13px 13px 0; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { padding: 3px; } /*blacktable*/ table.blacktable, .blacktable > tr > th, .blacktable > tr > td, .blacktable > * > tr > th, .blacktable > * > tr > td, td.blackcell, th.blackcell { border-color: #000000; } /*greentable*/ table.greentable, .greentable > tr > th, .greentable > tr > td, .greentable > * > tr > th, .greentable > * > tr > td, td.greencell, th.greencell { border-color: #009900; } table.greentable, td.greencell { background: #afdeaf; } .greentable > tr > th, .greentable > * > tr > th, th.greencell { background: #33CC33; } /*bluetable*/ table.bluetable, .bluetable > tr > th, .bluetable > tr > td, .bluetable > * > tr > th, .bluetable > * > tr > td, td.bluecell, th.bluecell { border-color: #000099; } table.bluetable, td.bluecell { background: #b6cfe5; } .bluetable > tr > th, .bluetable > * > tr > th, th.bluecell { background: #7B99C3; } /*redtable*/ table.redtable, .redtable > tr > th, .redtable > tr > td, .redtable > * > tr > th, .redtable > * > tr > td, td.redcell, th.redcell { border-color: #770000; } table.redtable, td.redcell { background: #deafaf; } .redtable > tr > th, .redtable > * > tr > th, th.redcell { background: #CC3333; } .Protoss, .Protoss th, .Protoss td { background: #B8F2B8; } .Zerg, .Zerg th, .Zerg td { background: #F2B8B8; } .Terran, .Terran th, .Terran td { background: #B8B8F2; } .Random, .Random th, .Random td { background: #F2E8B8; } sup, sup.reference { line-height: 0; vertical-align:super; } /* News Page */ .newscol, .newscol p { line-height:175%; } .newscol h3 { line-height:120%; } .newscol dt { line-height:70%; } /* WCS PORTAL */ table.am > tbody > tr > th { background: none repeat scroll 0px 0px #FFC5DA; border-top-left-radius: 5px; } table.eu > tbody > tr > th { background: none repeat scroll 0px 0px #F7FFAC; border-top-left-radius: 5px; } table.kr > tbody > tr > th { background: none repeat scroll 0px 0px #D1FDAB; border-top-left-radius: 5px; } table.wcs > tbody > tr > th { background: none repeat scroll 0px 0px #B6DBFF; border-top-left-radius: 5px; } table.wcs-match { border-spacing: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } table.no-margin { margin:0 0 0 0; } /* CSS to display wikitext in good-looking monospace font, in tutorials*/ div.wikitext-quote { font-family: monospace, "Courier New"; font-size: 1.1em; white-space: pre; background: #f0f0f0; overflow: auto; } /* Region Dist swap */ .tabs-container.ui-tabs { overflow: hidden; } .tabs-container .swap { width: 100%; background:#f2f2f2; padding: 3px 0; margin-bottom: -14px; text-align: center; cursor: pointer; } .tabs-container.ui-widget.ui-widget-content { font-family: inherit; font-size: inherit; border: 0; background: none; } .tabs-container .ui-widget-header { border: 0; background: none; } .tabs-container .ui-tabs-nav { padding: 0; margin-left: 10px; } .tabs-container .ui-tabs-nav li { background-clip: content-box; } .tabs-container.ui-tabs .ui-tabs-panel { padding: 5px; border: 1px solid #aaa; overflow-x: auto; overflow-y: hidden; } .tabs-container .wikitable { margin-top: 0; } .tabs-container .ui-tabs-nav li span { padding: 0px 0.6em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: white; } .ui-tabs-panel.ui-widget-content a { color:#002bb8; } .ui-tabs-panel.ui-widget-content a:visited { color:#5a3696; } .ui-tabs-panel.ui-widget-content a.new { color:#ba0000; } .ui-tabs-panel.ui-widget-content a.new:visited { color:#a55858; } /* Lists in column divs */ div.columns dl, div.columns ol, div.columns ul { margin-top: 0; } /* Participants table */ .participantstable { min-width: 570px; } .participantstable-4cols { min-width: 760px; } @media screen and (max-width: 570px) { .participantstable { min-width: initial; width: 100%; } } @media screen and (max-width: 760px) { .participantstable-4cols { min-width: initial; width: 100%; } } .participantstable > tr > th, .participantstable > tr > td, .participantstable > * > tr > th, .participantstable > * > tr > td { width: 33%; } .participantstable-4cols > tr > th, .participantstable-4cols > tr > td, .participantstable-4cols > * > tr > th, .participantstable-4cols > * > tr > td { width: 25%; } /* Fix for Right aligned thumb images */ div.tright { clear:none; } /*********** NEW STUFF ***********/ /* collapse new matchlist tables */ table.matchlist:not(.collapsed) .matchlistshow, table.matchlist.collapsed .matchlisthide { display:none; } .matchlisttoggle { cursor:pointer; text-align:center; } .matchlistshow, .matchlisthide { font-weight: normal; float: right; } .participants-list { list-style: none; margin: 0 !important; } .participant-row { height: 30px; line-height: 30px; padding-left: 5px; padding-right: 5px; } .participants-list > li:nth-child(odd) { background-color: #f9f9f9; } .table > tbody > tr > th { background-color: #f5f5f5; } .table-no-padding > thead > tr > th, .table-no-padding > tbody > tr > th, .table-no-padding > tfoot > tr > th, .table-no-padding > thead > tr > td, .table-no-padding > tbody > tr > td, .table-no-padding > tfoot > tr > td { padding: 0; }