Gadget-frontpageStyles.css

CSS and Javascript changes must comply with the wiki design rules.
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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Clear the cache in Tools → Preferences
/**MAIN PAGE STYLESHEET**/
.frontpagetable {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	height: 100%;
}

.frontpagetable th,
.frontpagetable th a,
.frontpagetable th strong {
	color: var(--accent-text-color)!important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	background-color: var(--wiki-color);
	height: 33px;
	text-align: center;
	font-size: 20px;
	padding: 0;
}

.frontpagetable td {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: var(--content-bg-color);
}

/*FIXING FRONTPAGE TABLES*/
.frontpageDynamicSection th {
	color: var(--body-text-color)!important;
	background: transparent;
	font-weight: 700;
	height: auto;
	text-align: center;
	font-size: 13px;
	padding: 0.2em;
}

.frontpageDynamicSection th a,
.frontpageDynamicSection th strong {
	color: var(--body-text-color)!important;
	background: transparent;
	font-weight: 400;
	height: auto;
	text-align: center;
	font-size: 16px;
}

.frontpageDynamicSection td {
	background: transparent;
	font-size: 13px;
}

.frontpageDynamicSection .frontpageSectionContent .wikitable2 td,
.frontpageDynamicSection .frontpageSectionContent .wikitable2 th {
	background-color: var(--fpbox-background);
}

/* ---- frontpage. contact user:Kittymmeow for questions ---- */
.frontpage-outer {
	display: grid;
	grid-template-columns: 100%;
	grid-auto-rows: auto;
}
@media screen and (min-width:1125px) {
	.frontpage-outer {
		grid-template-columns: 50% 50%;
		grid-auto-rows: 1fr;
	}
}
@media screen and (min-width:1440px) {
	.frontpage-outer,
	.frontpage-top {
		margin: 0 5%;
	}
}

.frontpage-top {
	grid-column: span 2;
}

.frontpage-section {
	padding: 0.25em;
	max-width: 100%;
}

.frontpage-inner {
	border: var(--titletabs-background) solid 1px;
	padding: 0;
	background-color: var(--fpbox-background);
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
}

.frontpage-header,
.frontpage-header a,
.frontpage-header a:visited {
	color: var(--accent-text-color);
}

.frontpage-header a {
	text-decoration: underline;
}

.frontpage-header {
	border-bottom: var(--wiki-accent) solid 5px;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: var(--wiki-color);
	font-weight: 400;
	text-align: center;
	font-size: 150%;
	padding: 0;
	margin: -1px -1px 0;
}

.frontpage-content {
	padding: 0.5rem;
	max-height: 600px;
	height: 100%;
	overflow: auto;
}

.frontpage-content .titletabs-tabs {
	margin: -0.5rem -0.5rem 0;
	width: auto;
}

.frontpage-content .titletabs-row2 {
	margin: 0 -0.5rem;
}

.frontpage-top {
	padding: 0 0.25em 0.25em;
	text-align: center;
}

.page-content .mw-parser-output .frontpage-top ul,
.frontpage-top ul {
	width: 100%;
	background-color: var(--wiki-color);
	margin: 0;
	padding: 0;
	border-bottom: var(--wiki-accent) solid 5px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.frontpage-top li {
	font-family: 'Roboto Condensed',serif;
	font-weight: 400;
	font-size: 150%;
	display: inline-block;
	flex-grow: 1;
	margin: 0;
	padding: 0 0.5em;
}

.frontpage-top li a {
	color: var(--accent-text-color);
}

.frontpage-content .wikitable2 {
	background-color: transparent;
}

/*********************************************************************************************/

/* matches section table */
.matches-section {
	line-height: 1;
	text-align: center;
	width: 100%;
}

.matches-section td {
	padding: 0.2em 0;
}

/* end matches section */

/*********************************************************************************************/

/* news is in its own gadget */

/*********************************************************************************************/

/* Featured Leagues top section */
.FLTopLogo {
	float: left;
	margin-top: 10px;
}

.FLTopTitle {
	font-size: 24px;
	line-height: 26px;
}

.FLTopDate {
	font-size: 18px;
	line-height: 20px;
}

.fl-container {
 min-height:525px;
 height:100%;
 padding:1%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
}

.fl-content-inner-container {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
  width:100%;
}

.fl-bottom {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.fl-bottom-link {
	padding-left:.5em;
	padding-right:.5em;
}

.FLTopTitle,
.FLTopDate {
	align-self:baseline;
	flex-grow:0;
}

.fl-inner {
	flex-grow:1;
	display:flex;
	justify-content:space-around;
	flex-direction:column;
	align-items:center;
	max-width:100%;
}

.fl-content {
 width:100%;
}

/* End Featured Leagues top section */

/*********************************************************************************************/

.current-tournaments {
	width: 100%;
	border-spacing: 0;
}

.current-tournaments > * > tr > td {
	padding: 0;
}

.current-tournaments-header {
	background-color: var(--wiki-color);
	color: var(--accent-text-color);
}

@media screen and (min-width:1500px) {
	.FrontpageOuterDiv {
		max-width: 90%;
		margin: 0 auto;
	}
}

.frontpage-upcoming-matches {
    text-align:center;
    display:inline-table;
    width:100%;
    margin:0;
}

.popup-button-matchlist::before {
    content:'\f067';
}

a.fandom-community-header__community-name {
  color:var(--accent-text-color);
}