MediaWiki:MainPage.css

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

/******************** [ News Slider ] ********************/
body.page-Main_Page .gtw-slider {
	margin-bottom: 10px;
}

/******************** [ Clock and Timer ] ********************/
body.page-Main_Page #gtw-clock #c-event.loading {
	display: none;
}
body.page-Main_Page #c-event {
	display: flex;
	gap: 10px
}
body.page-Main_Page .gtw-timer {
	border-radius: 10px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	padding: 10px 15px;
	margin-bottom: 10px;
	width: 100%;
	color: #FFF;
	font-size: 16px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	background-size: 120px 80px, auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}
body.page-Main_Page .gtw-timer h3 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}
body.page-Main_Page .gtw-timer.clock {
	background-image: url(https://cdn.growtopiawiki.com/uploads/2/2c/Mp-timer-time-right.png), url(https://cdn.growtopiawiki.com/uploads/f/f0/Mp-timer-time-left.png), linear-gradient(#60d7f2,#1b7d93);
	background-size: 120px 80px, 120px 80px, auto;
	background-position: center right, center left;
	display: flex;
	justify-content: center;
	font-size: 20px;
	gap: 20px;
	font-weight: bold;
}
body.page-Main_Page .gtw-timer.challenge {
	background-image: url(https://cdn.growtopiawiki.com/uploads/5/5f/Mp-timer-daily.png), linear-gradient(#ffc601,#d1a608);
}
body.page-Main_Page .gtw-timer.notc {
	background-image: url(https://cdn.growtopiawiki.com/uploads/3/3b/Mp-timer-comet.png), linear-gradient(#114523,#0c331a);
}
body.page-Main_Page .gtw-timer.tournament {
	background-image: url(https://cdn.growtopiawiki.com/uploads/f/f3/Mp-timer-tourney.png), linear-gradient(#00545d,#052a2e);
}
body.page-Main_Page .gtw-timer.dungeons {
	background-image: url(https://cdn.growtopiawiki.com/uploads/3/36/Mp-timer-dungeons.png), linear-gradient(#622360,#380841);
}

/******************** [ Calendar ] ********************/
body.page-Main_Page .calendar img {
    border-radius: 10px;
    margin-bottom: 9px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}