No edit summary |
(Replaced content with "→******************* Theme.css ******************* Description: This is a stylesheet for wiki theme ************************************************: @import ur...") 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%; |
||
− | } |