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); } .wds-community-header__wordmark:hover{ filter: brightness(1.6); -webkit-filter: brightness(1.6); } hr { background-color: #d6ad6f; height: 1px; border: 0; } h2 { color: #FFE37B; border-color: #D6AD6F !important; }   margin-top: 20px; background: rgb(0, 24, 102); background: rgba(0, 0, 0, .2); border-color: #D6AD6F; } h2 .mw-headline{ font-family: times; font-size:18pt !important; }
 * 1) p-logo, .wds-community-header__wordmark{ transition: .3s ease-out; }
 * 2) p-logo:hover{
 * 1) content .toc, #WikiaArticle .toc {

.compact-toc #toc li{ display: inline; } /* A compact toc to save space */ .wikitable tr:hover td{ background: #212f5a; background: rgba(255, 255, 255, .13); } .wikitable td{ border-color: #000 !important; }

/* Poll */ .ajax-poll { width: auto !important; border: none !important; } .pollAnswer:hover .pollAnswerVotes { border-color: #999; } .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 } .poll-entry{ margin-bottom: 8px; height: 23px; border: 1px solid #32416e; } .poll-entry .percent { display: none; } .poll-entry:hover .percent { display: inline; } .poll-entry:hover .num { display: none; }

/***************************************************************************/ /******************************** Stat box *********************************/ /***************************************************************************/ .statbox{ border: 1px solid #D6AD6F; text-align: center; min-width: 30%; max-width: 65%; } .statbox td{ box-shadow: inset 0 0 30px #001; padding: 5px; } .statbox th{ border-bottom: 1px solid #D6AD6F; padding: 0 5px; } .tabberlive .statbox{ max-width: 100%; border: 0; } .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-wrapper .card-name{ text-align: center; font-size: 13pt; padding: 6px 0; border: 1px solid #000; border-bottom: 0; } .card-wrapper .wikitable { margin: 0; width: 100%; } .card-wrapper .wikitable th { width: 110px; color: #fff; border-color:#000; } .card-wrapper:hover .card-image{ box-shadow: 3px -3px 15px #000; } .card-wrapper .card-image { transition: .3s; }

/***************************************************************************/ /*************************** Portable Infobox ******************************/ /***************************************************************************/ .portable-infobox { background:url('https://vignette.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest'), url('https://vignette.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest'), -ms-radial-gradient(#001866 25%, #000); background:url('https://vignette.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest'), url('https://vignette.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest'), -moz-radial-gradient(#001866 25%, #000); background:url('https://vignette.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest'), url('https://vignette.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest'), -webkit-radial-gradient(#001866 25%, #000); background:url('https://vignette.wikia.nocookie.net/fireemblem/images/c/c1/PI-Topleft.png/revision/latest'), url('https://vignette.wikia.nocookie.net/fireemblem/images/a/a2/PI-Bottomright.png/revision/latest'), radial-gradient(#001866 25%, #000); background-repeat: no-repeat; background-position: top left, bottom right; border: 1px solid #ffe37b; width: 285px; } .portable-infobox b { color: #ffe37b; } .portable-infobox .pi-title, .portable-infobox .custom-pi-title{ color: #ffe37b; font-family: times; font-size: 18pt; padding: 10px 0 !important; text-align:center; } .portable-infobox .custom-pi-title br ~ a > img { margin-top: 10px; width: 100%; height: auto; } .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; } .pi-horizontal-group { padding: 1px 0; } .pi-caption { text-align: center; } .pi-data-label {padding: 5px 3px;} .pi-horizontal-group .pi-data-label { padding: 5px 3px !important;} .pi-horizontal-group td, .pi-horizontal-group th { border: none !important; } .pi-data-value { margin: auto;} .portable-infobox > .pi-data:nth-child(2n+1){ background: rgb(0, 11, 50); background: rgba(0, 0, 0, 0.2); }

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

/*********************************************************************/ /***************************** Tabber ********************************/ /*********************************************************************/ .tabberlive{ display: inline-block !important; } /* 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-size: cover; background-repeat: no-repeat; opacity: .6; z-index: 99; } .bx-controls-direction a:hover{ opacity: 1; } .bx-prev { left: 0; background-image: url('https://vignette.wikia.nocookie.net/fireemblem/images/d/d3/Slider-arr.png/revision/latest'); } .bx-next { right: 0; background-image: url('https://vignette.wikia.nocookie.net/fireemblem/images/3/3d/Slider-arr-right.png/revision/latest'); } /* =========================== Carousel ============================= */ .carousel .slide{ height: 130px; border: 2px solid; border-color: transparent; overflow: hidden; width: 226px; }

/* Main series */ .games .slide{ border-color: #D6AD6F; background-color: #000; } .games .slide img { transition: 0.4s opacity; -webkit-transform: translateZ(0); /*fix transition bug in Chrome*/ } .games .game{ width: 100%; position: absolute; text-align: center; top: 0; opacity: 0; line-height: 130px; /* line-height = height, text vertically aligned center */ } .games .game a{   display: block; color: #fff; font-size: 150%; } .games .game a span{ /* text vertically aligned center */ display: inline-block; vertical-align: middle; line-height: normal; } .games .slide .game { transition: 0.4s opacity; } .games .slide:hover .game { opacity: 1; } .games .slide:hover img { opacity: 0.4; }

/*********************************************************************/ /***************************** Tooltips ******************************/ /*********************************************************************/ /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #d6ad6f; box-shadow: 0 0 5px #d6ad6f; margin-bottom: 5px; padding: 3px; 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 ********************************/ /*********************************************************************/

.portable-infobox .bx-viewport { width: 285px !important; }

/* Clashing color fixes */ .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(https://vignette.wikia.nocookie.net/fireball-studios-new/images/2/2f/BB_Icon.png/revision/latest?cb=20171124161214) no-repeat; background-size: contain; padding: 10px; padding-left: 40px; }

/* 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; } .categories .p-container > .link { bottom: 0; }

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

/* Bracket */ .bracket { position:relative; margin-bottom: 20px; } .bracket .portrait img{ border-radius: 40px; border: 1px solid #fff; } .bracket .connector { width: 40px; border: 3px solid; position: absolute; } .bracket .line { width: 40px; height: 3px; background: #fff; position: absolute; top: -10px; } .bracket .top { border-bottom: none; top: 40px; } .bracket .bottom { border-top: none; bottom: 40px; } .bracket .left { border-left: none; left: 80px; } .bracket .right { border-right: none; right: 80px; }