Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/***** CSS placed here will be applied to all skins on the entire site. *****/
/* === NEW DROPDOWN MENU === */
.menu-button {
display: block;
height: 27px;
background: #652DC1;
color: white;
padding: 0px 5px 3px 6px;
font-family: arial;
font-size: 16px;
font-weight: bold;
border-radius: 4px;
margin-right: 1px;
float: left;
cursor: pointer;
}
.menu-button .selflink {padding: 0 0 0 0;}
.menu-button:hover {background: dodgerblue;}
.menu-button a {color: white; text-decoration: none; white-space: nowrap;}
.menu-dropdown {position: relative; display: block; float: left;}
.menu-dropdown-content {
visibility: hidden;
position: absolute;
top: 27px;
left: 0px;
z-index: 10000;
}
.menu-dropdown:hover .menu-dropdown-content {
visibility: visible;
transition: all 0s ease 0.5s;
}
.menu-dropdown:hover .menu-button {background: dodgerblue;}
.menu-dropdown-content a {
display: block;
color: white;
text-decoration: none;
padding: 0 5px;
white-space: nowrap;
}
.menu-dropdown-content a:hover {background: dodgerblue; cursor: pointer;}
.menulink a {color: black;}
.menulink a:hover {background: dodgerblue; color: white; cursor: pointer;}
/* Annoying stuff
.banner-notifications-placeholder {display: none; z-index: -9999;}
._1ouSF3xnwUjIOquxopuxSZ {display: ; z-index: -9999; max-width: 100px; !important;}
*/
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {font-style: italic;}
.allpagesredirect:after {color: #808080; content: " (redirect)"}
.watchlistredir {font-style: italic;}
/* === PAGE STYLE === */
.page__main {color: black; font-family: arial;}
/* .WikiaPage {color: black;} */
/* .WikiaArticle {background: white; min-height: 450px;} */
.mw-parser-output {min-height: 450px;}
.selflink {padding: 0 5px;}
/* MAP */
.area-a {position: absolute; z-index: 2;}
.area-b {position: absolute; z-index: 3; opacity: 0;}
.area-b:hover {opacity: 1;}
/* NORI tutorial */
.nori .header {background: rgb(255,166,210);}
.nori .gawi {background: rgb(113,255,184);}
.nori .bmp {background: rgb(128,255,255);}
.nori .anim {background: rgb(207,159,255);}
.norihover {padding: 1px 5px;}
.norihover:hover {background: yellow; cursor: pointer;}
.norihover-content {display: inline-block; visibility: hidden; max-width: 400px; position: absolute; left: 500px; z-index: 100; background: yellow; border: 1px solid black; padding: 5px;}
.norihover:hover .norihover-content {visibility: visible;}
/* TABBER */
.tabbernav {line-height: 20px !important;}
/* === CUSTOM HEADERS === */
/* H1 */
.lumph1 {background: rgb(101,45,193); color: white; font-weight: bold;
padding: 5px 0 3px 10px; width: 100%;}
/* H3 */
.lumph3 {background: rgba(255,255,0,0.5); padding: 5px 5px 2px 10px;
width: 100%; font-weight: bold;}
/* === CUSTOM TABLE CSS === */
.lumptable td {padding: 2px 5px; border-top: 1px solid gray;}
.lumptable th {padding: 2px 5px; border-top: 1px solid gray;}
.border-top {border-top: 1px solid gray;}
.border-bottom {border-bottom: 1px solid gray;}
/* === DROPDOWN FOR PREVIEW === */
.preview {position: relative; display: inline-block;}
.preview-content {visibility: hidden; position: absolute; z-index: 10000;}
.preview:hover {cursor: pointer;}
.preview:hover .preview-content {visibility: visible;}
/* === DROPDOWN FOR LINK PREVIEW === */
.link-preview-content {display: none; position: absolute; z-index: 10000;}
.link-preview:hover {cursor: pointer;}
.link-preview:hover .link-preview-content {display: block;}
/* === DROPDOWN DISPLAYED ON MOUSE HOVER FOR TRIBUNAL MONSTER QUESTS === */
.mousehover {position: relative; display: inline-block;}
.mousehover-content {visibility: hidden; position: absolute; top: 0; left: 200px; z-index: 100;}
.mousehover:hover .mousehover-content {visibility: visible;}
/* === DROPDOWN DISPLAYED ON MOUSE HOVER FOR MONSTER QUESTS === */
.mousehover2 {position: relative; display: inline-block;}
.mousehover2-content {padding: 4px; background: rgba(252,254,160,0.7); z-index: 100; position: absolute; top: 60px; left: 0px; visibility: hidden;}
.mousehover2:hover .mousehover2-content {visibility: visible;}
/* === DROPDOWN DISPLAYED ON MOUSE HOVER FOR CHARACTER HAIR COLOR === */
.mousehover3 {position: relative; display: inline-block; cursor: pointer;}
.mousehover3-content {z-index: 100; position: absolute; visibility: hidden;}
.mousehover3:hover .mousehover3-content {visibility: visible;}
/* === BORDERS FOR HAIR DYE COLORS === */
.haircolor {border-right: 1px solid black; border-bottom: 1px solid black;}
/* === SNOWING ANIMATION FOR POLAR BEAR === */
.snowing1 {
position: relative;
left: 0px;
top: -740px;
animation-name: snow1;
animation-duration: 16s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes snow1 {
0% {left: 0px; top: -740px;}
100% {left: 0px; top: 700px;}
}
.snowing2 {
position: relative;
left: 0px;
top: -740px;
animation-name: snow2;
animation-duration: 16s;
animation-timing-function: linear;
animation-delay: 8s;
animation-iteration-count: infinite;
}
@keyframes snow2 {
0% {left: 0px; top: -740px;}
100% {left: 0px; top: 700px;}
}
/* end of snowing animation */
/* Vertical lines/borders for the skill tables */
.skill-table td, .skill-table th {border-bottom: 1px solid gray;}
.portable-infobox.pi-theme-Power {background-color: #FFD2D8;}
.portable-infobox.pi-theme-Power .pi-header {background-color: #FF7384;}
.portable-infobox.pi-theme-Power .pi-title {background-color: #FF7384;}
.portable-infobox .pi-border-color {border-color: #FF7384;}
/* Job tree tables*/
.job-tree #image {padding: 5px;}
.job-tree td {padding: 0px 5px 0px 5px;}
/* Main page styling */
.mainpage-table {
background: #fff;
border-spacing: 4px;
margin-bottom: 2em;
width: 100%;
}
.mainpage-table th {
background: #652DC1;
color: white;
padding: 3px;
text-align: center;
vertical-align: top;
}
.mainpage-table td {
padding: 5px;
text-align: left;
vertical-align: top;
}
.main-page-tag-rcs {overflow: auto;}
.main-page-tag-rcs .activityfeed {font-size: 12px;}
/* Table of Content*/
#toc {margin: 0px;}
.pokus {position: absolute;}
.pokus-content {display: none;}
.image1 {visibility: visible;}
.pokus:hover .image1 {visibility: hidden;}
.pokus:hover .pokus-content {display: block;}
/* SUDOKU TABLE */
.sudoku td {width: 40px; height: 40px; text-align: center; font-size: 28px;
border-top: 1px solid black; border-left: 1px solid black;}
.td1 {border-bottom: 1px solid black;}
.td2 {border-right: 1px solid black;}
.correct {background: yellow;}