|
|
| 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%;
| |
| }
| |
/******************** 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");
