MediaWiki:MainPage.css: Difference between revisions
MediaWiki interface page
More actions
mNo edit summary |
mNo edit summary |
||
| Line 8: | Line 8: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
body.page-Main_Page .gtw-slider . | body.page-Main_Page .gtw-slider .mw-swiper { | ||
max-width: 100%; | max-width: 100%; | ||
aspect-ratio: 1340 / 348; | aspect-ratio: 1340 / 348; | ||
| Line 14: | Line 14: | ||
border: none; | border: none; | ||
} | } | ||
body.page-Main_Page .gtw-slider . | body.page-Main_Page .gtw-slider .mw-swiper .gallerybox { | ||
display: block; | display: block; | ||
} | } | ||
body.page-Main_Page .gtw-slider . | body.page-Main_Page .gtw-slider .mw-swiper .gallerybox img { | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
} | } | ||
Revision as of 21:51, 11 January 2026
/******************** MainPage.css *******************
Description:
This is a stylesheet for main page
*************************************************/
/******************** [ News Slider ] ********************/
body.page-Main_Page .gtw-slider {
margin-bottom: 10px;
}
body.page-Main_Page .gtw-slider .mw-swiper {
max-width: 100%;
aspect-ratio: 1340 / 348;
height: auto;
border: none;
}
body.page-Main_Page .gtw-slider .mw-swiper .gallerybox {
display: block;
}
body.page-Main_Page .gtw-slider .mw-swiper .gallerybox img {
width: 100%;
height: auto;
}
/******************** [ 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://gtwiki.preview.hashjona.dev/w/File: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);
}