Growtopia Wiki
No edit summary
Tag: Replaced
Line 4: Line 4:
 
 
 
*************************************************/
 
*************************************************/
  +
@import url("/MediaWiki:ThemeSwitcher.css?action=raw&ctype=text/css");
 
@import url("/MediaWiki:CenturyGothic.css?action=raw&ctype=text/css");
 
@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 */f
 
*::-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;
 
}
 
 
/* Add space on top header in non home page */
 
body:not(.mainpage) .WikiaArticle h2 {
 
margin-top: 20px;
 
}
 
 
/* 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 {
 
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 {
 
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/revision/latest?fill=p");
 
display: inline-block;
 
height: 32px;
 
width: 32px;
 
vertical-align: middle;
 
margin-right: 5px;
 
}
 
#gtw-clock #c-event {
 
margin-top: 10px;
 
}
 
#gtw-clock #c-event.loading {
 
display: none;
 
}
 
.gtw-timer {
 
margin: 5px 0;
 
padding: 5px 0px;
 
position: relative;
 
background: rgba(0,0,0,0.15);
 
}
 
.gtw-timer>span {
 
background: url("https://vignette.wikia.nocookie.net/growtopia/images/8/8f/ItemSprites.png/revision/latest?fill=p");
 
display: inline-block;
 
height: 32px;
 
width: 32px;
 
position: absolute;
 
top: 5px;
 
left: 10px;
 
}
 
.gtw-timer h3 {
 
margin-top: 0;
 
font-size: 13px;
 
font-weight: bold;
 
}
 
.gtw-timer div {
 
font-size: 12px;
 
}
 
.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 div:not(.flex-img)>p>a {
 
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 div:not(.flex-img)>p>a:after {
 
display: none;
 
}
 
 
.newsBox .colorable .point {
 
display:flex;
 
}
 
.newsBox .colorable .point .growsprite img {
 
margin-right: 5px;
 
width: 24px;
 
}
 
.newsBox .colorable span, .newsBox .colorable a, .newsBox .colorable p {
 
font-weight: bold;
 
}
 
.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%;
 
}
 

Revision as of 14:49, 25 August 2021

/******************** Theme.css *******************
  Description:
    This is a stylesheet for wiki theme
 
 *************************************************/
@import url("/MediaWiki:ThemeSwitcher.css?action=raw&ctype=text/css");
@import url("/MediaWiki:CenturyGothic.css?action=raw&ctype=text/css");