Note: After publishing, 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: Press Ctrl-F5.
/******************** Theme.css *******************
Description:
This is a stylesheet for wiki theme
*************************************************/
@import url("/MediaWiki:CenturyGothic.css?action=raw&ctype=text/css");
/* Background */
body.mediawiki.skin-oasis {
background-position: center bottom;
background-attachment: fixed;
background-repeat: repeat-x;
}
/* Custom Scrollbar */
*::-webkit-scrollbar {
box-shadow: 0px 0px 2px rgba(0,0,0,0.5) inset;
}
*::-webkit-scrollbar:vertical{width:8px}
*::-webkit-scrollbar:horizontal{height:8px}
*::-webkit-scrollbar-thumb {
border-radius: 4px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.5), 0px 0px 2px rgba(255,255,255,0.5) inset;
}
/* Hide line in home page */
body.mainpage hr.page-header__separator {
display: none;
}
/* GTW Card */
.gtw-card {
background-image: linear-gradient(#60D7F2,#0b6d83);
background-position: bottom center;
background-repeat: repeat-x;
border-radius: 20px;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
color: #FFF;
font-family: Century Gothic, sans-serif;
margin-bottom: 10px;
padding: 25px 40px 80px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.gtw-card.card-center {
text-align: center;
}
.gtw-card h2 {
border: none;
font-size: 35px;
font-weight: bold;
line-height: 35px;
margin: 0;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.gtw-card p.gtw-text-mb {
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
}
.gtw-card a {
color: #FC0;
font-style: normal;
text-decoration: none;
}
.gtw-card .gtw-btn a {
background: #239BBC;
border-radius: 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
color: #FFF;
display: block;
font-size: 20px;
font-weight: bold;
padding: 10px;
text-align: center;
text-decoration: none;
}
.gtw-card .gtw-btn a:after {
display: none;
}
.gtw-nav.full-width a {
margin: 3px 0;
padding: 3px 12px;
text-align: left;
width: 100%;
}
.gtw-nav>p {
display: flex;
flex-wrap: wrap;
}
.gtw-nav a {
background: #A10164;
border: 3px solid #FFF;
border-radius: 10px;
box-shadow: 0 3px 0px rgba(0, 0, 0, 0.5);
color: #FFFFFF;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin: 5px;
padding: 6px 12px;
text-align: center;
text-decoration: none;
text-shadow: 1.5px 1.5px rgba(0,0,0,0.7);
transition: opacity 0.2s;
}
.gtw-nav a:hover {
opacity: 0.75;
}
.gtw-nav a span {
background: url("https://vignette.wikia.nocookie.net/growtopia/images/8/8f/ItemSprites.png");
display: inline-block;
height: 32px;
width: 32px;
vertical-align: middle;
margin-right: 5px;
}
.gtw-card .ajax-poll {
border: 0;
padding: 0;
}
.gtw-card .ajax-poll .header {
font-size: 17px;
}
.gtw-card .ajax-poll .pollAnswerName {
padding-left: 0;
}
.gtw-card .ajax-poll .pollAnswerName input[type=radio] {
margin-left: 0;
}
.gtw-card .ajax-poll .pollAnswerVotes {
background: rgba(0, 0, 0, 0.5);
border: 0;
height: 5px;
margin-left: 0;
}
.gtw-card .ajax-poll .pollAnswerVotes div {
background: #FFFFFF;
height: 5px;
}
.gtw-card .ajax-poll .pollAnswerVotes span {
bottom: 0;
font-weight: bold;
left: auto;
right: 0;
top: auto;
}
.gtw-card .ajax-poll .pollAnswerVotes:hover span {
bottom: auto;
color: #FF9900;
text-shadow: 2px 0 #000, 0 2px #000, 0 -2px #000, -2px 0 #000, 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
top: -250%;
}
.gtw-card .ajax-poll input[type="submit"] {
background-image: none;
border-radius: 10px;
box-sizing: border-box;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
font-family: Century Gothic, sans-serif;
font-size: 20px;
font-weight: bold;
height: auto;
margin-top: 5px;
outline: none;
padding: 10px;
text-transform: uppercase;
width: 100%;
}
.gtw-card .ajax-poll input[type="submit"]:hover {
background-image: none;
}
.gtw-card .ajax-poll #ajax-poll-area > div:last-child {
font-size: 12px;
line-height: 12px;
}
.gtw-discord {
border-radius: 20px;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
margin-bottom: 10px;
overflow: hidden;
}
.rcs-container .gtw-card {
padding: 25px 25px 80px;
}
/* Home NewsBox */
.newsBox {
background: #4481A6;
border-radius: 5px;
border: 5px solid #89C3D6;
color: #FFF;
box-shadow: 3px 3px #000000, 3px 3px #000000 inset;
font-family: Century Gothic, sans-serif;
font-weight: bold;
padding: 5px 15px;
margin: 0 3px 3px;
font-size: 20px;
text-align: left;
}
.newsBox .header {
font-size: 32px;
margin-top: 5px;
margin-bottom: 10px;
}
.newsBox .header .growsprite {
vertical-align: text-bottom;
margin-right: 10px;
}
.newsBox .header .growsprite img {
width: 40px;
}
.newsBox img {
transition: opacity 0.2s;
}
.newsBox img:hover {
opacity: 0.7;
}
.newsBox a:not(.image) {
color: #FFF;
background: #89C3D6;
display: inline-block;
box-shadow: 1px 1px #000000;
padding: 7px 5px;
text-shadow: 1px 1px #000;
border-radius: 3px;
text-decoration: none;
font-size: 22px;
}
.newsBox a:not(.image):after {
display: none;
}
.newsBox .colorable .point {
display:flex;
}
.newsBox .colorable .point .growsprite img {
margin-right: 5px;
width: 24px;
}
.newsBox .flex-img p {
display: flex;
margin: 20px 0;
}
.newsBox .flex-img a {
display: block;
}
.newsBox .flex-img a:not(:last-child) {
padding-right: 10px;
}
.newsBox .flex-img a img {
width: 100%;
height: auto;
}
.newsBox .flex-img.col-3 a {
width: 33%;
}
.newsBox .flex-img.col-5 a {
width: 20%;
}