User:Andi Cruz/wikia.css

/* Hover */ .hoverimage 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; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .homehover img:hover { filter: drop-shadow(0 0px 5px #dbd9d2); } .homehover img:hover { -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; } /** Mainpage – General **/

.mainpage-box { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; margin: 0 0 30px; } .mainpage-box h2 { border: medium none; color: #656e78; 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: #707070; 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: #333333; 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: #4a90e2; font-size: 18px; text-decoration: none; } .mainpage-more a:hover { color: #6aaefc; } .mainpage-more a::after { background-size: cover; background-image: url("http://vignette1.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; } }

/** Mainpage – 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: #000000; text-decoration: none; } .mainpage-blogs .blog-info .author a:hover { color: #545454; } .mainpage-blogs .blog-info .timestamp { color: #999999; 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; } }

/** Mainpage – Connect (Staff) **/

.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: #545454; } .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; } }

/** Mainpage – 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; }

/** note: 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; }

/** Mainpage – 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: #545454; } .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; } }

/** Mainpage – 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: #545454; } .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; } }

/** Mainpage – Connect > 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: #545454; } .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; } }

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

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

/** Mainpage – Character Page **/

/** note: for characters **/

.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: #545454; } .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; } } @media screen and (min-width: 1600px) { .character-page .character .about { width: 82%; float: right; } }

/** note: for character pairings **/

.character-page .character .pairingavatar img { border-radius: 12%; height: 104px; width: 150px; } .character-page .character .pairingabout { width: 73%; float: right; } .character-page .character .pairingavatar { width: 24%; text-align: center; }

/** Mainpage – Places **/

.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: #999999; 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; } }

/***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://vignette2.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; }

/* import Google font */

@import url('https://fonts.googleapis.com/css?family=Coda');

/* 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 THE THUNDERMANS, change below too' */ background-image: url('https://vignette1.wikia.nocookie.net/thethundermans/images/9/9e/Thundermanspiv.jpg/revision/latest?cb=20170430125505'); background-size: 850px 450px; 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 SEASON 1, change below too' */ background-image: url('https://vignette.wikia.nocookie.net/thethundermans/images/d/d5/Thundermans_at_KCA_2016.jpg/revision/latest/top-crop/width/300/height/169?cb=20170930144643'); 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 SEASON 2, change below too' */ background-image: url('https://vignette3.wikia.nocookie.net/thethundermans/images/9/94/Supe_Awards.jpeg/revision/latest/top-crop/width/300/height/169?cb=20170618171421'); background-position: 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 SEASON 3, change below too' */ background-image: url('https://vignette.wikia.nocookie.net/thethundermans/images/5/5e/Thundermans_promo_pic.jpg/revision/latest/top-crop/width/300/height/169?cb=20170930144644'); 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 SEASON 4, change below too' */ background-image: url('https://vignette3.wikia.nocookie.net/thethundermans/images/5/5d/Thundermans_newpromopic2.jpg/revision/latest/scale-to-width-down/250?cb=20170520083827'); 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 THE THUNDERMANS, change above too' */ background-image: url('https://vignette1.wikia.nocookie.net/thethundermans/images/9/9e/Thundermanspiv.jpg/revision/latest?cb=20170430125505'); background-size: 850px 450px; background-position: top right; }   /* IMAGE FOR 'ABOUT SEASON 1, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/thethundermans/images/d/d5/Thundermans_at_KCA_2016.jpg/revision/latest?cb=20170930144643'); background-position: top center; background-size: 100% 100% }   /* IMAGE FOR 'ABOUT SEASON 2, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/thethundermans/images/9/94/Supe_Awards.jpeg/revision/latest/scale-to-width-down/1024?cb=20170618171421'); background-position: center; background-size: 100% 100% }   /* IMAGE FOR 'ABOUT SEASON 3, change above too' */ background-image: url('https://vignette.wikia.nocookie.net/thethundermans/images/5/5e/Thundermans_promo_pic.jpg/revision/latest?cb=20170930144644'); background-position: top center; background-size: 100% 100% }   /* IMAGE FOR 'ABOUT SEASON 4, change above too' */ background-image: url('https://vignette3.wikia.nocookie.net/thethundermans/images/5/5d/Thundermans_newpromopic2.jpg/revision/latest?cb=20170520083827'); 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://vignette1.wikia.nocookie.net/thethundermans/images/9/9e/Thundermanspiv.jpg/revision/latest?cb=20170430125505'); background-size: 126% 500px; background-position: bottom 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://vignette1.wikia.nocookie.net/thethundermans/images/9/9e/Thundermanspiv.jpg/revision/latest?cb=20170430125505'); background-size: 126% 500px; background-position: bottom 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 {