MediaWiki:Wikia.css

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */

/* ====================    Google font imports ==================== */ @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|Playfair+Display|Raleway');

/* ====================    No borders ==================== */ /* 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; } 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; } 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; } 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; }

/* ***********************    sprite replacements *********************** */ /* edit pencil */ .editsection { text-transform: lowercase; } .editsection .sprite.edit-pencil, .template-classification-type-wrapper .sprite-small { background: url('//runescape.wikia.com/wiki/Special:FilePath/Pencil-colour.svg') no-repeat; padding-right: 2px; vertical-align: 0; width: 11px; 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; } .EditPage .EditPageRail { height: vh !important; } /* button padding */ margin-right: 10px; }   margin-right: 14px; } .WikiaPage { border: none; }
 * 1) ShareEntryPoint {
 * 1) rs-darkmode-toggle {

.media-gallery-wrapper { padding: 0px !important; }

.wikiaPhotoGallery-slider-body .horizontal .description-background { bottom: 0px; display: none; height: 150px; opacity: 0 !important; position: absolute; z-index: 98; }

.wikiaPhotoGallery-slider-body .selected p > img { border: none !important; opacity: 1; } .wikiaPhotoGallery-slider-body .nav p > img { border: none !important; cursor: pointer; display: inline-block; opacity: 1 !important; } .wikiaPhotoGallery-slider-body .horizontal .description h2 { border: 0; border-bottom: none !important; display: block; color:white; font-size: 23px !important; font-weight: 900px; height: 25px !important; text-transform:uppercase; line-height: normal; margin: 0; overflow: hidden; width: 230px; font-family: 'Libre Baskerville', serif; text-shadow:1px 1px 4px rgba(0,0,0, 0.35) !important; }

.wikiaPhotoGallery-slider-body .horizontal .description p { font-size: 13px !important; height: 60px !important; padding-top: 5px; line-height: 30px; opacity: 1; overflow: hidden; width: 230px; font-family: 'Libre Baskerville', serif; text-shadow:1px 1px 4px rgba(0,0,0, 0.35); }

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

/** Link change for 2017 Era **/ .eratitle a:hover { color: #e0d4c1; 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; } /** Slider customization **/ .skin-oasis .wikiaPhotoGallery-slider-body { height: 455px; } .skin-oasis .wikiaPhotoGallery-slider { height: 360px; width: 700px; } .skin-oasis .wikiaPhotoGallery-slider-body,.skin-oasis .wikiaPhotoGallery-slider-body .horizontal .description-background { background: white; } .skin-oasis .wikiaPhotoGallery-slider-body .horizontal .nav { bottom: 6px !important; margin: 5px; }

.skin-oasis .wikiaPhotoGallery-slider-body .horizontal .description p:last-of-type { margin: 3px 0 0 0; } /* Removing "Edit" Icon */ .WikiaArticle .editsection img { display:none; } .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

element.style { top: 0px !important; margin-left: 0px; left: 0px; }

.timeline { border-radius: 0px !important; }

.customisable-border { border: 0px !important; }

.WikiaBarWrapper { background-color: #2A255D !important; background-image: none !important; box-shadow: 0 0 0 0 !important; }

.WikiaBarWrapper .toolbar { background: #2A255D !important; }

/* wiki nav from sia wiki */ .WikiNav a { font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: bold; color: #A89366 !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 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; }

/* pencil icon */ .sprite.edit-pencil { background: url('https://vignette.wikia.nocookie.net/elliegoulding-pedia/images/0/01/Pencil_icon.png/revision/latest?cb=20151221095415') no-repeat !important; }

.ajax-poll { border: none !important;s } .pollAnswerName { font-family:'Libre Baskerville, serif'; text-transform: uppercase; font-size: 11px !important; }

div.ajax-poll div.header { font-family:'Libre Baskerville, serif'; text-transform: uppercase; font-size: 14px; }

/*************/ /*Global Nav Edit*/ /*************/ .global-navigation.inverse .wikia-logo-container img { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20217.8%2060%22%20enable-background%3D%22new%200%200%20217.8%2060%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M100.6%2C58.8V0h13.2v33l3.5-4.4l7.4-8.8h18.9L128%2C35.2l16.5%2C23.7h-17.2l-9-14.9l-4.6%2C4.3v10.5H100.6z%20M51.8%2C20.1l-5%2C26.4l-6.4-26.4h-6h-0.3h-2.7h-0.3h-6l-6.4%2C26.4l-5-26.4H0l10.1%2C38.8h17.7l5-20.4l5%2C20.4h17.7l10.1-38.8H51.8z%20M217.1%2C47.5l0.7%2C11.3h-12.1l-0.9-4.2c-2.8%2C2.9-6.2%2C5.4-12.3%2C5.4c-11%2C0-17-7.1-17-20.6c0-13.5%2C6-20.6%2C17-20.6c6.1%2C0%2C9.5%2C2.4%2C12.3%2C5.4l0.9-4.2h12.1l-0.7%2C11.3V47.5z%20M203.9%2C34.4c-1.7-2.2-4.3-3.7-7.8-3.7c-4%2C0-7.1%2C2.6-7.1%2C8.7c0%2C6.1%2C3.2%2C8.7%2C7.1%2C8.7c3.5%2C0%2C6.1-1.5%2C7.8-3.7V34.4zM79.8%2C0.2c-4.2%2C0-7.6%2C3.4-7.6%2C7.6c0%2C4.2%2C3.4%2C7.6%2C7.6%2C7.6c4.2%2C0%2C7.6-3.4%2C7.6-7.6C87.4%2C3.6%2C84%2C0.2%2C79.8%2C0.2%20M91.2%2C27.8v-8.3h-5.7H72.2v13.4v12.5v13.1v0.3h19v-8.2h-5.9V27.8H91.2z%20M153.7%2C7.8c0%2C4.2%2C3.4%2C7.6%2C7.6%2C7.6c4.2%2C0%2C7.6-3.4%2C7.6-7.6c0-4.2-3.4-7.6-7.6-7.6C157.1%2C0.2%2C153.7%2C3.6%2C153.7%2C7.8%20M155.8%2C27.8v22.8h-5.9v8.2h19v-0.3V45.4V32.9V19.5h-13.2h-5.7v8.3H155.8z%22%20fill%3D%22rgb%289%2C%2035%2C%2068%29%22%2F%3E%0A%3C%2Fsvg%3E"); } .global-navigation.inverse .notifications-container .notifications-entry-point { background-image: url(http://slot1.images4.wikia.nocookie.net/extensions/wikia/GlobalNavigation/images/notifications_icon.svg); }

.global-navigation.inverse .start-wikia { border-color: #00cccc; color: #00cccc; }

.global-navigation.inverse .wikia-logo__subtitle { color: #aaa; } .global-navigation { height: 47px; box-shadow: none !important; transition: color 0.2s, opacity 0.1s; font-weight: 400; font-style: normal; }

.global-navigation.inverse .account-navigation-container .chevron { border-top-color: #00cccc; }

.AccountNavigation .account-navigation-item .avatar-container.logged-avatar, .AccountNavigation .account-navigation-item .avatar-container.logged-avatar-placeholder { border: #fff 1px solid; border-radius: 50%; }

.global-navigation.inverse .notifications-container .notifications-entry-point:after { border-top-color: #00cccc; }

.global-navigation.inverse .explore-wikia-entry-point .chevron { border-top-color: #00cccc; }

.global-navigation.inverse .cell-link.top-level { color: #297994; } .global-navigation { background-color: #fff; box-shadow: 0 0 0 2px rgba(0,0,0,0.3); color: #297994; transition: color 0.2s, opacity 0.1s; font-weight: 400; font-style: normal; }

.global-navigation.inverse { background-color: white !important; box-shadow: none! important; }

/*************/ /*Hero*/ /*************/ .MainPageHero .image-window picture::after { background-color: transparent; background-image: none !important; }

/* Pre styling end */

.WikiaPhotoGalleryPreview .description .wikia-button, .WikiaPhotoGalleryPreview .description .wikia-button:hover { background-image: none; border-radius: 0; }

.WikiNav .nav-item.marked, .WikiNav .subnav-2-item.marked2 .subnav-2a { border-radius: 0 !important; } .WikiNav .nav-item.marked > a { border-color: transparent; } .WikiNav .navbackground > div { background-color:transparent; }

.div img { margin: 0; width: 350px; height: 350px; }

/*****************/ /* Heading style & site wide font */ /*****************/

.WikiaArticle { font-family: 'Source Sans Pro', sans-serif !important; color: #566777; font-size:18px !important; line-height: 28px !important; }

.WikiaPage { border: none; font-family: 'Source Sans Pro', sans-serif !important; }

h1, h2, h3, h4, h5, h6 { border-bottom: none; font-family: 'Libre Baskerville', serif !important; height: auto; font-size: auto; overflow: visible; letter-spacing: 1.1px; }

.WikiaArticle h2 { font-size: 1.3em; color: gray; border-bottom: solid 2px #efefef !important; }

.WikiaArticle h3 { font-size: 1em; color: light gray; } .hoverimage img { opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); }

.hoverimageblack img { opacity: 1; filter: alpha(opacity=100); } .hoverimageblack img:hover { opacity: 10; filter: alpha(opacity=10); }

.loveblur img { opacity: 1; filter: alpha(opacity=100); }

.loveblur img:hover { -webkit-filter: grayscale(100%); }

.zooming { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .zooming:hover { -webkit-filter: grayscale(100%); }

.whitehover img { opacity: 1; filter: alpha(opacity=100); } .whitehover img:hover { -webkit-filter: brightness(100%); }

.blackon img { -webkit-filter: grayscale(100%); }

.blackon img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

.blackon img:hover { -webkit-filter: grayscale(0%); opacity: 1; filter: alpha(opacity=100); }

/* Rotate */ .rotate figure img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .rotate figure:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); }

/* Slider */

position: relative; width: 700px; height: 300px; }
 * 1) slideshow {

position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; }
 * 1) slideshow > div {

/*Sizing for Slider */ @media screen and (max-width: 1023px) { .portal_metro [class^=portal_sliderlink] { width: 350px; } .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; } .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; } .WikiaRail .module { position: relative; } } @media screen and (min-width: 1023px) and (max-width: 1650px) { .portal_metro [class^=portal_sliderlink] { width: 350px; } .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; } .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; } } @media screen and (min-width: 1650px) { .portal_metro [class^=portal_sliderlink] { width: 420px; } /* realign slider background images */ .portal_metro#portal_main .portal_sliderlink-2:after { background-position-x: -180px; } }

/**********************/ /**New Table */ /**********************/

.GPTable { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; font-size:12px; color: #3a3a3a; border-collapse:collapse; text-align:center; border:0px solid #f1f1f1; } .GPTable td, .GPTable th { font-size:1em; border-bottom:1px solid #f1f1f1; padding:3px 7px 2px 7px; } .GPTable th { font-size:1.1em; text-align:center; padding-top:5px; padding-bottom:4px; background-color:#e5e5e5; color:#66666; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #F5F5F5 0%, #E7E7E7 100%);

/* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #F5F5F5 0%, #E7E7E7 100%);

/* Opera */ background-image: -o-linear-gradient(top, #F5F5F5 0%, #E7E7E7 100%);

/* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #E7E7E7));

/* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #E7E7E7 100%);

/* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #F5F5F5 0%, #E7E7E7 100%); border:1px solid #538cc6; } .GPTable tr.alt_row { background-color:#f2f2f2; } .GPTable tr:hover td{ color:#297994; }

.WikiaHeader .wikia-header-mask { border-style: solid; box-shadow:none; } /* ==================  MAIN PAGE FIX to make the right column work better when collapsed to   tablet width ================== */ @media screen and (max-width: 1023px) { /* .page-Ellie_Goulding_Wiki iframe { width: 49%; } */ .page-Ellie_Goulding_Wiki #twitter-widget-0 { float: right; width:48%;} .front-page-right-column { float:left; clear:left; margin-left:2em }   .twitter-timeline { width:100%; float:right; clear:right; }     #twtr-widget-1 .twtr-bd { color: #d3d3d3 !important; font-weight: 900; font-family: 'Source Sans Pro', sans-serif !important; font-size: 1.25em; padding-left: 0px; }

{ color: #d3d3d3 !important; font-family:'Source Sans Pro', sans-serif !important; font-weight: 900; font-size: 1.25em; padding-left: 0px; }
 * 1) twtr-widget-1 .twtr-timeline i a

{ color: #5e5e5e !important; font-family:'Source Sans Pro', sans-serif !important; font-weight: 900; font-size: 1.25em; padding-left: 0px; } }
 * 1) twtr-widget-1 .twtr-bd p

/* Portable infoboxes */ .portable-infobox .pi-title { background-color:#b4d6da; color:#FFFFFF; border-bottom:none !important; }

.pi-border-color { border-color: none; border-bottom:none !important; }

.portable-infobox .pi-title { font-family: Helvetica,Arial,sans-serif !important; border-bottom:none !important; }

ul.pi-image-collection-tabs li.current { background: white; font-family: Helvetica,Arial,sans-serif !important; border-bottom:none !important; }

.pi-group { border-bottom-style: none !important; border-bottom-width: 0px !important; border-bottom:none !important; }

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

.pi-data-value { font-family: Helvetica,Arial,sans-serif !important; padding-left: auto !important; border-bottom:none !important; }

/* Skin */

/* Main page */ /** General **/ .header-black { color: #000000; font-family: Branmed,sans-serif; } .header-blue { color: #1E90FF; font-family: Branmed,sans-serif; } .header-opensans { font-family: Branmed,sans-serif; } .mainpage-header { border-bottom: 5px solid #1E90FF; color: #000000; display: block; font-family: Branmed,sans-serif; font-size: 32px; padding-bottom: 16px; padding-left: 2px; width: 100%; } .mainpage-header-small { color: #000000; font-family: Branmed,sans-serif; border-bottom: 5px solid #1E90FF; width: 100%; display: block; padding-bottom: 14px; font-size: 27px; margin-bottom: -7px; } .mainpage-header-line { border-bottom: 5px solid #1E90FF; width: 100%; display: block; padding-bottom: 18px; margin-bottom: -7px; } .mainpage-header-line-small { border-bottom: 5px solid #1E90FF; width: 100%; display: block; padding-bottom: 14px; margin-bottom: -7px; }

.mainpage-box { background: #85cab3; border: 1px solid #85cab3; width: 100%; padding-top: 9px; padding-bottom: 3px; margin: 0 auto 27px; } .mainpage-box-small { background: #85cab3; border: 1px solid #85cab3; width: 100%; padding-top: 9px; padding-bottom: 18px; margin: 0 auto 32px; }

/* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */ @media print { #content cite a.external.text:after, .noprint, #songfooter, .extlink { display: none; } }

/* Tabber overrides */ ul.tabbernav { border-bottom: 0px solid !important; font: 14px 'Libre Baskerville'; font-weight: normal !important; font-family: 'Libre Baskerville'; } ul.tabbernav li a { padding: 10px !important; margin-left: 0px !important; color: white !important; border: none !important; background: none !important; font-family: 'Libre Baskerville'; } ul.tabbernav li a:link { color: #98D5DA !important; } ul.tabbernav li a:visited { color: #FFE3EB !important; } ul.tabbernav li a:hover { color: white !important; background: #98D5DA !important; border:none !important; font-weight: normal !important; font-family: 'Libre Baskerville'; } ul.tabbernav li.tabberactive a { background-color: #98D5DA !important; border-bottom: 0px solid; color: white !important; font-weight: normal !important; font-family: 'Libre Baskerville'; } .tabberlive { width: 100% !important; } .tabberlive .tabbertab { border:none !important; padding: 0px !important; } /* End of tabber overrides */

/** Chat box **/ .mainpage-box-chat { text-align: center; }

.mainpage-box-chat .ChatModule { background: none repeat scroll 0 0 transparent; border: medium none; box-shadow: 0 0; margin-bottom: -2px; margin-top: -8px; }

.mainpage-box-chat .chat-headline { color: #F1F1F1; }

.mainpage-box-chat .chat-name { color: #F1F1F1; float: left; }

.mainpage-box-chat .ChatModule .wikia-button { color: white; margin-top: 15px; }

.mainpage-box-chat .chat-whos-here { border: 1px solid #EB0D2D ! important; text-align: left; margin: 30px 0 -7px; }

.ChatModule .chat-whos-here .arrow-left img { border-color: rgba(104, 153, 184, 0) #B40D22 rgba(104, 153, 184, 0) -moz-use-text-color ! important; }

.ChatModule .chat-whos-here .arrow-right img { border-color: rgba(104, 153, 184, 0) -moz-use-text-color rgba(104, 153, 184, 0) #B40D22 ! important; }

/* Templates */ background: none repeat scroll 0% 0% #85cab3; border: 1px dotted #EE1C25; padding-left: 10px; padding-top: 5px; }
 * 1) disambig {

font-family: Open Sans,sans-serif; margin-bottom: -8px; display: block; width: 98%; }
 * 1) disambig b {

/* C2E2 2014 */ /** Welcome box **/ .c2e22014-header-welcome { font-size: 28px; } .c2e22014-box-welcome .header { color: #EE0022; font-size: 16px; font-weight: bold; margin-left: 16px; text-shadow: 1px 1px #000000; }

.c2e22014-box-welcome .text { font-size: 12px; margin-left: 16px; margin-top: -1px; text-shadow: 1px 1px #000000; width: 98%; display: block; padding-bottom: 7px; }

/** Event box **/ .c2e22014-box-event { text-align: center; padding-bottom: 24px !important; }

.c2e22014-box-event .logo { margin-left: 20px; }

.c2e22014-box-event .noneyet { display: block; margin-top: 35px; }

/** Twitter Feed box **/ .c2e22014-header-twitterfeed { margin-bottom: 0px ! important; }

.c2e22014-box-twitterfeed { text-align: center; }

.c2e22014-box-twitterfeed .bird { margin-right: 250px; }

.c2e22014-box-twitterfeed .join { margin-left: 110px; margin-top: -20px; display: block; }

/** Find Us box **/ .c2e22014-box-findus { text-align: center; }

.c2e22014-box-findus .socialmedia { padding-left: 10px; }

.c2e22014-box-findus .socialmedia:first-child { padding-left: 0px; }

.c2e22014-box-findus .logo { margin-top: 15px; }

/** News box **/ .c2e22014-box-news .wikiaRss { width: 98%; }

/** Past Shows box **/ .c2e22014-box-pastshows { text-align: center; }

.c2e22014-box-pastshows .pastshow { margin-top: 15px; }

.c2e22014-box-pastshows .pastshow:first-child { margin-top: 5px; }

/* *The rectangle* */ .myclass { color:white; border-color:white } .myclass:hover { color:black; border-color:black }

/** Contents box **/ .mainpage-box-contents .contents { margin-left: 15px; text-align: center; } .mainpage-box-contents .NavButton { color: #ffffff; cursor: pointer; display: inline-block; margin-bottom: 12px; margin-right: 15px; overflow: hidden; position: relative; } .mainpage-box-contents .NavInfo { background-color: rgba(0, 0, 0, 0.8); font-size: 16px; height: 220px; left: 0px; position: absolute; top: 188px; width: 100%; z-index: 1; } .mainpage-box-contents .NavTitle { height: 30px; padding-left: 10px; padding-top: 4px; text-align: left; text-transform: uppercase; } .mainpage-box-contents .NavContents { margin-left: 29px; margin-top: 9px; text-align: left; } .mainpage-box-contents .NavItem { margin-top: 3px; } @media screen and (max-width: 1600px) { .mainpage-box-contents .contents { margin-left: 6px; }	.mainpage-box-contents .NavButton { margin-bottom: 4px; margin-right: 6px; }	.mainpage-box-contents .NavTitle { padding-top: 6px; } } @media screen and (min-width: 1024px) and (max-width: 1083px) { .mainpage-box-contents .NavButton img { width: 200px; height: auto; }	.mainpage-box-contents .NavInfo { font-size: 14px; top: 168px; }	.mainpage-box-contents .NavTitle { padding-top: 5px; } }

/* Main page */ /** General **/ .mainpage-box { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; margin: 0 0 30px; } .mainpage-box h2 { border: medium none; color: #00cccc; font-size: 26px; font-weight: bold; line-height: normal; margin: 85px 0 20px; overflow: hidden; padding: 0; text-align: center; text-transform: uppercase; } .mainpage-box h2::before, .mainpage-box h2::after { background-color: #5d194a; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .mainpage-box h2::before { margin-left: -50%; right: 0.5em; } .mainpage-box h2::after { left: 0.5em; margin-right: -50%; } .mainpage-box h3 { color: #008f50; font-weight: bold; font-size: 22px; line-height: normal; margin: 15px 0px 20px; }

.mainpage-more { margin-top: 20px; } .mainpage-more a, .mainpage-more .recent a:active, .mainpage-more .recent a:visited { color: #5d194a; font-size: 18px; text-decoration: none; } .mainpage-more a:hover { color: #6aaefc; } .mainpage-more a::after { background-size: cover; background-image: url("https://vignette.wikia.nocookie.net/central/images/4/45/Mainpage_Arrows.png/revision/latest?cb=20160711222557"); background-position: 0px 0px; background-repeat: no-repeat; content: ""; display: inline-block; height: 16px; left: 8px; position: relative; top: 3px; width: 22px; } .mainpage-more a:hover::after { background-position: -23px 0px; } @media screen and (max-width: 1023px) { .page-Community_Central .WikiaRail, .page-Community_Central .main-page-tag-rcs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } }

/** Blogs **/

.mainpage-blogs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mainpage-blogs .blog { margin: 0 0 20px 0; width: calc(50% - 10px); } .mainpage-blogs .blog.featured { width: 100%; } .mainpage-blogs .hero-image img { height: auto; width: 100%; } .mainpage-blogs .blog-info { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; border-bottom: 1px solid #e5e9f4; border-left: 1px solid #e5e9f4; border-radius: 0px 0px 4px 4px; border-right: 1px solid #e5e9f4; display: -webkit-box; display: -ms-flexbox; display: flex; height: 64px; } .mainpage-blogs .blog .blog-info { padding: 15px 15px 10px 10px; } .mainpage-blogs .blog.featured .blog-info { padding-bottom: 10px; } .mainpage-blogs .details { 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: center; -ms-flex-pack: center; justify-content: center; line-height: 18px; } .mainpage-blogs .blog-info .avatar { height: 55px; margin: 0px 20px 0px 0px; } .mainpage-blogs .blog-info .avatar img { border-radius: 50%; height: 100%; width: auto; } .mainpage-blogs .blog-info .author a, .mainpage-blogs .blog-info .author a:active, .mainpage-blogs .blog-info .author a:visited { color: #103584; text-decoration: none; } .mainpage-blogs .blog-info .author a:hover { color: #9dc4c3; } .mainpage-blogs .blog-info .timestamp { color: #8591ca; font-size: 14px; } .mainpage-blogs .blog-info .timestamp::before { content: "\00a0\00a0•\00a0"; font-size: 10px; } .mainpage-blogs .blog .blog-info .title { font-size: 16px; font-weight: bold; margin-top: 4px; } .mainpage-blogs .blog.featured .blog-info .title { font-size: 23px; } .mainpage-blogs .blog-info .title a, .mainpage-blogs .blog-info .title a:active, .mainpage-blogs .blog-info .title a:visited { color: #4a90e2; text-decoration: none; } .mainpage-blogs .blog .title a:hover { color: #6aaefc; } @media screen and (min-width: 1024px) and (max-width: 1083px) { .mainpage-blogs .blog .blog-info .title { font-size: 14px; } }

/** Connect **/

.mainpage-connect .staff { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: outside none none; margin: 0px; } .mainpage-connect .staff li { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; text-align: center; width: calc(50% - 10px); } .mainpage-connect .staff img { border-radius: 50%; height: auto; width: 95px; } .mainpage-connect .staff .name { line-height: 18px; margin-top: 10px; } .mainpage-connect .staff .name a, .mainpage-connect .staff .name a:active, .mainpage-connect .staff .name a:visited { color: #000000; font-weight: bold; text-decoration: none; } .mainpage-connect .staff .name a:hover { color: #e01449; } .mainpage-connect .mainpage-more { margin-top: 10px; } @media screen and (max-width: 1023px) { .mainpage-connect .staff li { width: auto; }	.mainpage-connect .staff .notablet { display: none; } }

/** Social **/

.mainpage-social { background-color: #f6f6f6; padding: 30px 0px 35px; text-align: center; } .mainpage-social h3 { font-size: 25px; font-weight: bold; margin: 0px 0px 15px; } .mainpage-social .social-button { display: inline-block; vertical-align: top; } .mainpage-social .social-button.facebook span { vertical-align: top ! important; } .mainpage-social .twitter-follow-button { height: 20px ! important; position: static ! important; visibility: visible ! important; width: 64px ! important; }

/** Highlight on cover code **/

.mainpage-box .staff li:hover, .mainpage-box .featured:hover, .mainpage-box .not-featured:hover { background: #f2f6fa; } .mainpage-box .avatar { border: none; }

/** character **/

.mainpage-connect .character { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: outside none none; margin: 0px; } .mainpage-connect .character li { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; text-align: center; width: calc(25% - 10px); } .mainpage-connect .character img { border-radius: 25%; height: auto; width: 95px; } .mainpage-connect .character .name { line-height: 18px; margin-top: 10px; } .mainpage-connect .character .name a, .mainpage-connect .character .name a:active, .mainpage-connect .character .name a:visited { color: #000000; font-weight: bold; text-decoration: none; } .mainpage-connect .character .name a:hover { color: #e01449; } .mainpage-connect .mainpage-more { margin-top: 10px; } @media screen and (max-width: 1023px) { .mainpage-connect .character li { width: auto; }	.mainpage-connect .character .notablet { display: none; } }

/** Power **/

.mainpage-connect .power { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: outside none none; margin: 0px; } .mainpage-connect .powerfeatured li { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; text-align: center; width: calc(50% - 10px); } .mainpage-connect .power li { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; text-align: center; width: calc(25% - 10px); } .mainpage-connect .power img { border-radius: 25%; height: auto; width: 95px; } .mainpage-connect .power .name { line-height: 18px; margin-top: 10px; } .mainpage-connect .power .name a, .mainpage-connect .power .name a:active, .mainpage-connect .power .name a:visited { color: #000000; font-weight: bold; text-decoration: none; } .mainpage-connect .power .name a:hover { color: #e01449; } .mainpage-connect .mainpage-more { margin-top: 10px; } @media screen and (max-width: 1023px) { .mainpage-connect .power li { width: auto; }	.mainpage-connect .power .notablet { display: none; } }

/** fa **/

.mainpage-connect .fa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: outside none none; margin: 0px; } .mainpage-connect .fa li { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; text-align: center; width: calc(50% - 10px); } .mainpage-connect .fa img { border-radius: 25%; height: auto; width: 100%; } .mainpage-connect .fa .name { line-height: 18px; margin-top: 10px; } .mainpage-connect .fa .name a, .mainpage-connect .fa .name a:active, .mainpage-connect .fa .name a:visited { color: #000000; font-weight: bold; text-decoration: none; } .mainpage-connect .fa .name a:hover { color: #e01449; } .mainpage-connect .mainpage-more { margin-top: 10px; } @media screen and (max-width: 1023px) { .mainpage-connect .fa li { width: auto; }	.mainpage-connect .fa .notablet { display: none; } }

/** Start of CSS for Mainpage News **/

.mainpage-news { margin: 0 0 15px; border-radius: 10px; text-align: center; padding: 3px; } .mainpage-news h3 { text-align: left; } .mainpage-news .news { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; text-align: left; } .mainpage-news ul { text-align: left; margin: .4em 0 .5em 1em; }

/** End of CSS for Mainpage News **/

/** Start of CSS for Mainpage Episode **/

.mainpage-episode { margin: 0 0 15px; border-radius: 10px; text-align: center; } .mainpage-episode h3 { text-align: left; } .mainpage-episode .episode { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; } .mainpage-episode .episode .title { margin-bottom: 20px; font-size: 18px; }

/** End of CSS for Mainpage Episode **/

/** Start of CSS for Characters Page **/

.character-page .character { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: outside none none; margin: 0px; } .character-page .character li { border-radius: 4px; border: 1px solid #e5e9f4; box-sizing: border-box; margin: 0px 0px 20px; padding: 15px 20px; width: calc(100% - 10px); } .character-page .character img { border-radius: 25%; height: 104px; width: 95px; } .character-page .character .name { line-height: 18px; margin-top: 10px; text-align: center; } .character-page .character .name a, .character-page .character .name a:active, .character-page .character .name a:visited { color: #000000; font-weight: bold; text-decoration: none; } .character-page .character .name a:hover { color: #e01449; } .character-page .character .about { width: 80%; float: right; } .character-page .character .avatar { width: 15%; text-align: center; } @media screen and (max-width: 1023px) { .character-page .character li { width: auto; }	.character-page .character .notablet { display: none; } }

/** End of CSS for Characters Page **/

/** Start of CSS for Places Page **/

.places-page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .places-page .place { margin: 0 0 20px 0; width: calc(50% - 10px); } .places-page .hero-image img { height: auto; width: 100%; } .places-page .place-info { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; border-bottom: 1px solid #e5e9f4; border-left: 1px solid #e5e9f4; border-radius: 0px 0px 4px 4px; border-right: 1px solid #e5e9f4; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; } .places-page .place .place-info { padding: 5px; } .places-page .details { 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: center; -ms-flex-pack: center; justify-content: center; line-height: 18px; } .places-page .place-info .about { color: #ee82ee; font-size: 14px; } .places-page .place .place-info .title { font-size: 16px; font-weight: bold; margin-top: 4px; } .places-page .place-info .title a, .places-page .place-info .title a:active, .places-page .place-info .title a:visited { color: #4a90e2; text-decoration: none; } .places-page .place .title a:hover { color: #6aaefc; } .places-page .place:hover { background: #f2f6fa; } @media screen and (min-width: 1024px) and (max-width: 1083px) { .places-page .place .place-info .title { font-size: 14px; } }

/** End of CSS for Places Page **/

/***MainPageCSS***/

/*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/

ul.tabbernav { border-bottom: 0px solid !important; font: normal 14px Helvetica, Arial, sans-serif !important; padding: 10px 0px !important; border-top: 5px solid #002E54; } ul.tabbernav li {} ul.tabbernav li a { padding: 10px 10px !important; margin-left: 0px !important; border: 0px solid !important; background: #FFF !important; } ul.tabbernav li a:link { color: #002E54 !important; } ul.tabbernav li a:visited { color: #002E54 !important; } ul.tabbernav li a:hover { background-color: #002E54 !important; border-color: transparent !important; color: #FFF !important; } ul.tabbernav li.tabberactive a { color: #FFF !important; font-weight: normal !important; border: 0px solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; background-color: #002E54 !important; } ul.tabbernav li.tabberactive a:hover { border: 0px solid #D9D9D9 !important; border-bottom: 0px solid #fff !important; } .tabberlive { width: 100% !important; } .tabberlive .tabbertab { border: 0px solid #D9D9D9 !important; border-top: 0 !important; }

/*-- Styles for Guides Tabs --*/

.tab-item-avatar { float: left; width: 48px; margin: 20px 10px 0px 10px; } .tab-item-title { font-size: 22px; padding-top: 20px; margin: 5px 0px -5px 0px } .tab-item-content { margin: 0px 0px 0px 10px; border-bottom: 1px solid #ccc; } .dialogue td { vertical-align: top; }

/*-- Styles for Portal --*/ .ui-tabs-panel h3 { color: white; font-weight: bold; font-size: 20px; line-height: normal; padding: 1em 0 0 1em; margin-top: 0; } .portal-more { color: white; font-size: 20px; line-height: normal; padding: 1em 0 0 1em; margin-top: 0 } .portal-more a, .portal-more .recent a:active, .portal-more .recent a:visited { color: white; font-size: 18px; text-decoration: none; } .portal-more a:hover { color: white; text-decoration: underline; } .portal-more a::after { background-size: cover; background-image: url("https://vignette.wikia.nocookie.net/thethundermans/images/1/12/Portal_Arrows.png/revision/latest?cb=20170530044051"); background-position: 0px 0px; background-repeat: no-repeat; content: ""; display: inline-block; height: 16px; left: 8px; position: relative; top: 3px; width: 22px; margin-right: 50px; } .portal-more a:hover::after { background-position: -23px 0px; }

/* main page */

.MainPageHeading { background: #1492dc; font-family: 'Coda'; font-size: 25px; letter-spacing: 1px; padding: 10px 0 7px; margin-top: 20px; text-align: center; text-transform: uppercase; } .MainPageBox { background: #0d3a5b; border: 1px solid #1492dc; padding: 15px; }

/* discussions module */

.embeddable-discussions-module { background: #0d3a5b; border-color: #1492dc; border-style: solid; border-width: 0 1px 1px 1px; padding-bottom: 10px; }

/***************/

/* portal main */

/***************/

/* container settings */

.portal_metro .toc { display: none; } .portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }

/* give all containers a black background so the opacity changes results in a brightness change */

.portal_metro:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: white; z-index: -2; } .portal_metro { border: 1px solid #1492dc; } .portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; }

/* pages nested within a slider container should not render borders twice */

.portal_metro .portal_metro { border: none; } .portal_metro.ui-tabs .ui-tabs-panel { padding: 0; } .portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; }

/* font title and sliders */

.portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { color: white; width: 100%; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-size: inherit; line-height: inherit; text-shadow: 0px 0px 2px rgba(0, 64, 0, 0.5), -1px -1px rgba(0, 64, 0, 0.5), 1px 1px rgba(0, 64, 0, 0.5); text-align: left; } .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { text-transform: uppercase; } .portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; } .portal_metro [class^=portal_sliderlink] { font-size: 1.4em; }

/* portal headers, headerlinks colors and formatting */

.portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; } .portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; } .portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; } .portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(89, 105, 57); }

/* slider text position */

.portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; } .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: 1.6em; left: 20px; line-height: 1em; }

/* main slider sizing */

.portal_metro#portal_main [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; } .portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px; } .portal_metro#portal_main .portal_sliderlink-2 { width: 100%; }

/* slider background */

.portal_metro#portal_main [class^=portal_sliderlink]:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: white; position: absolute; z-index: -1; } .portal_metro#portal_main [class^=portal_sliderlink]:after { z-index: -1; background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; } .portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; } .portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; } .portal_metro#portal_main .portal_sliderlink-2:after { /* IMAGE FOR 'ABOUT STEPHANIE HO, change below too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/b/b6/Stephanie_Ho_August_2017.jpg/revision/latest?cb=20170903213753'); background-size: 900px 500px; background-position: top right; } .portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 112px; } .portal_metro#portal_main .portal_sliderlink-3:after { /* IMAGE FOR 'ABOUT DISCOGRAPHY, change below too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/d/db/Discography_entrance.jpg/revision/latest?cb=20170818194845'); background-position: top center; background-size: 100%; } .portal_metro#portal_main .portal_sliderlink-4 { top: 112px; right: 0px; height: 113px; } .portal_metro#portal_main .portal_sliderlink-4:after { /* IMAGE FOR 'ABOUT FILMOGRAPHY, change below too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/b/b2/Filmography.jpg/revision/latest?cb=20170903213037'); background-position: top center; background-size: 100%; } .portal_metro#portal_main .portal_sliderlink-5 { top: 225px; right: 0px; height: 112px; } .portal_metro#portal_main .portal_sliderlink-5:after { /* IMAGE FOR 'ABOUT RELATIONSHIPS, change below too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/5/5c/Fred_and_Stephanie.jpg/revision/latest?cb=20170903213141'); background-position: top center; background-size: 100%; } .portal_metro#portal_main .portal_sliderlink-6 { top: 337px; right: 0px; height: 113px; } .portal_metro#portal_main .portal_sliderlink-6:after { /* IMAGE FOR 'ABOUT FRIENDSHIPS, change below too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/e/e8/Kayee_and_Stephanie.jpg/revision/latest?cb=20170903213251'); background-position: top center; background-size: 100%; }

/* slider sub category background */

position: relative; }	z-index: -1; background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }   /* IMAGE FOR 'ABOUT STEPHANIE HO, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/b/b6/Stephanie_Ho_August_2017.jpg/revision/latest?cb=20170903213753'); background-size: 900px 500px; background-position: top right; }   /* IMAGE FOR 'ABOUT DISCOGRAPHY, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/d/db/Discography_entrance.jpg/revision/latest?cb=20170818194845'); background-position: top center; background-size: 100% 100% }   /* IMAGE FOR 'ABOUT FILMOGRAPHY, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/b/b2/Filmography.jpg/revision/latest?cb=20170903213037'); background-position: top center; background-size: 100% 100% }   /* IMAGE FOR 'ABOUT RELATIONSHIPS, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/5/5c/Fred_and_Stephanie.jpg/revision/latest?cb=20170903213141'); background-position: top center; background-size: 100% 100% }   /* IMAGE FOR 'ABOUT FRIENDSHIPS, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/stephanieho/images/e/e8/Kayee_and_Stephanie.jpg/revision/latest?cb=20170903213251'); background-position: top center; background-size: 100% 100% } .portal_metro#portal_slider .portal_navlink { display: none; } .portal_metro#portal_slider { margin: 0 0 30px; } .portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; } .portal_metro#portal_slider .portal_navlink img { opacity: 0.3; } .portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8; } .portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; } .portal_vtab.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-tabs-vertical.ui-helper-clearfix { background-color: rgba(0, 0, 0, 0.3); } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { position: absolute; left: 200px; top: 0px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 200px; float: left; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 1.2em; display: block; width: 100%; padding: .25em 1em .5em 1em; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before {} .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0, 0, 0, 0.6); } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: .25em 1em .5em 1em; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel span { color: white; font-size: 18px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.2em; display: block; color: rgb(255, 255, 255); } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { padding: 1em 0 0 1em; margin-top: 0; border-bottom: none; text-transform: uppercase; color: rgb(89, 105, 57); font-size: 1.4em; } .portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
 * 1) porta_main, #portal_series, #portal_lore #portal_dao, #portal_da2, #portal_dai {
 * 1) portal_series:after, #portal_lore:after, #portal_dao:after, #portal_da2:after, #portal_dai:after {
 * 1) portal_dai:after {
 * 1) portal_series:after {
 * 1) portal_dao:after {
 * 1) portal_da2:after {
 * 1) portal_lore:after {

/********************************/

/* portal screen wide overrides */

/********************************/

@media screen and (max-width: 1023px) { .portal_metro [class^=portal_sliderlink] { width: 225px; }	.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; }	.portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; }	.WikiaRail .module { position: relative; } } @media screen and (min-width: 1023px) and (max-width: 1650px) { .portal_metro [class^=portal_sliderlink] { width: 225px; }	.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; }	.portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; } } @media screen and (min-width: 1650px) { .portal_metro [class^=portal_sliderlink] { width: 300px; }	/* realign slider background images */ /* .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 420px !important; } */ } @media screen and (min-width: 1600px) { .portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 500px }	.portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 500px; }	.portal_metro#portal_main .portal_sliderlink-2:after { background-image: url('https://vignette.wikia.nocookie.net/thethundermans/images/9/9e/Stephanie Ho.jpg/revision/latest?cb=20170430125505'); background-size: 100% 500px; background-position: top right; }	.portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 500px; }	#portal_dai:after { background-image: url('https://vignette.wikia.nocookie.net/thethundermans/images/9/9e/Stephanie Ho.jpg/revision/latest?cb=20170430125505'); background-size: 850px 500px; background-position: top right; }	.portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 125px; }	.portal_metro#portal_main .portal_sliderlink-4 { top: 125px; right: 0px; height: 125px; }	.portal_metro#portal_main .portal_sliderlink-5 { top: 250px; right: 0px; height: 125px; }	.portal_metro#portal_main .portal_sliderlink-6 { top: 375px; right: 0px; height: 125px; } }

border: none; margin-bottom: 0; padding: 0; }
 * 1) specials.module {

height: 25px; width: 150px; text-align: center; padding-top: 2px; }
 * 1) guestcast-collapsible {