MediaWiki:Wikia.css

/* Wiki Tail logos */ .ns-112 h1.wordmark.large.graphic {background: url("http://images.wikia.com/fairytail/images/8/85/Wiki_Tail_wordmark.png") no-repeat scroll 0% 0% transparent !important;} .ns-113 h1.wordmark.large.graphic {background: url("http://images.wikia.com/fairytail/images/8/85/Wiki_Tail_wordmark.png") no-repeat scroll 0% 0% transparent !important;}

.ns-112 #WikiHeader h1.wordmark img {zoom:1; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} .ns-113 #WikiHeader h1.wordmark img {zoom:1; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}

/* Stuff */
 * 1) title-icons { display: block !important;	text-align: right;	width: 595px;	}

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

/* Timer CSS */
 * 1) displayTimer { font-size: 12px !important; }


 * 1) showdate a { color: white !important; }

/* Show Large Tables Normally */ .WikiaWideTablesWrapper canvas {display:none;} .WikiaWideTablesWrapper img.sprite.popout {display:none;} .WikiaWideTablesWrapper > .table {overflow:visible;}

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

.newcategory {color:darkorange;}

/***** Background CSS *****/

body { background-attachment: fixed; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit;

} .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

div.ajax-poll{ width:auto !important; border: 1px solid #A0A0A0 !important; }

/* Hides image attribution on articles */ .picture-attribution { display:none !important; }

/* Decreasing Reference Size */ .references {font-size:10px;} /* Decreasing Font Size */
 * 1) WikiaArticle { font-size: 13px; }

/* Put a checker background at the image description page only visible if the image has transparent background */ background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat; }
 * 1) file img {

/* == Navbox == */ table.navbox {           /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;           /* (doesn't work for IE6, but that's okay)       */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center;     /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group {           /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd;    /* Background color */ } .navbox-list { border-color: #fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background: #ccccff;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff;    /* Level 3 color */ } .navbox-even { background: #f7f7f7;    /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .collapseButton {         /* 'show'/'hide' buttons created dynamically */ float: right;         /* by the CollapsibleTables javascript in    */ font-weight: normal;  /* MediaWiki:Common.jsare styled here    */ text-align: right;    /* so they can be customised. */   width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em;           /* the vde links from Template:Tnavbar,   */ }

.portal_body:hover span.portalEditLink { display: block !important; } /*********************************/ /* 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 #222; margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, #181818 0, #080808 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, #181818), color-stop(100%, #080808)); -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 MediumVioletRed; 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: #BE1A16; } .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 { #BE1A16; } .portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted MediumVioletRed; text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: #BE1A16; } /******************/ /* portal: slider */ /******************/ /*******************/ /* portal: content */ /*******************/ /****************/ /* portal: news */ /****************/ /******************/ /* portal: forums */ /******************/ /*******************/ /* portal: twitter */ /*******************/ /*#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; } */ /****************/ /* portal: poll */ /****************/ border-right: 1px solid #dddddd; } /* make the background red */
 * 1) portal_slider { margin: 0px; padding: 0px; position: relative; height: 300px; }
 * 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; }
 * 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 */
 * 1) portal_forums .forum_title { }
 * 2) portal_forums .forum_edited { text-align: right; }
 * 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; } /* changes the dividing dotted lines to red */
 * 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; }
 * 1) portal_poll .pollAnswerVotes > div {background-color:#8b0000 !important;}

/* Crown Title Font */ @font-face { font-family: Crown Title; src: url('http://www.dafont.com/CROWNT.TTF'), url('http://www.dafont.com/CROWNT.eot') format("opentype"); /* IE */ }

/*******************************************************************************/ /*Template:Image pop-up*/ .imagepopup .popup {display:none; speak:none;} .imagepopup .link a {color:#006CB0;} .imagepopup:hover .popup { background:transparent; padding:2em 1em 1em 2em; display:inline; position:absolute; margin-left:-2em; margin-top:-2em; z-index:10; } .imagepopup .popup .thumb { border:none !important; } /*******************************************************************************/

/*********************/ /***Wiki Background***/ /*********************/

body.background-dynamic.skin-oasis { background: black; overflow: hidden; position: relative; } body.background-dynamic.skin-oasis:after, body.background-dynamic.skin-oasis:before { background-image: url(http://images.wikia.com/fairytail/images/7/7a/BG3.png); /* $wgCdnStylePath */ background-repeat: no-repeat; content: ""; height: 1000px; position: absolute; top: 0; width: 1000px; z-index: -2; } body.background-dynamic.skin-oasis.background-fixed:after, body.background-dynamic.skin-oasis.background-fixed:before { position: fixed; } body.background-dynamic.skin-oasis:after { background-position: -1000px 0; right: 50%; margin-right: -1000px; } body.background-dynamic.skin-oasis:before { left: 50.1%; margin-left: -1000px; } body.background-dynamic.skin-oasis .background-image-gradient { background: black; left: 50%; } body.background-dynamic.skin-oasis .background-image-gradient, body.background-dynamic.skin-oasis .background-image-gradient:before, body.background-dynamic.skin-oasis .background-image-gradient:after { content: ""; height: 100%; position: fixed; top: 0; z-index: -1; }

@media screen and (max-width: 1030px) { body.skin-oasis { background-image: none; } body.skin-oasis:after, body.skin-oasis:before { display: none; } } @media screen and (min-width: 1370px) { body.background-dynamic.skin-oasis:after, body.background-dynamic.skin-oasis:before { width: 685px; } body.background-dynamic.skin-oasis:after { background-position: -1000px 0; margin-right: 0; right: 0; } body.background-dynamic.skin-oasis:before { background-position: -315px 0; margin-left: 0; left: 0; } body.background-dynamic.skin-oasis .background-image-gradient { margin-left: -moz-calc(685px - 50%); margin-left: -o-calc(685px - 50%); margin-left: -webkit-calc(685px - 50%); margin-left: calc(685px - 50%); width: -moz-calc(100% - 1370px); width: -o-calc(100% - 1370px); width: -webkit-calc(100% - 1370px); width: calc(100% - 1370px); } body.background-dynamic.skin-oasis .background-image-gradient:after, body.background-dynamic.skin-oasis .background-image-gradient:before { width: 40px; } body.background-dynamic.skin-oasis .background-image-gradient:after { background-color: rgba(186, 205, 216, 0); background-image: -webkit-linear-gradient(right, rgba(186, 205, 216, 0) 0%, black 100%); background-image: linear-gradient(to left, rgba(186, 205, 216, 0) 0%, black 100%); right: 645px; } body.background-dynamic.skin-oasis .background-image-gradient:before { background-color: rgba(186, 205, 216, 0); background-image: -webkit-linear-gradient(left, rgba(186, 205, 216, 0) 0%, black 100%); background-image: linear-gradient(to right, rgba(186, 205, 216, 0) 0%, black 100%); left: 645px; } } @media screen and (min-width: 1940px) { body.background-dynamic.skin-oasis:after, body.background-dynamic.skin-oasis:before { width: 1000px; } body.background-dynamic.skin-oasis:after { background-position: -1000px 0; right: 50%; margin-right: -1285px; } body.background-dynamic.skin-oasis:before { background-position: 0; left: 50%; margin-left: -1285px; } body.background-dynamic.skin-oasis .background-image-gradient { margin-left: -285px; width: 570px; } body.background-dynamic.skin-oasis .background-image-gradient:after { margin-right: -325px; right: 50%; } body.background-dynamic.skin-oasis .background-image-gradient:before { left: 50%; margin-left: -325px; } }

/* Background Style */ .WikiaHeader { background-image:url(http://static2.wikia.nocookie.net/__cb20140101211408/fairytail/images/0/0a/Header_Bg.jpg); }

background: url(http://static2.wikia.nocookie.net/__cb20140101211408/fairytail/images/0/0a/Header_Bg.jpg); width: 1500px; height: 25px; margin: auto; text-align: center; }
 * 1) WikiaBarWrapper .wikia-bar {

section.WikiaActivityModule.module, section.HotSpotsModule.module, section.FollowedPagesModule.module { background: white url(http://static3.wikia.nocookie.net/fairytail/images/9/9d/Left_Rail_Box.png) no-repeat top center; }

.refpopups-box { background: none repeat scroll 0 0 #FFFFFF; border-color: #961414; color: #3A3A3A; font-size: 11px; }