MediaWiki:Common.css/Mainpage.css

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.

/* CSS placed here will be applied to all skins */

/*******************************************************************************
Template(s): Main Page
Author(s): FO-nTTaX, salle
*******************************************************************************/
body.page-Main_Page h1.firstHeading,
body.page-Main_Page_LiquiFlow h1.firstHeading {
	display:none;
}
#mw-content-text .row {
	padding:0 5px;
}
#mw-content-text .row > [class*="col-"] {
	padding-left:5px;
	padding-right:5px;
}

.tournaments-list {
	list-style-type:none;
	margin:0 !important;
}
.tournaments-list-heading {
	padding:5px;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	display:block;
	background-color:#f5f5f5;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.tournaments-list-type-list {
	margin-bottom:15px !important;
	margin-left:5px !important;
	list-style-type:none;
}
.tournaments-list-dates {
	float:right;
	padding-right:10px;
}
.tournaments-list-name {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:calc(100% - 120px);
	display:inline-block;
	margin-bottom:-5px;
}
.tournaments-list-name img {
	vertical-align:bottom;
	height:21px;
	width:21px;
}

/* transfer box */
.divTable.mainpage-transfer.Ref .divCell.Empty, .mainpage-transfer .divCell.Empty {
	width: 20px;
	min-height: 20px;
}
.mainpage-transfer .divCell.Icon, .mainpage-transfer .divTable.Ref .divCell.Icon {
	width: 20px;
}
.mainpage-transfer .divCell.Name {
	text-align: left;
}
.mainpage-transfer .divCell {
	vertical-align: middle;
}
.divTable.mainpage-transfer.Ref .divCell.Ref {
	width: 28px;
}
body.page-Main_Page .mainpage-transfer .divRow:nth-of-type(n + 17),
body.page-Main_Page_LiquiFlow .mainpage-transfer .divRow:nth-of-type(n + 17) {
	display:none;
}

@media(max-width:560px) {
	.mainpage-transfer > div {
		display:block;
		position:relative;
		border-top:1px solid #dddddd;
		border-bottom:1px solid #dddddd;
		text-align:center;
	}
	.mainpage-transfer > div:not(:last-of-type) {
		margin-bottom:15px;
	}
	/* reference */
	.divTable.mainpage-transfer.Ref .divCell.Ref {
		width: 42px;
		text-align:right;
	}
	.mainpage-transfer > div > div:nth-of-type(6) {
		display:block;
		position:absolute;
		top:0;
		right:0;
		float:none;
		border:0 !important;
	}
	/* name */
	.mainpage-transfer > div > div:nth-of-type(2) {
		display:inline-block;
		float:none;
		width:calc(100% - 125px) !important;
		text-align:left;
		border:0 !important;
	}
	/* date */
	.mainpage-transfer > div > div:nth-of-type(1) {
		display:block;
		float:right;
		margin-right:36px;
		border:0 !important;
	}
	/* old team */
	.mainpage-transfer > div > div:nth-of-type(3) {
		display:inline-block;
		float:none;
		width:33.333333% !important;
		border:0 !important;
	}
	/* transfer arrow */
	.mainpage-transfer > div > div:nth-of-type(4) {
		display:inline-block;
		float:none;
		width:23.333333% !important;
		border:0 !important;
	}
	/* new team */
	.mainpage-transfer > div > div:nth-of-type(5) {
		display:inline-block;
		float:none;
		width:33.333333% !important;
		border:0 !important;
	}

}

.mainpage-transfer .mainpage-transfer-to-team {
	background-color:#F0FFF0 !important;
}
.mainpage-transfer .mainpage-transfer-from-team {
	background-color:#f9f0f2 !important;
}

/* This day section */
#this-day-facts > h3:first-child {
	margin-top:0;
	padding-top:0;
}

/* 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_content  a.hasStream {
	background-position: right;
	padding-left: 0px;
	padding-right:15px;
}
.infobox_matches_content td.match-filler {
    border-bottom: 1px solid #ddd;
}
span.countdown.match-countdown-countdown.EventIsLive {
    color: #888888;
    font-weight: bold;
}
span.countdown.match-countdown-countdown {
	font-size:11px;
}

/* editlinks */
.mainpage-editlink {
	text-align:right;
	padding:0 1em;
}

/* top adbox */
.top-ad {
	padding-top:0;
}