MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site *****/ /***** To apply CSS on Oasis skin only, visit: MediaWiki:Wikia.css *********/ /***** To apply CSS on Monobook skin only, visit: MediaWiki:Monobook.css ***/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; } /* wordmark/logo's effect */ filter: brightness(1.4); -webkit-filter: brightness(1.4); } .wordmark:hover{ filter: brightness(1.6); -webkit-filter: brightness(1.6); }
 * 1) p-logo, .wordmark{ transition: .3s ease-out; }
 * 2) p-logo:hover{

h2 { color: #FFE37B; border-color: #D6AD6F !important; } .toc { margin-top: 20px; background: rgb(0, 24, 102) !important; background: rgba(0, 0, 0, .2) !important; border-color: #D6AD6F !important; } h2 .mw-headline, h2.pi-title{ font-family: times; font-size:18pt !important; }

.compact-toc ol li{	display: inline !important; } /* A compact toc to shorten some pages*/ .wikitable tr:hover{ background: rgba(255, 255, 255, .13); } /* hover eff on a wikitable row */

/* Poll */ .ajax-poll { width: auto !important; border: none !important; } .pollAnswerVotes{ border-color: #aaa !important;} .pollAnswerVotes div { background: #4996D0 !important; background: -webkit-linear-gradient(left, #25589C,#4996D0) !important; /* for */ background: -moz-linear-gradient(left, #25589C,#4996D0) !important; /* old */ background: -o-linear-gradient(left, #25589C,#4996D0) !important; /* browsers */ background: linear-gradient(to right,#25589C,#4996D0) !important }

/***************************************************************************/ /******************************** Stat box *********************************/ /***************************************************************************/ .statbox{ border: 1px solid #D6AD6F; } .statbox td{ box-shadow: inset 0 0 30px #001; padding: 5px; } .statbox th{ border-bottom: 1px solid #D6AD6F; padding: 0 5px; } .s-cells td{ box-shadow: inset 0 0 10px #001; } .nopad-cells td{ padding: 0; }

/***************************************************************************/ /********************************* Navbox **********************************/ /***************************************************************************/ .navbox{ padding: 2px; text-align:center; font-family: times; clear: both; } .navbox .top-row{ margin-top: 2px; } .navbox .section{ margin-top: 2px; width: 100%; } .navbox .mw-collapsible-toggle{ cursor: pointer; width: 3em; } .navbox .mw-collapsible-toggle:after { display: inline-block; content: ''; border-color: #000; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 5px; width: 5px; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox .mw-collapsible-toggle-collapsed:after{ -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }

/***************************************************************************/ /********************************** Card ***********************************/ /***************************************************************************/ .card-container{ display: inline-block; font-size: 90%; vertical-align: top; margin: 0 3px 15px 0; } .card-title{ height: 45px; line-height: 45px; border: 1px solid; border-top: none; box-shadow: inset 0 5px 20px #000; } .card-title a{ color: #fff; } .card-title b{   display: inline-block; vertical-align: middle; line-height: normal; } .card-container table{ width: 100%; text-align: left; border: 1px solid #fff; border-top: none; } .card-container table th{ box-shadow: inset 0 2px 10px #000; border: 1px solid #aaa; border-top: none; border-left: none; } .card-container table td{ border-bottom: 1px solid #aaa; word-break: break-all; word-break: break-word; } .card-container table .horizontal{ text-align: center; } .card-container table .horizontal td{ border-bottom: none; } .card-container table .horizontal th{ border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; box-shadow: inset 0 2px 5px #000; }

/***************************************************************************/ /*************************** Portable Infobox ******************************/ /***************************************************************************/ .portable-infobox { background:url('http://vignette3.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest?cb=20150910025708'), url('http://vignette3.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest?cb=20150910025709'), -ms-radial-gradient(#001866 25%, #000); background:url('http://vignette3.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest?cb=20150910025708'), url('http://vignette3.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest?cb=20150910025709'), -moz-radial-gradient(#001866 25%, #000); background:url('http://vignette3.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest?cb=20150910025708'), url('http://vignette3.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest?cb=20150910025709'), -webkit-radial-gradient(#001866 25%, #000); background:url('http://vignette3.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest?cb=20150910025708'), url('http://vignette3.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest?cb=20150910025709'), radial-gradient(#001866 25%, #000); background-repeat: no-repeat; background-position: top left, bottom right; border: 1px solid #FFE37B; width: 285px; } .pi-border-color{ border-color: #001866 !important;} .pi-data:not(:last-of-type), .pi-group { border: none; } .pi-item-spacing:not(.pi-tab-link) { padding: 5px 0 !important; } .pi-horizontal-group { padding: 1px 0; } h2.pi-title { padding: 11px 8px 8px 11px !important; text-align:center; } .pi-caption { text-align: center !important; } .pi-data-label {padding: 5px 3px;} .pi-horizontal-group .pi-data-label { padding: 5px 3px !important;} .pi-data-value { margin: auto;} .portable-infobox > .pi-data:nth-child(2n+1){ background: rgba(255,255,255,.08);}

/* Adjusting tabber inside */ .portable-infobox .tabbertab, .portable-infobox .tabbernav li.tabberactive a, .portable-infobox .tabbernav li a, .portable-infobox .tabbernav li a:hover{ background: none !important; box-shadow: none !important; } .portable-infobox .tabberlive {	margin-top: 0;} .portable-infobox .tabbernav {	border: 0; margin-bottom: -8px; } .portable-infobox .tabbernav li a{ border: none;} .portable-infobox .tabbernav li, .portable-infobox .tabbernav li:hover { margin: 0 !important; } .portable-infobox .tabbertab { border: none !important; padding: 0 !important; } /* Styling image collection */ .pi-image-collection-tabs li { color: #a18445; font-weight: bold; border: none !important; } .pi-image-collection-tabs .current, .pi-image-collection-tabs li:hover { background: none !important; color: #FFE37B; } .pi-image-collection-tab-content{ background: none; }

/* Custom themes  */ .pi-theme-fe1 .pi-data-label, .pi-theme-fe1 .pi-title { background-color: #4682B4; color: #fff !important; } .pi-theme-fe2 .pi-data-label, .pi-theme-fe2 .pi-title{ color: #000 !important; background-color: #3CB371; } .pi-theme-fe3 .pi-data-label, .pi-theme-fe3 .pi-title{ background-color: #00008B; color: #fff !important; } .pi-theme-fe4 .pi-data-label, .pi-theme-fe4 .pi-title{ background-color: #8B4513; color: #fff !important; } .pi-theme-fe5 .pi-data-label, .pi-theme-fe5 .pi-title{ color: #000 !important; background-color: #D2691E; } .pi-theme-fe6 .pi-data-label, .pi-theme-fe6 .pi-title{ color: #000 !important; background-color: #B0E0DE; } .pi-theme-fe7 .pi-data-label, .pi-theme-fe7 .pi-title{ background-color: #DC1430; color: #fff !important; } .pi-theme-fe8 .pi-data-label, .pi-theme-fe8 .pi-title{ color: #000 !important; background-color: #9BE2BB; } .pi-theme-fe9 .pi-data-label, .pi-theme-fe9 .pi-title{ color: #000 !important; background-color: #87CEEB; } .pi-theme-fe10 .pi-data-label, .pi-theme-fe10 .pi-title{ color: #000 !important; background-color: #FFA500; } .pi-theme-fe11 .pi-data-label, .pi-theme-fe11 .pi-title{ background-color: #09419c; color: #fff !important; } .pi-theme-fe12 .pi-data-label, .pi-theme-fe12 .pi-title{ color: #000 !important; background-color: #B0C4DE; } .pi-theme-fe13 .pi-data-label, .pi-theme-fe13 .pi-title{ color: #000 !important; background-color: #ADD8E6; } .pi-theme-fe14 .pi-data-label, .pi-theme-fe14 .pi-title{ color: #000 !important; background-color: #E8BCD7; } .pi-theme-ts .pi-data-label, .pi-theme-ts .pi-title{ background-color: #8B008B; color: #fff !important; } .pi-theme-ts2 .pi-data-label, .pi-theme-ts2 .pi-title{ color: #000 !important; background-color: #E6E65C; } .pi-theme-smt .pi-data-label, .pi-theme-smt .pi-title{ color: #000 !important; background-color: #9dff26; }

/*********************************************************************/ /***************************** Tabber ********************************/ /*********************************************************************/ .tabberlive{ display: inline-block; } /* auto-width tabber */ .tabbernav { border-color: #D6AD6F !important; } .tabbernav li.tabberactive a { background: #000 !important; color: #FFE37B !important; border-bottom: none !important; border-color:#D6AD6F !important; border-top-left-radius:5px; border-top-right-radius:5px; padding-bottom:4px; } .tabbernav li a { background: #000 !important; color: #a18445 !important; border-color:#a18445 !important; border-top-left-radius:5px; border-top-right-radius:5px; } .tabbernav li a:hover{ background: #000 !important; border-color: #D6AD6F !important; color: #FFE37B !important; } .tabbernav li:first-child { margin-left: -3px; } .tabberlive .tabbertab { border-color: #D6AD6F !important; box-shadow: inset 0 25px 150px #000; }

/*********************************************************************/ /***************************** Bxslider ******************************/ /*********************************************************************/ /* =========================== General ============================= */ .bx-wrapper { position: relative; margin: auto; } .bx-pager.bx-default-pager { text-align: center;} .bx-pager-item { display: inline-block; margin-right: 15px; } .bx-controls-direction a{   width: 40px; height: 60px; position: absolute; top: 35%; text-indent: -9999px; background-image: url('http://slot1.images.wikia.nocookie.net/__cb1448016692/common/extensions/wikia/Lightbox/images/sprite-Lightbox.png'); background-repeat: no-repeat; opacity: .6; } .bx-controls-direction a:hover{ opacity: 1; } .bx-prev { left: 0; background-position: -124px; } .bx-next { right: 0; background-position: -72px; } /* =========================== Carousel ============================= */ .carousel .slide{ height: 130px; border: 2px solid #D6AD6F; background-color: #000; overflow: hidden; width: 226px !important; } .carousel .slide img { transition: 0.4s opacity;} .carousel .slide:hover img { opacity: 0.4; } .game{ width: 100%; position: absolute; text-align: center; top: 35%; opacity: 0; } .game a, .game a:hover{ display: block; color: #fff !important; font-size: 150%; } .carousel .slide .game { transition: 0.4s opacity; } .carousel .slide:hover .game { opacity: 1; }

/*********************************************************************/ /***************************** Tooltips ******************************/ /*********************************************************************/ /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #d6ad6f; margin-bottom: 5px; padding: 2px 5px; background-color: #00124b; }

/* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */ padding: 3px 7px 2px 3px; z-index: 6000000; }
 * 1) tooltip-wrapper {

/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } .basic-tooltip{ border-bottom: 1px dotted; }

/*********************************************************************/ /******************************* Misc ********************************/ /*********************************************************************/

/* Clashing color fixes */ .modal.large{ color: #000;} .mw-plusminus-pos{ color: #0f0; } .mw-plusminus-neg{ color: #f00; } table{ border-color: #ddd; } .light { color:#333;} .light a {color: #06c !important;} /* fix link color where background is light */ .responsive img{ width: 100%; height: auto; } /* make image fit screen size */

/* Forum styling */ .forumheader{ border: 1px solid #d6ad6f; background: url(http://24.media.tumblr.com/tumblr_m8ezsxIONz1r37powo1_250.png) no-repeat; background-size: contain; padding: 10px; padding-left: 40px; }

z-index: 50000; box-shadow: 0 0 10px #000; position:fixed; bottom: 35px; right: 20px; padding: 5px 15px; border-radius: 5px; background-color: #d6ad6f; background-image:-moz-linear-gradient(top,#e1c497 35%,#d6ad6f 65%); background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#e1c497),color-stop(65%,#d6ad6f)); background-image:-o-linear-gradient(top,#e1c497 35%,#d6ad6f 65%); background-image:-ms-linear-gradient(top,#e1c497 35%,#d6ad6f 65%); color: black; max-width: 250px; }
 * 1) notification{

/* Selector styling */ .sel-container{ display: inline; position: relative; } .sel-container select{ background-color: #00124B; border-color: #D6AD6F; color: #fff; padding: 3px 5px; box-shadow: inset 0 0 10px #000; cursor: pointer; }

/* Preview template */ .p-container { overflow: hidden; margin: 3px; border: 2px solid; position: relative; display: inline-block; } .p-container .link { position: absolute; text-align: center; width: 100%; background: rgb(0,0,0); background: rgba(0,0,0,.7); border-top: 1px solid; transition: .3s; bottom: -100px; } .p-container .link a { font-weight: bold; display: block; } .p-container:hover .link { bottom: 0; }

/* Overrides default footer's style */ .content table{ border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }