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...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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