MediaWiki:Wikia.css

/* main body font */ body {font-family:Lexend Deca; } /* custom scrollbar */
 * -webkit-scrollbar {

width:7px; height:15px; }
 * -webkit-scrollbar-thumb {

background:#FAFABB; }
 * -webkit-scrollbar-thumb:hover {

background:#FAFABB !important; }
 * -webkit-scrollbar-thumb:active {

background:#FAFABB !important; }

/* sidebar boxes */ .WikiaRail .module, .GamingCalendarModule { margin-top: 10px; margin-bottom:5px; background: #fec356 ; font-size: 100%; color: #fff ; border: 3px solid #b1893e ; moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; box-shadow: inset 0 0 7px #b1893e; -moz-box-shadow: inset 0 0 7px #b1893e; -webkit-box-shadow: inset 0 0 7px #b1893e; -o-box-shadow: inset 0 0 7px #b1893e; }

/* Background image */ body.skin-oasis { background-image: url(https://i.pinimg.com/originals/fd/36/58/fd36586f462e0e00d61ca4a7c510303e.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }

.WikiaPage { border: 16; border-color: #000; }

.page-header__title { font-family: allstar2; font-weight: italic !important; } .WikiaArticle h2 { font-size: 30px; font-family: allstar; color: black; border-bottom: 2px dashed #FAFABB!important; } .WikiaArticle h3 { font-size: 25px; font-family: allstar; color: black; } .WikiaArticle h4 { font-size: 20px; font-family: allstar; color: black; } .WikiaArticle h5 { font-family: allstar; color: black; } .WikiaArticle h6 { font-family: allstar; color: black; }

.WikiNav { font-family: orphans; }

.WikiaArticle h3 .editsection .sprite.edit-pencil, .WikiaArticle h4 .editsection .sprite.edit-pencil, .WikiaArticle h5 .editsection .sprite.edit-pencil, .WikiaArticle h6 .editsection .sprite.edit-pencil { display: none; } .WikiaArticle h2 .editsection .sprite.edit-pencil { background: url('https://i.imgur.com/bLbeZjb.png') no-repeat !important; margin-bottom: -2px; margin-right: 3px; }

/* Collapse */ .collapseButton-altered span.collapseButton { font-weight:normal } .collapseButton-altered span.collapseLink { color:#E0EEEE; cursor:pointer; } .collapseButton-altered span.collapseLink:hover { text-decoration:underline } /* Roundy template */ .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

/*watery*/ .Watery { width: auto; height: auto; min-height: 21px; background-color: #fec356; font-family: Carter One; color: black; font-size: 20px; border-radius: 0.75em; text-align: center; } .Watery2 { width: 327px; height: auto; min-height: 21px; background-color: #fec356; font-family: Carter One; color: black; font-size: 20px; border-radius: 0.75em; text-align: center; }

.Waterybig { width: auto; height: auto; min-height: 21px; background-color: #fec356; font-family: Carter One; color: black; font-size: 20px; border-radius: 0.75em; text-align: center; }

/* .watery-collapsible class to use collapsible div alongside .Waterybig header */ .watery-collapsible .mw-collapsible-toggle { line-height: 30px; padding-right: 30px !important; color: black; font-family: "orphans"; margin-left: -100% !important; } /* .watery-collapsible class to use collapsible div alongside .Waterybig header */ .watery-collapsible .mw-collapsible-toggle { line-height: 30px; padding-right: 30px !important; color: black; font-family: "orphans"; margin-left: -100% !important; } .watery-collapsible .mw-collapsible-toggle a { color: black !important; }

/* the tabbers */ .tabbernav { font-family: orphans !important; font-weight: normal !important; font-size: 20px !important; border-top: transparent !important; border-bottom: 3px solid #fec356 !important; padding: 0.3em 0 !important; text-align: center; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #fec356 !important; border: none !important; background: transparent !important; } .tabberactive a { color: #fff !important; background: #fec356 !important; } .tabbernav :not(.tabberactive) a:hover { color: #FFFFFF !important; background: rgba(177, 137, 62, 0.75) !important; } .tabbertab { border: none !important; padding: 0 !important; } /* b&w */ .bw{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .6s ease; /* Transition for Webkit browsers */ } .bw:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; }

/* CSS tooltips */ .tooltip { border-bottom: none; color: black; cursor: default; text-align: center; font-family: Lexend Deca; z-index: auto; position: static; }

.tooltip span { visibility: hidden; position: absolute; width: 300px; border: 1px #fec356 solid; text-align: center; font-family: Lexend Deca; font-size: 14px; background: white; color: black; z-index: 99; }

.tooltip:hover span { visibility: visible; }

/* username colours */

a[href$="/wiki/User:Bleak_Moonlight"] { color: #4c4557 !important; font-weight: italic !important; font-family: Permanent Marker !important; }

/* ====================     Portable Infoboxes ==================== */ .portable-infobox { color:#FAFABB !important; border: 2px solid black !important; background:transparent !important; border-radius: 10px; box-shadow: 0px 0px 6px 2px black !important; } .portable-infobox .pi-item-spacing { padding: 0 0px; margin:0px; } .portable-infobox .pi-group { border: 0 !important; } .portable-infobox .pi-data-value { color:black; padding:4px 6px 6px 10px; font-size: 13px; text-align: left; } .portable-infobox .pi-data-label { background: linear-gradient(to right, black, #363636) !important; padding: 7px 7px 7px 7px !important; text-align:left !important; color:#FAFABB !important; font-size: 13px; font-weight: bold; } .portable-infobox .pi-title { background: linear-gradient(to right, black, #363636, black) !important; font-weight:bold !important; border-top-right-radius:5px; border-top-left-radius:5px; color:#FAFABB; padding: 7px 0px 7px 0px !important; text-align: center !important; } .portable-infobox .pi-item:not(.pi-title) { border-bottom: 1px solid black; } .portable-infobox .pi-header { text-align: center !important; background: linear-gradient(to right, black, #363636, black) !important; padding:7px 0px 7px 0px !important; margin:0px !important; border-bottom: 2px solid black!important; border-top: 2px solid black!important; border-radius:0px !important; color:#FAFABB !important; font-size: 19px; } .portable-infobox .pi-horizontal-group .pi-data-value { background:transparent !important; text-align: center !important; border-bottom-right-radius: 10px; padding:10px 10px 10px 10px; } .portable-infobox .pi-horizontal-group .pi-data-label { background: linear-gradient(to right, black, #363636) !important; text-align: center !important; padding:5px 10px 5px; } .portable-infobox .pi-horizontal-group .pi-horizontal-item:not(:first-child) { border-left: 1px solid black !important; } .pi-europa .pi-horizontal-group .pi-data-label:nth-child(2n) { background-color: transparent; background: linear-gradient(to right, #363636, black) !important; } .portable-infobox >:last-child { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 5px !important; } .portable-infobox .pi-navigation { font-size: 13px; font-weight:bold !important; text-align: center; color:#FAFABB !important; background:black; } .portable-infobox .pi-horizontal-group { border:1px solid black; border-left: none; border-right: none; border-bottom: none; color:#FAFABB !important; background:black; } .pi-image-collection-tabs { background-color:white !important; border:1px solid white !important; font-weight:bold !important; color: black !important; position:center !important; padding:0px 80px 0px 80px !important; }