MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Staff colours */
 * not(.speech-bubble-avatar) > a[href$=":Pigking38"], a[href$="/Pigking38"],
 * not(.speech-bubble-avatar) > a[href$=":Imorta777"], a[href$="/Imorta777"],
 * not(.speech-bubble-avatar) > a[href$=":LunaStar724"], a[href$="/LunaStar724"] {

color: #ed4e1e !important; font-weight: bold !important; font-family: Arial !important; background-image: url('https://vignette.wikia.nocookie.net/roblox/images/2/2b/B1.png/revision/latest/scale-to-width-down/15'); background-position: left; background-repeat: no-repeat; padding-left: 18px; } /* 1st place */
 * not(.speech-bubble-avatar) > a[href$=":Imorta777"], a[href$="/Imorta777"] {

background-image: url('https://vignette.wikia.nocookie.net/roblox/images/2/2b/B1.png/revision/latest/scale-to-width-down/15'), url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/f/f7/1pc1.png/revision/latest/scale-to-width-down/14'); background-position: left, 18px; background-repeat: no-repeat; padding-left: 35px; }
 * not(.speech-bubble-avatar) > a[href$=":TheEnity"], a[href$="/TheEnity"] {

background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/9/96/1pc2.png/revision/latest/scale-to-width-down/14'); background-position: left; background-repeat: no-repeat; padding-left: 18px; }
 * not(.speech-bubble-avatar) > a[href$=":SyRauk"], a[href$="/SyRauk"] {

background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/9/9c/One.png/revision/latest/scale-to-width-down/14'); background-position: left; background-repeat: no-repeat; padding-left: 18px; } /* 2nd place */
 * not(.speech-bubble-avatar) > a[href$=":Matthewthecowboy"], a[href$="/Matthewthecowboy"], :not(.speech-bubble-avatar) > a[href$=":Mobius_1_IUN"], a[href$="/Mobius_1_IUN"] {

background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/f/ff/2pc1.png/revision/latest/scale-to-width-down/14'); background-position: left; background-repeat: no-repeat; padding-left: 18px; } /* 3rd place */
 * not(.speech-bubble-avatar) > a[href$=":Spartan123465"], a[href$="/Spartan123465"], :not(.speech-bubble-avatar) > a[href$=":Chakrey"], a[href$="/Chakrey"] {

background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/5/56/3pc1.png/revision/latest/scale-to-width-down/14'); background-position: left; background-repeat: no-repeat; padding-left: 18px; } /* 4th place */
 * not(.speech-bubble-avatar) > a[href$=":Inamorta777"], a[href$="/Inamorta777"], :not(.speech-bubble-avatar) > a[href$=":TheDumbNumbGuy"], a[href$="/TheDumbNumbGuy"] {

background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/f/f1/4pc1.png/revision/latest/scale-to-width-down/14'); background-position: left; background-repeat: no-repeat; padding-left: 18px; } /* 5th place
 * not(.speech-bubble-avatar) > a[href$=":Xxskeletonplaysxx"], a[href$="/Xxskeletonplaysxx"], :not(.speech-bubble-avatar) > a[href$=":RainbowderpHG"], a[href$="/RainbowderpHG"] {

background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/3/34/5pc1.png/revision/latest/scale-to-width-down/14'); background-position: left; background-repeat: no-repeat; padding-left: 18px; } */
 * not(.speech-bubble-avatar) > a[href$=":LunaStar724"], a[href$="/LunaStar724"] {

background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/1/16/3a9a1c71aa3c27c0d440f8441d223bf6.png/revision/latest/scale-to-width-down/20'); background-position: left; background-repeat: no-repeat; padding-left: 18px; }
 * not(.speech-bubble-avatar) > a[href$=":GoldenPegasus5"], a[href$="/GoldenPegasus5"],
 * not(.speech-bubble-avatar) > a[href$=":BillyJoeTheThird"], a[href$="/BillyJoeTheThird"] {

color: #f99500 !important; font-weight: bold !important; font-family: Arial !important; }


 * not(.speech-bubble-avatar) > a[href$=":ClassicMasterNoob"], a[href$="/ClassicMasterNoob"],
 * not(.speech-bubble-avatar) > a[href$=":Mobius_1_IUN"], a[href$="/Mobius_1_IUN"],
 * not(.speech-bubble-avatar) > a[href$=":Inamorta777"], a[href$="/Inamorta777"]{

color: #12e23f !important; font-weight: bold !important; font-family: Arial !important; } /* fix */ .tabs > li > a, .wds-list > li > a, .masthead-info-lower a { background-image: none !important; } /* Staff comments */ .comments li[data-user="Imorta777"] .edited-by:after, .comments li[data-user="LunaStar724"] .edited-by:after, .comments li[data-user="Pigking38"] .edited-by:after { content: "Bureaucrat"; color: white; background-color: #ed4e1e; border-radius: 5px; padding: 0 5px; margin-left: 3px; font-family: Arial; }

.comments li[data-user="Jerricks"] .edited-by:after, .comments li[data-user="GoldenPegasus5"] .edited-by:after, .comments li[data-user="BillyJoeTheThird"] .edited-by:after{ content: "Administrator"; color: white; background-color: #f99500; border-radius: 5px; padding: 0 5px; margin-left: 3px; font-family: Arial; }

.comments li[data-user="ClassicMasterNoob"] .edited-by:after, .comments li[data-user="Mobius_1_IUN"] .edited-by:after, .comments li[data-user="Inamorta777"] .edited-by:after { content: "Moderator"; color: white; background-color: #12e23f; border-radius: 5px; padding: 0 5px; margin-left: 3px; font-family: Arial; }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } .portable-infobox .pi-background { background-color: #d5dad4; } .portable-infobox .pi-secondary-background, .portable-infobox .pi-title { background-color: #000000; color: white; }

.portable-infobox { border:1px solid gray; border-radius:5px; }

/* UserTags / a.tag { color: inherit; }

/ Co-Founder / .comments li[data-user="Toxicbreath"] .edited-by:after {   content: "Co-Founder"; color: #1b1b1b; background-color:#009900; border: 3px solid #009900; border-radius: 7px; padding: 0 5px; margin-left: 3px;}

/ Custom tag colors - WIP / .tag.usergroup-recruiter { background-color: #5a4fcf !important; } .tag.usergroup-helper { background-color: #930093 !important; } .tag.usergroup-cofounder { background-color: #fff000 !important; color: #1b1b1b !important; } .tag.usergroup-bureaucrat { background-color: #fff000 !important; color: #1b1b1b !important; }

section #UserProfileMasthead .tag-container .autoconfirmed-user { / hide autoconfirmed user tag / display: none; } section #UserProfileMasthead .tag-container .rollback { / hide autoconfirmed user tag */ /*   display: none; }

/* General Customization */ -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; }	-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .wds-dropdown__content .wds-dropdown-level-2 #wds-icons-menu-control-tiny { -webkit-transition: transform 0.2s; -o-transition: transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .wds-dropdown__content .wds-dropdown-level-2:hover #wds-icons-menu-control-tiny { -webkit-transform: rotate(-90deg) translateY(5px); -ms-transform: rotate(-90deg) translateY(5px); transform: rotate(-90deg) translateY(5px); } .hover-expand { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .hover-expand:hover { -webkit-transform: scale(1.003); -ms-transform: scale(1.003); transform: scale(1.003); -webkit-box-shadow: 4px 4px gray !important; box-shadow: 4px 4px gray !important; }
 * 1) wds-icons-dropdown-tiny {
 * 1) wds-icons-dropdown-tiny:hover {

/* Home Page Polls */ background-color: blue; }	color: white; }	background-color: lightblue; }	background-color: green; }	color: #9b9b9b; }	background-color: yellow; }	background-color: red; } /* RobloxWikis Template Customization */ .RobloxWikis-Head { background-color: lightblue !important; } .RobloxWikis-HeadButton { background: #006CB0 !important; } .RobloxWikis-Notice { background: -webkit-repeating-linear-gradient(135deg, #008CB0, #008CB0 10px, #006CB0 10px, #006CB0 20px) !important; background: -o-repeating-linear-gradient(135deg, #008CB0, #008CB0 10px, #006CB0 10px, #006CB0 20px) !important; background: repeating-linear-gradient(-45deg, #008CB0, #008CB0 10px, #006CB0 10px, #006CB0 20px) !important; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; -moz-transition: filter 0.2s; -webkit-transition: filter 0.2s; -o-transition: filter 0.2s; } .RobloxWikis-Notice:hover { -webkit-filter: grayscale(50%); filter: grayscale(50%); } .RobloxWikis-OddRow { background: lightblue; } .RobloxWikis-EvenRow { background: #006CB0; } .RobloxWikis-TableAll span { color: white !important; } .RobloxWikis-TableAll tr { -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; -webkit-transition: filter 0.2s; -moz-transition: filter 0.2s; -o-transition: filter 0.2s; } .RobloxWikis-TableAll { text-align: center; }
 * 1) wpPollBarD46400BFF7BE212A0ADFB4B348FEF00C-2 {
 * 1) wpPollVoteD46400BFF7BE212A0ADFB4B348FEF00C-2 {
 * 1) wpPollBarD46400BFF7BE212A0ADFB4B348FEF00C-3 {
 * 1) wpPollBarD46400BFF7BE212A0ADFB4B348FEF00C-4 {
 * 1) wpPollVoteD46400BFF7BE212A0ADFB4B348FEF00C-4 {
 * 1) wpPollBarD46400BFF7BE212A0ADFB4B348FEF00C-5 {
 * 1) wpPollBarD46400BFF7BE212A0ADFB4B348FEF00C-6 {

.RobloxWikis-TableAll tbody > *{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; }

.RobloxWikis-TableAll table { width: 100%; }

.RobloxWikis-TableAll tr a span { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.RobloxWikis-TableAll tr a:hover, .RobloxWikis-TableAll tr a:hover span { -webkit-filter: brightness(95%); filter: brightness(95%); }

/* Some infobox transition customization */ .portable-infobox { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .portable-infobox:hover { margin-top: -5px; margin-bottom: 20px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5); } @keyframes logo-animation{ 0% {top:0px;} 50% {top:5px;} 100% {top:0px;} } @-webkit-keyframes logo-animation{ 0% {top:0px;} 50% {top:5px;} 100% {top:0px;} } .animated-logo { position: relative; animation: logo-animation 2s ease 0s infinite; -webkit-animation: logo-animation 2s ease 0s infinite; -moz-animation: logo-animation 2s ease 0s infinite; -o-animation: logo-animation 2s ease 0s infinite; } /* Wordmark Hover Customization */ .wds-community-header__wordmark img { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; padding-bottom: 5px; } .wds-community-header__wordmark img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .wds-community-header__wordmark { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .wds-community-header:hover > .wds-community-header__wordmark { -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px); transform: translate(0, -5px); -webkit-filter: drop-shadow(0 15px 10px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 15px 10px rgba(0, 0, 0, 0.5)); } .wds-community-header__wordmark img:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Badge-Icon */ .badge-icon { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .badge-icon:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* Table of Content Customization */ border: 1px solid black; margin: 5px 5px 5px 5px; border-radius: 10px; -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px rgba(0, 0, 0, 0.5); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }	font-weight: bold; }
 * 1) toc {
 * 1) toctitle {
 * before {

margin-right: 5px; font-weight: bold; }   -webkit-transform: scaleY(1.002); -ms-transform: scaleY(1.002); transform: scaleY(1.002); }	-webkit-transform: scaleX(1.02); -ms-transform: scaleX(1.02); transform: scaleX(1.02); -webkit-transform: scaleY(1.002); -ms-transform: scaleY(1.002); transform: scaleY(1.002); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px rgba(0, 0, 0, 0.5); } /* MainPageNavigation Customizatin */ .hoverimage:hover { -webkit-filter: brightness(90%); filter: brightness(90%); } .hoverimage img { border-radius: 5px; } /* Main page StaffDisplay template customization */ .round-image-hover-expand img { border-radius: 50%; transition: border-radius 0.2s; -webkit-transition: border-radius 0.2s; -moz-transition: border-radius 0.2s; -o-transition: border-radius 0.2s; } .round-image-hover-expand img:hover { border-radius: 30%; } /* Image Roundness Customizatino (designed for Happy Birthday image) */ .image-hover-expand img { border-radius: 10%; transition: border-radius 0.2s; -webkit-transition: border-radius 0.2s; -moz-transition: border-radius 0.2s; -o-transition: border-radius 0.2s; } .image-hover-expand img:hover { border-radius: 5%; }
 * 1) toctitle:hover {
 * toc:hover {

body.skin-oasis { background-repeat: no-repeat; background-size: cover; } /* Custom Toggle Button for Navbox Code */ .toggleswitch-navbox .mw-collapsible-toggle-collapsed::before { content: ""; background: #006cb0; padding-left: 8px; padding-right: 8px; margin-left: 2px; border-radius: 20%; margin: 2px; -webkit-animation: movementLeft 0.2s; animation: movementLeft 0.2s; } .toggleswitch-navbox .mw-collapsible.mw-made-collapsible:not(.mw-collapsed) .mw-collapsible-toggle::after { content: ""; background: #006cb0; padding-left: 8px; padding-right: 8px; border-radius: 20%; margin: 2px; -webkit-animation: movementRight 0.2s; animation: movementRight 0.2s; } .toggleswitch-navbox .mw-collapsible-toggle { background: white; border-radius: 5px; margin: 2px; padding-top: 1px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 5000px) { .toggleswitch-navbox .mw-collapsible-toggle { width: 40px; } } @media only screen and (min-width: 5000px) { .toggleswitch-navbox .mw-collapsible-toggle { width: 45px; } } .toggleswitch-navbox .mw-collapsible-toggle:hover { cursor: pointer; } .toggleswitch-navbox .mw-collapsible-toggle a { display: none; } .toggleswitch-navbox .mw-collapsible-toggle-expanded p { color: white; } .toggleswitch-navbox span.mw-collapsible-toggle { color: rgba(0, 0, 0, 0); text-align: center; } @-webkit-keyframes movementLeft { from {margin-right: -10px;} to {margin-left: auto;} } @keyframes movementLeft { from {margin-right: -10px;} to {margin-left: auto;} } @-webkit-keyframes movementRight { from {margin-left: -10px;} to {margin-right: auto;} } @keyframes movementRight { from {margin-left: -10px;} to {margin-right: auto;} } /* Main Page Tabber Customization */ .main-page-tabber .tabbernav a { border-radius: 10px 10px 0px 0px; background: lightblue !important; border: 3.5px solid #07f !important; border-bottom: 0px !important; } .main-page-tabber .tabbernav a[title="Favorite Naval Game"], a[title="Wiki Activity"] { margin-left: 0px !important; } .main-page-tabber .tabbernav { border: 0px solid white !important; } .main-page-tabber .tabbertab { border: 3.5px solid #07f !important; } /* Rainbow */ @-webkit-keyframes rainbow { 0% {background: #f44441} 17% {background: #f4a041} 33% {background: #e8db55} 50% {background: #61f441} 67% {background: #41f4d3} 83% {background: #416df4} 100% {background: #8e41f4} } @keyframes rainbow { 0% {background: #f44441} 17% {background: #f4a041} 33% {background: #e8db55} 50% {background: #61f441} 67% {background: #41f4d3} 83% {background: #416df4} 100% {background: #8e41f4} }	-webkit-animation: rainbow 2s infinite; animation: rainbow 2s infinite; } /* Rail Customization */ .rail-module:not(.DiscordIntegratorModule) { background: #006cb0; padding: 10px; border-radius: 10px; color:#fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .DiscordIntegratorModule { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .rail-module:not(.DiscordIntegratorModule):hover { margin-top: -3px; margin-bottom: 33px; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5); } .DiscordIntegratorModule:hover { margin-top: -3px; margin-bottom: 33px; } .activity-items a, .edit-info span, .has-icon, .chat-live, .activity-heading { color: white !important; } .activity-item { padding: 5px !important; border-radius: 5px; } .activity-item:hover { background: #015c96; cursor: pointer; } .activity-item:active { background: #007bc9; } .module:not(.module_page_controls):not(.module_license):not(.module_templates):not(.module_insert):not(.module_content):not(.module_categories) { border-radius: 10px; background: #007ac6 !important; border: 2px solid #006cb0 !important; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: white; } .module:not(.module_page_controls):not(.module_license):not(.module_templates):not(.module_insert):not(.module_content):not(.module_categories):hover { margin-top: -3px; margin-bottom: 33px; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); background: #0080d1 !important; }	color: white; }	padding: 5px; border: 0px; }	background: #008ce5; border-radius: 5px; }
 * 1) ca-edit.wds-button:hover, #ca-viewsource.wds-button:hover {
 * 1) myhome-hot-spots a {
 * 1) myhome-hot-spots li {
 * 1) myhome-hot-spots li:hover {

/* Community Boats insanity fix */ position: relative; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #999999; background-color: rgba(0, 0, 0, 0.6); border: 1px solid black; overflow: auto; }	display: block; margin-top: 30px !important; opacity: 1; position: absolute; top: 0; }   cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 30px; position: absolute; top: 0; background-color: black; background-color: rgba(0,0,0,0.6); color: white; text-align: center; padding: 20% 0 0 0; }   background-color: rgba(0,0,0,0.8); }	left: 0; }	right: 0; } .boat-index { position: absolute; bottom: 0; width: 20%; left: 40%; padding: 5px 0; text-align: center; color: white; background-color: black; background-color: rgba(0, 0, 0, 0.6); border: 1px solid black; border-radius: 10px 10px 0 0; }
 * 1) community-boat-container {
 * 1) community-boat-container .community-boat {
 * 1) community-boat-container .prev, #community-boat-container .next {
 * 1) community-boat-container .prev:hover, #community-boat-container .next:hover {
 * 1) community-boat-container .prev {
 * 1) community-boat-container .next {

/* class 12 glow */ @-webkit-keyframes glow { 0% {text-shadow: 0 0 1px #f44441} 14% {text-shadow: 0 0 1px #f4a041} 29% {text-shadow: 0 0 1px #e8db55} 43% {text-shadow: 0 0 1px #61f441} 57% {text-shadow: 0 0 1px #41f4d3} 71% {text-shadow: 0 0 1px #416df4} 85% {text-shadow: 0 0 1px #8e41f4} 100% {text-shadow: 0 0 1px #f44441} } @keyframes glow { 0% {text-shadow: 0 0 1px #f44441} 14% {text-shadow: 0 0 1px #f4a041} 29% {text-shadow: 0 0 1px #e8db55} 43% {text-shadow: 0 0 1px #61f441} 57% {text-shadow: 0 0 1px #41f4d3} 71% {text-shadow: 0 0 1px #416df4} 85% {text-shadow: 0 0 1px #8e41f4} 100% {text-shadow: 0 0 1px #f44441} }

@-webkit-keyframes rainbow-border { 0% {border: 3px solid #f44441} 14% {border: 3px solid #f4a041} 29% {border: 3px solid #e8db55} 43% {border: 3px solid #61f441} 57% {border: 3px solid #41f4d3} 71% {border: 3px solid #416df4} 85% {border: 3px solid #8e41f4} 100% {border: 3px solid #f44441} }

@keyframes rainbow-border { 0% {border: 3px solid #f44441} 14% {border: 3px solid #f4a041} 29% {border: 3px solid #e8db55} 43% {border: 3px solid #61f441} 57% {border: 3px solid #41f4d3} 71% {border: 3px solid #416df4} 85% {border: 3px solid #8e41f4} 100% {border: 3px solid #f44441} }

@-webkit-keyframes rainbow-bg { 0% {background-color: #f44441} 14% {background-color: #f4a041} 29% {background-color: #e8db55} 43% {background-color: #61f441} 57% {background-color: #41f4d3} 71% {background-color: #416df4} 85% {background-color: #8e41f4} 100% {background-color: #f44441} }

@keyframes rainbow-bg { 0% {background-color: #f44441} 14% {background-color: #f4a041} 29% {background-color: #e8db55} 43% {background-color: #61f441} 57% {background-color: #41f4d3} 71% {background-color: #416df4} 85% {background-color: #8e41f4} 100% {background-color: #f44441} }

.c12 { font-weight: bold; color: #000000; -webkit-animation: glow 2s infinite normal linear; animation: glow 2s infinite normal linear; }

.c12-container { -webkit-animation: rainbow-border 2s infinite normal linear; animation: rainbow-border 2s infinite normal linear; } .c12-dot { -webkit-animation: rainbow-bg 2s infinite normal linear; animation: rainbow-bg 2s infinite normal linear; }

/* seven dots notation */ -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 25%; width: 50%; height: 30px; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }	height: 20px; width: 20px; margin: 0 2px; display: inline-block; background-color: gray; border-radius: 50%; font-family: "Courier New", Courier, monospace; font-size: 12.5px; font-weight: bold; text-align: center; line-height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dot:nth-child(2n+3){ opacity: 0.75; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .dot:nth-child(4n+2){ opacity: 0.5; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .dot:nth-child(6n+1){ opacity: 0.25; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
 * 1) seven-dot {
 * 1) seven-dot .dot {

/* Stylish Tabbers */ /*Stylish Tabber*/ .TabNav .tabbertab { border: none !important; padding: 0 !important; color: white !important; } .TabNav .tabbernav { background: #006cb0; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; font-size: 15px !important; line-height: 15px !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; color: white; } .TabNav .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .TabNav .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: white !important; font-size: 14px; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; cursor: default; font-weight: bold !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .TabNav .tabbernav .tabberactive a, .tabbernav li a:hover { background: #035081 !important; color: white !important; }

.page-Codes #article-comments::before { content: "Warning 1: Do not ask for new codes.\AWarning 2: Do not post fake codes in the comments.\AWarning 3: Do not spam in the comments.\AWarning 4: All users caught swearing and/or breaking the guidelines will be blocked.\AWarning 5: No posting \"I found this code out by myself\" comments.\AWarning 6: Respect all other users.\A\A Any and all violations will result in the deletion of the comment and a 3 day block." !important; font-size: 16px !important; white-space: pre-wrap !important; }

/* .page-Codes #WikiaArticleComments { display: none !important; }

.page-Codes #WikiaMainContent::after { content: "The comments section for this page has been disabled." !important; } */

.page-Community_Boats #article-comments::before { content: "Please include the NAME, DESCRIPTION, and the IMAGE of the boat when posting below.\0A Boats without DESCRIPTION will be posted as \"No description provided\".\0A Boats without NAME or IMAGE will not be posted." !important; font-size: 16px !important; white-space: pre-wrap !important; }

/* Disabling comments on the Codes page */ /* .page-Codes #WikiaArticleComments { display: none !important; }

.page-Codes #WikiaMainContent::after { content: "The comments section for this page has been disabled." !important; }

/** * EraIcons default CSS * @author Ursuul  */ .eraicon-dropdown { padding: 10px; white-space: nowrap; font-size: 13px; } .page-header__contribution > div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-header__eraicons { position: absolute; top: 10px; right: 0; } .eraicon { margin-right: 10px; cursor: default !important; } .eraicon:last-child { margin-right: 0; }

/* Dropdown Animations */ .wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.2s; animation: dropdown-topnav 0.2s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.2s; animation: dropdown-animation 0.2s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.2s linear; animation: contribution-dropdown 0.2s linear; } @-webkit-keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @-webkit-keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @-webkit-keyframes dropdown-animation { from {opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px);} to {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} } @keyframes dropdown-animation { from {opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px);} to {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} } @-webkit-keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} } @keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} }

/* AJAX RC */ height: 11px; position: relative; top: 3px; }
 * 1) ajaxRefresh #ajaxToggle {

/* Discord Online Members List Modifications */ -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid #23272A; } /* New homepage CSS */ .mainpage-top { display: inline-block; background-image: url("https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/8/84/My_boat_4.JPG/revision/latest"); background-size: 100% 100%; -webkit-filter: blur(0.4vw) brightness(3) hue-rotate(140deg); filter: blur(0.4vw) brightness(3) hue-rotate(140deg); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 * 1) show-discord-user > section > center > div > div {

.hover-show { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.hover-show .hide, .hover-show .show { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hover-show:hover { border-radius: 10px !important; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }

.hover-show:hover .hide, .hover-show .show { opacity: 0; }

.hover-show:hover .show, .hover-show .hide { opacity: 1; }

.community-corner { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/7/70/Battle.png/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(3); filter: blur(0.4vw) brightness(3); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.announcements-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/d/d5/Eoofs2.png/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(1.2); filter: blur(0.4vw) brightness(1.2); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.news-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/3/30/Supernova.png/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(3); filter: blur(0.4vw) brightness(3); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.polls-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/d/da/Screenshot_%28413%29.png/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(3); filter: blur(0.4vw) brightness(3); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.featured-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/9/90/Project_omega.png/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(2.5); filter: blur(0.4vw) brightness(2.5); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.page-Build_a_boat_for_treasure_Wiki .WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body { background: none !important; }

/* MainNavBox customization */ .mainnavbox-header-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/8/84/My_boat_4.JPG/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(1.2) hue-rotate(140deg); filter: blur(0.4vw) brightness(1.2) hue-rotate(140deg); background-position: 50% 52%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.major-features-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/a/ae/Wdadswdasw.PNG/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(3); filter: blur(0.4vw) brightness(3); background-position: 50% 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.stages-obstacles-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/3/34/GeyserObstacle.PNG/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(3); filter: blur(0.4vw) brightness(3); background-position: 50% -30px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.blocks-image { display: inline-block; overflow: hidden; background-image: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/a/a3/BabftBedroom.jpg/revision/latest'); background-size: cover; -webkit-filter: blur(0.4vw) brightness(3); filter: blur(0.4vw) brightness(3); background-position: 50% 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.wds-global-navigation__search-suggestions { animation: search-dropdown 0.2s !important; } @keyframes search-dropdown { from {top: calc(1px);} to {top: calc(1px + 100%);} } /*

homepage gen 4 CSS

.home-header { padding: 0.25em; margin: 1em 0 0.5em; border: 2px solid black; border-radius: 2em; font-weight: bold; font-family: Trebuchet MS, sans-serif; font-size: 1.5em; color: white; text-shadow: 0 0 1em black; background: lightblue; text-align: center; overflow: hidden; z-index: 0; position: relative; } .home-header > .backdrop-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/5/54/Yacht.png/revision/latest?cb=20190807010637'); background-position: 50% 40%; filter: blur(1vw) hue-rotate(90deg); } .home-logo-container { margin: 1vw; height: 400px; border: 5px solid #00FFFF; border-radius: 3em; position: relative; overflow: hidden; } .home-logo-container > .backdrop-image { position: absolute; top: 1vw; left: 1vw; height: calc(100% - 2vw); width: calc(100% - 2vw); z-index: -1; perspective: 1000px; background: url('https://vignette.wikia.nocookie.net/build-a-boat-for-treasure/images/8/84/My_boat_4.JPG/revision/latest'); background-size: 100% 100%; opacity: 0.7; filter: blur(1vw) hue-rotate(140deg) brightness(2); } .home-logo-container > .rotisserie > .cube { height: 14em; width: 14em; border: none; background: none; position: absolute; top: calc(50% - 7em); left: calc(50% - 7em); transform-style: preserve-3d; animation: counter-rotate 9s infinite linear; } @keyframes counter-rotate { 0% {transform: rotateX(0deg) rotateZ(0deg)} 100% {transform: rotateX(360deg) rotateZ(360deg)} } .home-logo-container > .rotisserie > .cube > div { position: absolute; height: 100%; width: 100%; background: #FFFFFF8F; } .home-logo-container > .rotisserie > .cube > .top { transform: rotateX(90deg) translateZ(8em); } .home-logo-container > .rotisserie > .cube > .bottom { transform: rotateX(-90deg) translateZ(8em); } .home-logo-container > .rotisserie > .cube > .left { transform: rotateY(-90deg) translateZ(8em); } .home-logo-container > .rotisserie > .cube > .right { transform: rotateY(90deg) translateZ(8em); } .home-logo-container > .rotisserie > .cube > .front { transform: translateZ(8em); } .home-logo-container > .rotisserie > .cube > .back { transform: rotateY(180deg) translateZ(8em); } .home-logo-container > .rotisserie { height: 20%; width: 10%; position: absolute; top: 40%; left: 45%; transform-style: preserve-3d; animation: rotate-homepage 16s infinite linear; } @keyframes rotate-homepage { 0% {transform: rotateX(-5deg) rotateY(0deg)} 100% {transform: rotateX(-5deg) rotateY(720deg)} } .home-logo-container > .rotisserie > div { position: absolute; height: 100%; width: 100%; border: 0.2em solid cyan; background-color: rgba(0,255,255,0.3); } .home-logo-container > .rotisserie > .one { transform: rotateY(90deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .two { transform: rotateY(112.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .three { transform: rotateY(135deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .four { transform: rotateY(157.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .five { transform: rotateY(180deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .six { transform: rotateY(202.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .seven { transform: rotateY(225deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .eight { transform: rotateY(247.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .nine { transform: rotateY(270deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .ten { transform: rotateY(292.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .eleven { transform: rotateY(315deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .twelve { transform: rotateY(337.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .thirteen { transform: translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .fourteen { transform: rotateY(22.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .fifteen { transform: rotateY(45deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .rotisserie > .sixteen { transform: rotateY(67.5deg) translateX(350%) rotateY(-90deg); } .home-logo-container > .logo { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .seven-links { width: 100%; text-align: center; margin-top: 1.5em; } .seven-links > p { display: flex; justify-content: space-evenly; } .seven-links span { text-align: left; } .seven-links a > span { perspective: 1000px; } .seven-links span { display: inline-block; } .seven-links span > .rotisserie { position: relative; height: 4em; width: 4em; transform-style: preserve-3d; animation: rotate-selector 4s infinite linear; } @keyframes rotate-selector { 0% {transform: rotateX(-30deg) rotateY(0deg)} 100% {transform: rotateX(-30deg) rotateY(360deg)} } .seven-links span > .rotisserie > .pedestal { position: absolute; height: 100%; width: 100%; top: calc(150% - 1em); left: calc(50% - 2em); } .seven-links span > .rotisserie > .pedestal > span { transition: all 1s; } .seven-links span > .rotisserie > .pedestal > span > span { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scaleY(2); color: auto; font-family: Trebuchet MS, Arial, sans-serif; font-weight: bold; } .seven-links .obstacle > .rotisserie > .pedestal > span > span { font-size: 0.8em; } .seven-links .features > .rotisserie > .pedestal > span > span { font-size: 0.9em; } .seven-links .boats > .rotisserie > .pedestal > span { position: absolute; height: 100%; width: 100%; background: #FFFF00; border: 1px solid black; color: black; } .seven-links .quests > .rotisserie > .pedestal > span { position: absolute; height: 100%; width: 100%; background: #00FF00; border: 1px solid black; color: black; } .seven-links .blocks > .rotisserie > .pedestal > span { position: absolute; height: 100%; width: 100%; background: black; border: 1px solid white; color: white; } .seven-links .features > .rotisserie > .pedestal > span { position: absolute; height: 100%; width: 100%; background: white; border: 1px solid black; color: black; } .seven-links .codes > .rotisserie > .pedestal > span { position: absolute; height: 100%; width: 100%; background: #FF0000; border: 1px solid black; color: black; } .seven-links .obstacle > .rotisserie > .pedestal > span { position: absolute; height: 100%; width: 100%; background: #0000FF; border: 1px solid black; color: white; } .seven-links .terrains > .rotisserie > .pedestal > span { position: absolute; height: 100%; width: 100%; background: #FF00FF; border: 1px solid black; color: black; } .seven-links .boats > .rotisserie > .cube > span { position: absolute; height: 90%; width: 90%; background: rgba(255,255,0,0.7); } .seven-links .quests > .rotisserie > .cube > span { position: absolute; height: 90%; width: 90%; background: rgba(0, 255, 0, 0.7); } .seven-links .blocks > .rotisserie > .cube > span { position: absolute; height: 90%; width: 90%; background: rgba(0,0,0,0.7); } .seven-links .features > .rotisserie > .cube > span { position: absolute; height: 90%; width: 90%; background: rgba(255,255,255,0.7); } .seven-links .codes > .rotisserie > .cube > span { position: absolute; height: 90%; width: 90%; background: rgba(255,0,0,0.7); } .seven-links .obstacle > .rotisserie > .cube > span { position: absolute; height: 90%; width: 90%; background: rgba(0,0,255,0.7); } .seven-links .terrains > .rotisserie > .cube > span { position: absolute; height: 90%; width: 90%; background: rgba(255,0,255,0.7); } .seven-links span > .rotisserie > .pedestal > .top { transform: rotateX(90deg) translateZ(1em); } .seven-links span > .rotisserie > .pedestal > .bottom { transform: rotateX(-90deg) translateZ(1em); } .seven-links span > .rotisserie > .pedestal > .front { transform: scaleY(0.5) translateZ(2em); } .seven-links span > .rotisserie > .pedestal > .left { transform: scaleY(0.5) rotateY(-90deg) translateZ(2em); } .seven-links span > .rotisserie > .pedestal > .right { transform: scaleY(0.5) rotateY(90deg) translateZ(2em); } .seven-links span > .rotisserie > .pedestal > .back { transform: scaleY(0.5) rotateY(180deg) translateZ(2em); } .seven-links span > .rotisserie > .cube { height: 100%; width: 100%; transform-style: preserve-3d; transform: rotateX(45deg) rotateY(45deg); } .seven-links span > .rotisserie > .cube > .top { transform: rotateX(90deg) translateZ(2em); transition: all 0.5s; } .seven-links a:hover span > .rotisserie > .cube > .top { transform: rotateX(90deg) translateZ(3em); } .seven-links span > .rotisserie > .cube > .bottom { transform: rotateX(-90deg) translateZ(2em); transition: all 0.5s; } .seven-links a:hover span > .rotisserie > .cube > .bottom { transform: rotateX(-90deg) translateZ(3em); } .seven-links span > .rotisserie > .cube > .front { transform: translateZ(2em); transition: all 0.5s; } .seven-links a:hover span > .rotisserie > .cube > .front { transform: translateZ(3em); } .seven-links span > .rotisserie > .cube > .left { transform: rotateY(-90deg) translateZ(2em); transition: all 0.5s; } .seven-links a:hover span > .rotisserie > .cube > .left { transform: rotateY(-90deg) translateZ(3em); } .seven-links span > .rotisserie > .cube > .right { transform: rotateY(90deg) translateZ(2em); transition: all 0.5s; } .seven-links a:hover span > .rotisserie > .cube > .right { transform: rotateY(90deg) translateZ(3em); } .seven-links span > .rotisserie > .cube > .back { transform: rotateY(180deg) translateZ(2em); transition: all 0.5s; } .seven-links a:hover span > .rotisserie > .cube > .back { transform: rotateY(180deg) translateZ(3em); } .seven-links a:hover span > .rotisserie > .pedestal > span { transform: scale(1.1) scaleX(1.5); } .under-cubes { margin: 1em; padding: 1em 2em; margin-top: 4.75em; text-align: center; background: white; border: 2px dashed cyan; border-radius: 1em; } /* Profile CSS */ /** User Profile Customization **/ margin-left: 0 !important; padding-left: 165px; border-radius: 20px; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://t5.rbxcdn.com/68b59b3ecf71fa9ba036c23bca4ea0fa'); background-color: #c5e1ea; background-size: cover; background-repeat: no-repeat; background-position: center; filter: brightness(110%); }	font-family: Rubik, sans-serif; }	margin-left: -165px; padding-left: 165px; background-color: #2fa6ce; background-image: none; border-radius: 20px 20px 0 0; }	border-top-color: white !important; color: white; }	display: none; }	z-index: 1; }	border-radius: 20%; margin-top: 30px; margin-left: 10px; }	border-radius: 5px; background-color: black !important; }	left: 40px; }	color: black; }	padding: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; border: 2px solid ; }   -webkit-animation: fade-in 0.2s; -moz-animation: fade-in 0.2s; animation: fade-in 0.2s; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }   background-color: rgba(0, 0 ,0, 0.9); }	top: -53px; display: flex; justify-content: center; border-bottom: 0; position: relative; background: lightblue; margin-right: 30px; left: 15px; padding-left: 0; }	border-bottom-left-radius: 20px; margin-left: -5px; }	border-bottom-right-radius: 20px; }	border: none !important; background: none !important; }	background: #2fa6ce; }   color: black !important; font-family: arial, sans-serif; width: 100%; justify-content: center; display: flex; }   text-decoration: none; }	width: 25%; justify-content: center !important; display: flex; margin: 0 !important; filter: brightness(110%); }   -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }	border-radius: 0 0 20px 20px !important; } .details, .details span { color: white !important; }	margin-bottom: 20px; }	color: white; }	color: lightblue !important; } @media only screen and (max-width: 1000px) { #WikiaUserPagesHeader .tabs-container .tabs li { left: 4%; } #UserProfileMasthead .masthead-info .details { top: -70px; position: relative; } #WikiaUserPagesHeader .tabs-container .tabs li { left: 0; } #WikiaUserPagesHeader .tabs-container .tabs { left: 15px; } }
 * 1) UserProfileMasthead .masthead-info {
 * 1) UserProfileMasthead .masthead-info * {
 * 1) UserProfileMasthead .masthead-info hgroup {
 * 1) UserProfileMasthead .masthead-info .masthead-info-lower .discussion-details.tally, .masthead-info-lower .tally a {
 * 1) UserProfileMasthead .masthead-info .masthead-info-lower::before {
 * 1) UserProfileMasthead .masthead-avatar {
 * 1) UserProfileMasthead .masthead-avatar img:not(.edit-pencil) {
 * 1) UserProfileMasthead .masthead-avatar .avatar-controls img {
 * 1) UserProfileMasthead .masthead-avatar .avatar-controls {
 * 1) UserProfileMasthead .masthead-avatar .avatar-controls #userAvatarEdit, #UserProfileMasthead .masthead-info .user-identity-box-edit a {
 * 1) UserProfileMasthead .masthead-info .user-identity-box-edit {
 * 1) UserProfileMasthead .masthead-avatar .avatar-controls, #UserProfileMasthead .masthead-info .user-identity-box-edit {
 * 1) UserProfileMasthead .masthead-info .user-identity-box-edit:hover {
 * 1) WikiaUserPagesHeader .tabs-container .tabs {
 * 1) WikiaUserPagesHeader .tabs-container .tabs li:first-child {
 * 1) WikiaUserPagesHeader .tabs-container .tabs li:last-child {
 * 1) WikiaUserPagesHeader .tabs-container .tabs .selected a {
 * 1) WikiaUserPagesHeader .tabs-container .tabs li:hover, #WikiaUserPagesHeader .tabs-container .tabs li.selected {
 * 1) WikiaUserPagesHeader .tabs-container .tabs li a {
 * 1) WikiaUserPagesHeader .tabs-container .tabs li a:hover, #UserProfileMasthead .masthead-info .user-identity-box-edit a:hover {
 * 1) WikiaUserPagesHeader .tabs-container .tabs li {
 * 1) WikiaUserPagesHeader .tabs-container .tabs li {
 * 1) WikiaUserPagesHeader .tabs-container .tabs {
 * 1) UserProfileMasthead .masthead-info .masthead-info-lower .wikis ul li:last-child {
 * 1) UserProfileMasthead .masthead-info .masthead-info-lower .wikis a {
 * 1) UserProfileMasthead .masthead-info .masthead-info-lower .wikis span {

/* Porfile Edit Button */ .wikia-menu-button, #ca-edit:hover, .drop:hover { background-image: none !important; }	height: 20px !important; background-color: currentColor; }	position: relative; font-size: 14px; text-transform: capitalize; font-family: Rubik, arial, sans-serif; top: -5px; } .user-profile__discord .wds-dropdown::after, .user-profile__discord .wds-dropdown::before { display: none !important; } .user-profile__discord .wds-dropdown { margin-bottom: 50px; } .user-profile__discord .wds-dropdown__content { animation: fade-in 0.2s; } @keyframes fade-in { from {opacity: 0;} to {opacity: 1;} }
 * 1) UserProfileMasthead .sprite.edit-pencil {
 * 1) UserProfileMasthead a#userAvatarEdit {

/* Toolbar */ .toolbar a { font-family: Rubik; }