Difference between revisions of "MediaWiki:Common.css"

From QWiki
(Created page with "→‎*********************************** LOAD STYLES FOR VARIOUS TEMPLATES ***********************************: /* REMOTE BRACKETS AND GROUPTABLES MediaWiki:Common.css/Br...")
 
(Blanked the page)
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;
 
}
 

Revision as of 08:34, 7 November 2016