MediaWiki:Wikia.css

/* ====================    Font imports ==================== */ @import url('https://fonts.googleapis.com/css?family=Lora'); @import url('https://fonts.googleapis.com/css?family=Domine|Kurale|Libre+Baskerville:400,400i,700,700i,900,900i|Merriweather|Merriweather+Sans|Source+Sans+Pro|Open+Sans:300,400|Pacifico|Raleway'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* Imports for button changes*/ @import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:TimedSlider/code.js|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:CustomSlider.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:ModernLightbox.css|u:dev:ApesterIntegrator/code.js|u:dev:GameSlider/code.js|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:Quiz/code.js|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:FandomizedMasthead.css||u:dev:BackToTopButton/code.js|u:dev:Countdown/code.jsu:dev:DupImageList/code.js|u:dev:PurgeButton/code.js|u:dev:ReferencePopups/code.js|u:dev:Toggler.js|u:dev:WikiManager_Nameplate.js|u:dev:MediaWiki:FandomizedActivityFeed.css');

/* ====================    Calendar ==================== */ td.day-1:hover, td.day-2:hover, td.day-3:hover, td.day-4:hover, td.day-5:hover, td.day-6:hover, td.day-7:hover, td.day-8:hover, td.day-9:hover, td.day-10:hover, td.day-11:hover, td.day-12:hover, td.day-13:hover, td.day-14:hover, td.day-15:hover, td.day-16:hover, td.day-17:hover, td.day-18:hover, td.day-19:hover, td.day-20:hover, td.day-21:hover, td.day-22:hover, td.day-23:hover, td.day-24:hover, td.day-25:hover, td.day-26:hover, td.day-27:hover, td.day-28:hover, td.day-29:hover, td.day-30:hover, td.day-31:hover { transition: .3s; cursor: pointer; background-color: #ebebeb !important; }

.maand-2 .day-31 *, .maand-2 .day-30 *, .maand-2 .day-29 *, .maand-4 .day-31 *, .maand-6 .day-31 *, .maand-9 .day-31 *, .maand-11 .day-31 * { visibility:hidden; }

/* New polls */ .home-poll .question { font-size: 25px; background: #444; color: #FFF; padding: 10px; } .home-poll .question span { display: block; margin-top: 6px; font-size: 12px; } .home-poll ul { list-style: none; padding: 0; font-size: 13px; margin: 0; } .home-poll ul li { height: 20px; width: 100%; padding: 8px 0 30px 0; } .home-poll ul li div { display: block; background: #FFF; height: 20px; margin-top: 3px; padding: 4px 0; } /* For Formatting purposes, this is separated. */ .home-poll .ajax-poll { border: 3px solid black; width: calc(100%-6); background: white; color: black; } .home-poll .ajax-poll .header { font-weight: 700; background: black; color: #FFF; padding: 14px 13px; font-size: 16px; line-height: 140% } /* Navigation*/

.mpd-item-container { display: flex; flex-wrap: wrap; justify-content: center; } .mpd-item { height: 212px; overflow: hidden; transition: opacity .2s linear; width: 212px; } .mpd-item:hover { opacity: .6; }

.mpd-content-container { font-size: 13px; line-height: 1.5; padding: 2px; } .mpd-content-container .loading { display: block; margin: 10px auto; } .mpd-content h3 { font-size: 14px; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 2px; padding: 5px 10px; text-align: center; } .mpd-content .floatright { margin: 0 0 0 2px; } .mpd-content .flexlist { margin: 5px 0 0 25px; } .mpd-content .back { cursor: pointer; float: left; text-decoration: none; }

/* Additional Changes that only apply to home polls*/ .home-poll .pollAnswerName label { display: block; margin-bottom: 5px; } .home-poll .pollAnswerName input[type="radio"] { vertical-align: middle; margin: -1px 5px 0; } .home-poll .pollAnswerVotes { margin-left: 0!important; width: auto !important; border: none !important; background: #ebebeb; padding: 10px; height: 15px; } .home-poll .pollAnswerVotes span { padding: 8px 5px } .home-poll .pollAnswerVotes div { padding: 10px 0; background: red; margin-top: 0 !important; font-size: 10px !important; height: 15px; } .home-poll #ajax-poll-area div:not(.pollAnswer):not(.pollAnswerName):not(.pollAnswerVotes) { font-size: 12px; margin-top: -15px; line-height: 170% } .home-poll .ajax-poll { padding: 0!important; } .home-poll .ajax-poll .center { height: 1px; font-size: 11px } .home-poll .ajax-poll form { padding: 0 10px } .home-poll .ajax-poll form input[type="submit"] { width: 100%; background: black; border: none; margin-top: 10px; height: 33px !important; } .module .ajax-poll { margin-top: 0; }

/* ###################################################################### */ /* ## MAINPAGE SLIDER/ /* ###################################################################### */ .portal_container { } .portal_section ul { list-style: disc;} .portal_section { border: 1px solid #510000 !important; margin: 0 0 10px 0; -moz-box-shadow:0px 0px 4px #510000; -webkit-box-shadow: 0px 0px 4px #510000; box-shadow: 0px 0px 4px #510000; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -icab-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .subheader { border-bottom: 1px solid #ABABAB; color: #EFEFEF; font-size: 110%; font-weight: bold; line-height: 15px; padding: 5px 1px 0; }	padding: 0px; position: relative; height: 450px; width: 100%; }	text-align: center; cursor: pointer; border: 0px solid #310000; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; cursor: pointer; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.8); box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.8); background-image: -ms-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: -moz-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: -o-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #510000)) !important; background-image: -webkit-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: linear-gradient(to top, #000000 0%, #510000 100%) !important; text-shadow: 1px 1px rgba(0,0,0, 0.3), -1px 0 rgba(0,0,0,0.3); color: #510000; -moz-user-select: none; -webkit-user-select: none; user-select: none; }	background-image: -ms-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: -moz-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: -o-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #510000)) !important; background-image: -webkit-linear-gradient(bottom, #000000 0%, #510000 100%) !important; background-image: linear-gradient(to top, #000000 0%, #510000 100%) !important; color: #ff4e4e; }	right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radiust: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }	right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }	height: 100%; padding: 0; position: absolute; top: 0; width: 100%; }	list-style: disc outside; margin-left: 22px; } /* main page jquery tabs/sliders */ .ui-tabs .portal_body { position: relative; padding: .2em; zoom: 1;} .ui-tabs .portal_body .ui-tabs-nav { margin: 0; padding: .2em .2em 0;} .ui-tabs .portal_body .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .portal_body .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .portal_body .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;} .ui-tabs .portal_body .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;} .ui-tabs .portal_body .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} .ui-tabs .portal_body .ui-tabs-panel { display: block; border-width: 0 !important; padding: 0; background: none;} .ui-tabs .portal_body .ui-tabs-hide { display: none !important;} .portal_body .ui-tabs-hide { display: none !important;} /* END */
 * 1) portal_slider {
 * 1) portal_slider #portal_next, #portal_slider #portal_prev {
 * 1) portal_slider #portal_next:hover, #portal_slider #portal_prev:hover {
 * 1) portal_slider #portal_next {
 * 1) portal_slider #portal_prev {
 * 1) portal_slider > .portal_body {
 * 1) portal_content { font-size: 0.9em; line-height: 1.7em; }
 * 2) portal_content .portal_body > table { height: 400px; }
 * 3) portal_content ul {
 * 1) portal_content ul ul { margin-left: 1em;}

/* ====================    No borders for pages ==================== */ /* remove gradient from buttons */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.search-button), input[type="reset"], input[type="button"], .button, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close), .wikia-menu-button > a:hover, .wikia-menu-button > a, .wikia-menu-button > li > a, .wikia-menu-button .drop, .wikia-menu-button > li > a:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button,.WikiaNotifications li div { background-image: none; border-radius: 0px !important; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:not(.search-button):hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close):hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover { background-image: none; border-radius: 0px !important; } a.wikia-button.secondary, .wikia-single-button.secondary a, .wikia-menu-button.secondary, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], .button.secondary, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary, .wikia-menu-button.secondary > li > a, .WikiHeader .buttons > .contribute, .wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button { border-color: #d9d9d9; background-image: none; background-color: #f9f9f9; border-radius: 0px !important; } a.wikia-button.secondary:hover, .wikia-single-button.secondary a:hover, .wikia-menu-button.secondary:hover, input.secondary[type="submit"]:hover, input.secondary[type="reset"]:hover, input.secondary[type="button"]:hover, .button.secondary:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary:hover, .WikiHeader .buttons > .contribute:hover, .wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary > li > a:hover, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button:hover { background-image: none; background-color: #f3f3f3; border-radius: 0px !important; }

/* Infobox */ .portable-infobox .pi-title { font-family: Helvetica,Arial,sans-serif !important; }

ul.pi-image-collection-tabs li.current { font-family: Helvetica,Arial,sans-serif !important; text-transform: none; }

.portable-infobox .pi-secondary-font { font-family: Helvetica,Arial,sans-serif !important; text-transform: none; }

.pi-data-value { font-family: Helvetica,Arial,sans-serif !important; text-transform: none; }

/* Basic hover example */ .show-when-hovering { display: none; } .hover-container:hover .show-when-hovering { display: inline; } .hover-container:hover .hide-when-hovering { display: none; }

/* ***********************    sprite replacements *********************** */ /* edit pencil */ .editsection { text-transform: lowercase; } .editsection .sprite.edit-pencil, .template-classification-type-wrapper .sprite-small { background: none; vertical-align: 0; margin-left:-10px; height: 11px; background-position: unset; } .wikia-button .sprite.edit-pencil, .wikia-menu-button .sprite.edit-pencil { background: url('//runescape.wikia.com/wiki/Special:FilePath/Pencil-white.svg') no-repeat; vertical-align: -1px; margin: 0 1px; width: 11px; height: 11px; background-position: unset; } /* protected pages */ .wikia-button .sprite.lock, .wikia-menu-button .sprite.lock { background: url('//runescape.wikia.com/wiki/Special:FilePath/Lock-white.svg') no-repeat; vertical-align: -1px; margin: 0 1px; width: 9px; height: 12px; background-position: unset; } /* talk pages */ .wikia-button .sprite.message, .wikia-menu-button .sprite.message { background: url('//runescape.wikia.com/wiki/Special:FilePath/Pages-white.svg') no-repeat; vertical-align: -1px; margin: 0 1px; width: 11px; height: 12px; background-position: unset; } /* increase height of edit box when undoing an edit */ .EditPageEditor #diff ~ .editpage-editarea #wpTextbox1, .EditPageEditor #diff ~ .editpage-editarea.ace_editor { height: 600px !important; }

/* ====================    Aesthetics ==================== */ /* page border none */ .WikiaPage { border: none; font-family:'Raleway', sans-serif; }

/* white toolbar */ .WikiaBarWrapper { background-color: white !important; background-image: none !important; box-shadow: 0 0 0 0 !important; }

/* Modifies the "edit section" button */ .editsection a { font-family:Libre Baskerville; font-size:9px; text-transform:uppercase; letter-spacing:1px; font-style: none; }

.WikiaBarWrapper .toolbar { background: white !important; }

/* wiki navigation */ .WikiNav a { font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: bold; color: black !important; font-size: 17px !important; letter-spacing:0.5px; } .WikiNav .nav-item { background-color: transparent !important; border-bottom: 0; } .WikiNav .nav-item > a { border-left: 0; padding: 0 12px !important; } .WikiNav .nav-item.marked > a { border-top: 0; } .WikiNav .subnav-2 * { font-size: 14px !important; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; } .WikiNav .subnav-2 { padding-top:5px; } .WikiNav .subnav-2 a { color: #666; } .WikiNav .subnav-2a { font-size: 14px; border: 0 !important; border-radius: 0 !important; padding: 2px 15px; } .WikiNav .subnav-2a:hover, .WikiNav .marked2 .subnav-2a { font-size: 14px !important; background: white !important; color: #666 !important; } .WikiNav .subnav-2a:first-child { margin-left: 0 !important; } .WikiNav .subnav-2a .chevron { display: none; } .WikiNav .marked2 .subnav-3 { box-shadow: 0 0; margin-left: 0; top: 36px !important; border: 0; padding:0; } .WikiNav .marked2 .subnav-3a { font-size: 14px !important; background: white; color: #666; } .WikiNav .marked2 .subnav-3a:hover { font-size: 14px !important; background: white; color: #666; } .WikiNav .navbackground { background-color: transparent; margin-top: 5px; } .WikiNav .navbackground > div { background-color: transparent; } .WikiNav .navbackground .chevron { display: none; }

/* right rail no border sideline */ .WikiaRail .module { zoom: 1; background: #f6f6f6 !important; border: none !important; margin-bottom: 10px; padding: 20px 15px 15px; position: relative; word-wrap: break-word; }

/** Site wide title changes **/ .promotitle a { font-family: 'Raleway', sans-serif; text-transform: uppercase; color: black; text-decoration:none; }

.promotitle a:hover { color: grey; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; }

.circle { color: #1a1a1a !important; border-radius: 50% !important; border: 7px solid #1a1a1a !important; }

.box a { font-family: 'Raleway', sans-serif; text-transform: uppercase; color: black; letter-spacing: 3px; background-color:white; font-size: 15px; text-align:center; text-decoration:none; border: 3px solid #000; display: inline-block; font-weight: bold; margin: 2rem 0 0; min-width: 30%; padding-top:10px; padding-bottom:10px; padding-right:15px; padding-left:15px; }

.box a:hover { color: white; background-color:black; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; }

h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: 600; text-transform:uppercase; letter-spacing: 1.1px; border-bottom: none !important; }

.WikiaArticle h2 { font-size: 20px; color: gray; }

.WikiaArticle h3 { font-size: 1em; color: light gray; }

.WikiaArticle h4 { font-size: 1em; }