|
|
Line 1: |
Line 1: |
− | /************************************
| |
− | 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;
| |
− | }
| |