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;
}