MediaWiki:MainPage.css

/******************** MainPage.css *******************
  Description:
    This is a stylesheet for main page
 *************************************************/

/******************** [ News Slider ] ********************/
.mainpage .gtw-slider {
	margin-bottom: 10px;
}
.mainpage .gtw-slider .fandom-slider {
	max-width: 100%;
	aspect-ratio: 1340 / 348;
	height: auto;
    border: none;
}
.mainpage .gtw-slider .fandom-slider .gallerybox img {
	width: 100%;
	height: auto;
}

/******************** [ Clock and Timer ] ********************/
.mainpage #gtw-clock #c-event.loading {
	display: none;
}
.mainpage #c-event {
	display: flex;
	gap: 10px
}
.mainpage .gtw-timer {
	border-radius: 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	padding: 10px 15px;
	margin-top: 5px;
	width: 100%;
}
.mainpage .gtw-timer h3 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}
.mainpage .gtw-timer div {
	font-size: 16px;
}
.mainpage .gtw-timer.challenge {
	background-image: url(https://static.wikia.nocookie.net/growtopia/images/5/5f/Mp-timer-daily.png/revision/latest?cb=20240805091636), linear-gradient(#ffc601,#d1a608);
	background-size: 120px 80px, auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.mainpage .gtw-timer.notc {
	background-image: url(https://static.wikia.nocookie.net/growtopia/images/3/3b/Mp-timer-comet.png/revision/latest?cb=20240805091348), linear-gradient(#114523,#0c331a);
	background-size: 120px 80px, auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.mainpage .gtw-timer.tournament {
	background-image: url(https://static.wikia.nocookie.net/growtopia/images/f/f3/Mp-timer-tourney.png/revision/latest?cb=20240805091553), linear-gradient(#00545d,#052a2e);
	background-size: 120px 80px, auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.mainpage .gtw-timer.dungeons {
	background-image: url(https://static.wikia.nocookie.net/growtopia/images/3/36/Mp-timer-dungeons.png/revision/latest?cb=20241213144015), linear-gradient(#622360,#380841);
	background-size: 120px 80px, auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}