MediaWiki:Wikia.css

/*IMPORTS*/ @import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css"; @import "http://elderscrolls.wikia.com/index.php?title=MediaWiki:Common.css/highlights.css&action=raw&ctype=text/css"; @import "http://elderscrolls.wikia.com/index.php?title=MediaWiki:Common.css/collapse.css&action=raw&ctype=text/css"; @import "http://elderscrolls.wikia.com/index.php?title=MediaWiki:Common.css/infobox.css&action=raw&ctype=text/css"; /*END IMPORTS*/

//CSS preview fix .css.source-css .kw1 { color: DarkSlateGray !important; }

/* Wikitable class for skinning normal tables */ table.wikitable { margin:1em 1em 1em 0 !important;a background:#1D1D1D !important; border:1px black solid !important; border-collapse:collapse !important; color: #D5D4D4 !important; } table.wikitable th, table.wikitable td { border:1px black solid !important; padding:0.2em !important; color: inherit !important; } table.wikitable th { background:#111111 !important; text-align:center !important; color: inherit !important; } table.wikitable caption { margin-left:inherit !important; margin-right:inherit !important; font-weight:bold !important; }

table.wikitable tr.odd {background:#333333 !important;} table.wikitable tr.left{text-align:left !important;}

table.wikitable th.left {text-align:left !important;}

table.wikitable td.high {color: #C9BF58; !important; text-align:left !important;font-weight:bold !important;} table.wikitable td.left {text-align:left !important;}

table.wikitable tr:nth-child(even) { background:#181818; }

/*Code for */ .resizeimg img, .resizeimg a {width:inherit;height:inherit;max-width:inherit;}

/*********************************/ /* main page jquery tabs/sliders */ /*********************************/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .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 .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .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 .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; }

/**********/ /* portal */ /**********/ .portal_container { } .portal_section ul { list-style: disc; } .portal_section { border: 1px solid black; margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, black 100%); -moz-border-radius: 1em; -moz-box-shadow: 1px 1px 4px rgb(24, 24, 24); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(100%, black)); -webkit-border-radius: 1em; -webkit-box-shadow: 1px 1px 4px rgb(24, 24, 24); border-radius: 1em; box-shadow: 1px 1px 4px rgb(24, 24, 24); } .portal_header { padding: 0 1em; position: relative; } .portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted rgb(220,220,220); text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; } .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; } .portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: rgb(220,220,220); } .portal_body { padding: 0.8em; } .portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; } .portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: rgb(220,220,220); } .portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted rgb(220,220,220); text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: rgb(220,220,220); }

/******************/ /* portal: slider */ /******************/
 * 1) portal_slider { margin: 0px; padding: 0px; position: relative; height: 350px; }
 * 2) portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(75,75,75) 0, rgb(165,165,165) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(75,75,75)), color-stop(100%, rgb(165,165,165))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(115,115,115); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
 * 3) portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(90,90,90) 0, rgb(185,185,185) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(90,90,90)), color-stop(100%, rgb(185,185,185))); color: rgb(140,140,140); }
 * 4) portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
 * 5) portal_slider #portal_prev { 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; }
 * 6) portal_slider > .portal_body { padding: 0; }

/*******************/ /* portal: content */ /*******************/ /****************/ /* portal: news */ /****************/
 * 1) portal_content { font-size: 0.9em; line-height: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; }
 * 2) portal_content .portal_body > table { height: 300px; }
 * 3) portal_content ul { list-style: disc outside; }
 * 4) portal_content ul ul { margin-left: 1em; }
 * 1) portal_news .WikiaBlogListingBox, #portal_news ul, .CommunityCornerModule .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: 0; padding: 0; background: transparent; }
 * 2) portal_news .WikiaBlogListingBox h3, #portal_news .wikia-button, .CommunityCornerModule .WikiaBlogListingBox h3 { display: none; }
 * 3) portal_news .WikiaBlogListingPost { border-top: 0px !important; border-bottom: 1px dotted rgb(220,220,220) !important; list-style-type: none; } /* override the default border #portal_news colors */

/******************/ /* portal: forums */ /******************/
 * 1) portal_forums .forum_title { }
 * 2) portal_forums .forum_edited { text-align: right; }

/*******************/ /* portal: twitter */ /*******************/ /* changes the dividing dotted lines to red */ /*#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(220,220,220) !important; padding: 0.2em 0; list-style: none; } change it from a bulleted list into a unbulleted list */ /*#portal_twitter ul { margin-left: 0em !important; } */
 * 1) portal_twitter .twtr-hd { display: none !important; } /* removes header */
 * 2) portal_twitter .twtr-ft { display: none !important; } /* removes footer */
 * 3) portal_twitter .twtr-tweet { border-bottom-color: #DCDCDC !important; }

/****************/ /* portal: poll */ /****************/
 * 1) portal_poll .ajax-poll { border: 0px; } /* give the poll some room on the right */
 * 2) portal_poll .pollAnswer { margin-bottom: 0.5em !important; } /* give each poll entry some space at the bottom */
 * 3) portal_poll .pollAnswerVotes { border-color: #dddddd; background-color: transparent; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } /* round the edges a tad */
 * 4) portal_poll .pollAnswerVotes > span { background-color: transparent; }
 * 5) portal_poll .pollAnswerVotes > div { background-color: #5A91CF !important; border-right: 1px solid #dddddd; } /* make the background red */

.page-User_blog_Bethesda_Softworks_The_History_of_The_Elder_Scrolls {background:url("http://images4.wikia.nocookie.net/joeplayground/images/3/33/SkyrimBlogBackground.jpg") fixed center top no-repeat #000000; !important; }

.page-PlayQuiz_The_Elder_Scrolls_V_Skyrim_Quiz { background: #000 url("http://images2.wikia.nocookie.net/joeplayground/images/f/f2/SkyrimQuizBackground.jpg") fixed center top no-repeat !important; }

.pollAnswerVotes div { background: #555 !important; }

.gallery-image-wrapper { border-width:0px !important; background-color:rgba(68, 68, 68, 0.2) !important; box-shadow:0 0 15px 5px rgba(68, 68, 68, 0.2); }

.gallery-image-wrapper a.image { outline: 1px solid rgba(153, 153, 153, 0.5); }

/* Table row highlighting */ table.highlight tr:hover { background-color: #262626; }

table.notify { /*clear: both;*/ width: 100%; border: 1px solid black; -moz-border-radius: 16px; -o-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; background-image: linear-gradient(top, #151515 0%, black 100%); background-image: -o-linear-gradient(top, #151515 0%, black 100%); background-image: -moz-linear-gradient(top, #151515 0%, black 100%); background-image: -webkit-linear-gradient(top, #151515 0%, black 100%); background-image: -ms-linear-gradient(top, #151515 0%, black 100%); background-image: -khtml-linear-gradient(top, #151515 0%, black 100%); padding:8px; margin:0 0 10px 0; }

table.mw-abuselog-details{ color:black; }

/* Audio player size fix*/ a#ogg_player_1_options_link { display:none !important; } audio#ogg_player_1_obj { width: 250px !important; background: #181818 !important; }

/* Tabber overrides */

.tabbertab { border:none !important; padding: 0px !important; }

ul.tabbernav { font: 14px Helvetica,Arial,sans-serif !important; border-bottom: 0px !important; border-top: 5px solid black !important; }

.tabberlive { width: 100% !important; }

ul.tabbernav li a { padding: 8px 12px !important; margin-left: 0px !important; color: D5D4D4 !important; border: none !important; background: none !important; }

ul.tabbernav li a:link { color: #D5D4D4 !important; } ul.tabbernav li a:visited { color: #D5D4D4 !important; }

ul.tabbernav li a:hover { color: #D5D4D4 !important; background: black !important; border:none !important; }

ul.tabbernav li.tabberactive a { background-color: black !important; border-bottom: 1px solid #fff; }

ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; }

/* End of tabber overrides */

div.ajax-poll { border: none !important; }

.mainPageBox { border: 1px solid black; box-shadow: 2px 2px 2px 0px black; padding: 8px; margin: 8px 0px; background-color: #111111; }

.not-patrolled { background-color: DarkSlateGray !important; }

/* Wikitable class for quest journal tables */ /* onqtable = Online */ /* dbqtable = Dragonborn */ /* dgqtable = Dawnguard */ /* skqtable = Skyrim   */ /* obqtable = Oblivion */ /* shqtable = Shivering Isles */ /* knqtable = Knights of the Nine */ /* mwqtable = Morrowind */

table.onqtable, table.dbqtable, table.dgqtable, table.skqtable, table.obqtable, table.shqtable, table.knqtable, table.mwqtable { background: #111111; border: 1px solid #000000; border-collapse: separate; width: 100%; }

table.onqtable ul, table.dbqtable ul, table.dgqtable ul, table.skqtable ul, table.obqtable ul, table.shqtable ul, table.knqtable ul, table.mwqtable ul { color: #999999; font-size: x-small; }

table.onqtable td b, table.dbqtable td b, table.dgqtable td b, table.skqtable td b, table.obqtable td b, table.shqtable td b, table.knqtable td b, table.mwqtable td b {color: #4593c0;}

table.onqtable ul li b, table.dbqtable ul li b, table.dgqtable ul li b, table.skqtable ul li b, table.obqtable ul li b, table.shqtable ul li b, table.knqtable ul li b, table.mwqtable ul li b {color: #C9BF58;}

table.onqtable ul li u, table.dbqtable ul li u, table.dgqtable ul li u, table.skqtable ul li u, table.obqtable ul li u, table.shqtable ul li u, table.knqtable ul li u, table.mwqtable ul li u {color: #40FF50; text-decoration: none;}

table.onqtable ul li i, table.dbqtable ul li i, table.dgqtable ul li i, table.skqtable ul li i, table.obqtable ul li i, table.shqtable ul li i, table.knqtable ul li i, table.mwqtable ul li i {color: red; font-style: normal;}

table.onqtable td, table.onqtable th, table.dbqtable td, table.dbqtable th, table.dgqtable td, table.dgqtable th, table.skqtable td, table.skqtable th, table.obqtable td, table.obqtable th, table.shqtable td, table.shqtable th, table.knqtable td, table.knqtable td, table.mwqtable td, table.mwqtable th { border: 1px solid #000000; padding: 5px; }

table.onqtable td, table.dbqtable td, table.dgqtable td, table.skqtable td, table.obqtable td, table.shqtable td, table.knqtable td, table.mwqtable td {background: #222222;}

table.onqtable th {background: #4E4E4E;} table.dbqtable th {background: #1D2438;} table.dgqtable th {background: #3F0C0C;} table.skqtable th {background: #0B2763;} table.obqtable th {background: #2F4F4F;} table.shqtable th {background: #22182E;} table.knqtable th {background: #204F71;} table.mwqtable th {background: #271F07;}

/* Styling for large portal classes */

div.categorylist { background: url("http://images1.wikia.nocookie.net/elderscrolls/images/1/14/Portalbg.png") repeat scroll 0px 0px transparent; border: 1px solid #000000; border-radius: 0px; padding: 5px; margin:5px 0; }

div.categoryname { background: none repeat scroll 0 0 transparent; float: left; font-size: 18px; letter-spacing: 1px; padding: 26px 5px; text-align: left; width: 115px; }

div.categorydesc { background: #000; border-left: 1px solid #222; /*float: right;*/ margin: 0 0 0 115px; padding: 5px; width: auto; height: 63px; opacity: 0.8; }

/* Styling for small portal classes - 2 line max descriptions */

div.categorylistsmall { background: url("http://images1.wikia.nocookie.net/elderscrolls/images/1/14/Portalbg.png") repeat scroll 0 0 transparent; border: 1px solid #000000; font-size: 12px; margin: 5px 0; padding: 5px; }

div.categorynamesmall { background: none repeat scroll 0 0 transparent; float: left; font-size: 18px; letter-spacing: 1px; padding: 14px 5px; text-align: left; width: 120px; }

div.categorydescsmall { background: none repeat scroll 0 0 #000000; border-left: 1px solid #222222; float: right; height: 43px; opacity: 0.8; padding: 3px; width: 80%; }

/* Books */

.bookContainer{ background: #111111; border-radius: 5px; color: #cccccc; font-family: serif; font-size: 15px; font-weight: normal; line-height: 27px; margin: 0px; padding: 5px 10px 5px 10px;> }

.bookContainer h2{margin-top: 10px!important;}

/* Styling for navbox bg*/

table.navbox { background: #222222; border-collapse: separate; border:1px solid black; font-size:88%; padding: 0px; text-align:center; width: 100% }

table.navbox th {border: 1px solid #000000; background: url("http://images1.wikia.nocookie.net/elderscrolls/images/1/14/Portalbg.png") repeat scroll 0px 0px transparent;} table.navbox tr {border: 1px solid #000000;} table.navbox td {border: 1px solid #000000;}

/* Gallery temp fix */ .WikiaArticle ul.gallery { margin: 0em; }

li.gallerybox div.thumb { background-color: transparent !important; border: 0 none !important; }

/* temp white bg fix */ table.diff, td.diff-otitle, td.diff-ntitle {background-color: transparent;}

/* Styling for char and char-half blockquotes*/

blockquote.char{ background: url("http://images1.wikia.nocookie.net/elderscrolls/images/6/6c/Quotebg.png") no-repeat scroll 0 0 #111111; border-left: 2px solid #999999; border-radius: 5px 5px 5px 5px; margin: 0 15px; padding: 20px; width: auto; line-height: 23px; font-style: italic; }

blockquote.char-half{ background: url("http://images1.wikia.nocookie.net/elderscrolls/images/6/6c/Quotebg.png") no-repeat scroll 0 0 #111111; border-left: 2px solid #999999; border-radius: 5px 5px 5px 5px; margin: 0 15px; padding: 20px; width: 50%; line-height: 23px; font-style: italic; }

blockquote.char b, blockquote.char-half b {color: #777777;font-style: normal;}

/* Styling for buggy blockquote replacement using divs*/ /* Can be used for displaying conversations between characters.*/

div.blockquote,div.blockquote-half {   background: url("http://images1.wikia.nocookie.net/elderscrolls/images/6/6c/Quotebg.png") no-repeat scroll 0 0 #111111; border-left: 2px solid #999999; border-radius: 5px; line-height: 23px; margin: 15px; padding: 20px; color: #888888; font-style: italic; }

div.blockquote i, div.blockquote-half i{   color: #D5D4D4; font-style: italic;}

div.blockquote b, div.blockquote-half b{   color: #D5D4D4; font-style: normal;}

div.blockquote-half{width: 340px;}

/* Hidden Wikitable class for usage in NPC convos*/ table.hidden-table{border:0; margin:0; padding:0;} table.hidden-table tr{vertical-align: top;}

/* Popup */ .tt { background: none !important; color: #5a91cf !important; }

.WikiaArticle {font-size: 13px!important;} .WikiaArticle h3 {font-size:16px; font-weight:bold;} .WikiaArticle h4 {font-weight:bold;}

/* temp fix for spoilers width issue*/ span.collapseLink {position: relative !important;}

/* styling for exclusive dialogue boxes*/ div.diabox,div.diabox-half {   background: none repeat scroll 0 0 #111111; border-radius: 5px; padding: 10px; margin: 10px;}

div.diabox i,div.diabox-half i{   color: #888888; font-style: italic;}

div.diabox-half{width: 400px;}

/* acronym class for hidden text/dragon traslations*/ acronym.hidden { border-bottom:1px dotted #ffffff; cursor:help;}

/* hidden text variant*/ span.caption {	display:inline; font-weight: normal; border-bottom:1px dotted #ffffff; text-decoration:none; text-align:left; color: #FFFFFF; padding: 0px; margin: 0px 0px 0px 0px; background: none; }

span.caption span {	display:none; }

span.caption:hover {	color: #ffffff; border-bottom: 1px solid #ffffff; text-decoration:none; background: #111111; cursor: help; }

span.caption:hover span { 		margin: 30px 0px 0px -20px; display:inline; position:absolute; font-weight: normal; font-style: normal; text-align:left; padding: 2px 4px 2px 4px; border:1px solid #000000; background: #FAEBD7; color:#222222; text-decoration:none; font-size: 11px; font-family: Tahoma; line-height: 13px; }

/* styling class for all template banners*/ div.banner{ width: 635px; margin-bottom:10px; font-size:11px;}

/* temp fix for gallery popup*/
 * 1) LightboxModal {margin-left: -505px;}

/* thumbcaptions*/ .WikiaArticle .thumbcaption {font-size: 11px!important;}

.WikiaPage .WikiaPageBackground{ background: url("http://static2.wikia.nocookie.net/elderscrolls/images/6/6f/Bg_online_bottom.jpg") no-repeat fixed center bottom #181818; }

/* NAV HEADER FIX */

.WikiHeader > nav .subnav-2 li .subnav-2a { border-width: 0; }

/* main page chat widget style updates */ .main-page-tag-lcs .ChatEntryPoint, .main-page-tag-rcs .ChatEntryPoint { width: 94% !important; border: 1px solid black !important; box-shadow: 2px 2px 2px 0px black !important; padding: 8px !important; margin: 8px 0px !important; background-color: #111111 !important; } /* for now this only works in Chrome, but it fixes the invisible arrows */ .ChatModule .chat-whos-here .arrow-right img, .ChatModule .chat-whos-here .arrow-left img { filter: invert(100%); -webkit-filter: invert(100%); }

.User .staff { background-image: url("http://images1.wikia.nocookie.net/elderscrolls/images/0/0f/Sprite-Chat-admin.png") !important; }

/* Expanding Template */ .hiddentext { display: none } .visibletext:hover .hiddentext { display: inline !important }

/* Green Star for Admins in Chat */ .User .chat-mod .username:after { content: url("http://images1.wikia.nocookie.net/elderscrolls/images/c/c5/Admin-icon.png"); }

.ChatHeader.admin .User.chat-mod .username:after { background-image: url("http://images1.wikia.nocookie.net/__cb20131113222848/elderscrolls/images/0/0f/Sprite-Chat-admin.png") !important; }

[data-user="Timeoin"] .username img.modicon, [data-user="Flightmare"] .username img.modicon, [data-user="Atvelonis"] .username img.modicon, [data-user="Cheatcodechamp"] .username img.modicon { content: url("http://images1.wikia.nocookie.net/elderscrolls/images/c/c5/Admin-icon.png") !important; }

.User.chat-mod[data-user="Timeoin"] .username:after, .User.chat-mod[data-user="Flightmare"] .username:after, .User.chat-mod[data-user="Atvelonis"] .username:after, .User.chat-mod[data-user="Cheatchodechamp"] .username:after { background-image: url("http://images1.wikia.nocookie.net/__cb20131113222848/elderscrolls/images/0/0f/Sprite-Chat-admin.png") !important; } /* Warning template*/ .warningtemplate { background-color: whitesmoke; border: 2px solid #f66; color: black; margin: 0.8em 0; padding: 0.5em 12px; box-shadow: 0px 0px 6px rgba(0,0,0,0.66); } .warningtemplate em { color: maroon; font-size: 1.25em; } /* Green Star for Admins in Chat */

/* Wikia signature readability improvements (image border) */ img.staffSig { -webkit-filter: drop-shadow(1px 1px 1px grey) drop-shadow(-1px -1px 1px grey); filter: drop-shadow(1px 1px 1px grey) drop-shadow(-1px -1px 1px grey); } //Code by Hulothe d'après l'idée de Flo121297 pour One Piece Encyclopédie function getDiffLink(url) { return $.ajax({       type: "GET",        url: url    }); } if ($( '#WikiaRail' ).length) { $( '#WikiaRail' ).bind('DOMNodeInserted', function(event) {   if ($( '#WikiaRecentActivity' ).length) {        $( '.WikiaActivityModule li em > a' ).each(function { var $this = $( this ), lien = wgServer + $this.attr( 'href' ) + '?action=history', lienDiff = getDiffLink(lien); lienDiff.success(function(content) {               var link =  $(content).find( '#pagehistory li' ).eq(0).find( '.mw-history-histlinks a' ).attr( 'href' );                $this.parents( 'li' ).find( 'img.sprite.edit' ).replaceWith( '' );            }); });   }  }); }