MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Common.css&only=styles"); @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Navbox.css&only=styles"); /***** Border *****/ .WikiaPage { border: 1px OrangeRed; -moz-box-shadow:0 0 30px DarkOrange; -webkit-box-shadow:0 0 30px Orange; box-shadow: 0px 0px 25px Orange; } /* hide all "Add a photo to this gallery" buttons */ .wikia-photogallery-add { display: none !important; } /* figcaption */ .WikiaArticle .article-thumb { border: 1px solid Orange; -moz-border-radius: 6px; border-radius: 6px; padding: 3px 6px 3px 4px; } /* inner image */ .WikiaArticle .article-thumb .image img { border: 1px transparent; -moz-border-radius: 4px; border-radius: 4px; } /* caption */ .WikiaArticle .article-thumb .caption { text-align: center; color: inherit; } /* remove attribution */ .WikiaArticle .article-thumb .attribution { display: none !important; } .caption, .lightbox-caption { text-align: center; color: inherit; } /* ============================ */ /*      Tabber overrides       */ /* Adapted from the Kubera Wiki */ /* ============================ */ .tabber .tabbertab { /* hide images when loading */ display: none; /* overridden when loaded */ } .infobox ul.tabbernav /* infobox tabs only */ { font: bold 10px Raleway, sans-serif !important; text-align: center; } /* end of Tabber overrides*/ /* ===========================  Navbox styling (CSS taken from unOrdinary Wiki) based upon code found at   http://wikipedia.org/wiki/MediaWiki:Common.css where a complete list of contributors can be found altered by User:CzechOut at  http://tardis.wikia.com/wiki/MediaWiki:NavboxWP.css =========================== */ .navbox {                    /* Navbox container style */ /*border: 1px solid #aaa;*/ border:none; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group,na .navbox-title, .navbox-abovebelow { padding: 0.25em 1em;     /* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } .navbox-group { background:#012c57; color:#fff } th.navbox-group {            /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; background-color:#555!important; } .navbox, .navbox-subgroup { background: #fdfdfd;     /* Background color */ } .navbox-list { line-height: 1.2em; /* original 1.8em */ /* border-color: #fdfdfd;   Must match background color */ border-color:#012c57; border-left:2px solid #fdfdfd; } .navbox th, .navbox-title { /* background: #ccccff;      Level 1 color */ background:#012c57; color:white; } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { /*background: #ddddff;      Level 2 color */ background:#012c57; color:white; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { /* background: #e6e6ff;      Level 3 color */ background:#333333; } .navbox-even { /* background: #f7f7f7;      Even row striping */ background:#DCDCDC; } .navbox-odd { /* background: transparent;  Odd row striping */ /*background:#E5E4E2;*/ background:#b0b0b0; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ } ol + table.navbox, ul + table.navbox { margin-top: 0.1em;       /* Prevent lists from clinging to navboxes */ } /* Default styling for Navbar template */ .navbar { display: inline; font-size: 88%; font-weight: normal; } .navbar ul { white-space: nowrap; } .navbar li { word-spacing: -0.125em; } .navbar.mini li span { font-variant: small-caps; } /* Navbar styling when nested in infobox and navbox */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } /* .navbox-title .navbar { float: left; text-align: left; margin-right: 0.5em; width: 6em; } /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in MediaWiki:Common.js are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; } /* In navboxes, the show/hide button balances the v·d·e links from Template:Navbar, so they need to be the same width. */ .navbox .collapseButton { width: 6em; } /* Styling for JQuery makeCollapsible, matching that of collapseButton */ .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; float:right; margin-top:.8em; } .navbox .mw-collapsible-toggle { width: 6em; } .navbox-odd a:visited, .navbox-odd a:link, .navbox-even a:visited, .navbox-even a:link { color:#012c57 } /* .navbox-list .navbox-even a:link, .navbox-list .navbox-even a:visited, .navbox-list .navbox-odd a:link, .navbox-list .navbox-odd a:visited { color:#fff; } .navbox-group a:link, .navbox-group a:visited, .navbox-title a:link, .navbox-title a:visited, .navbox-abovebelow a:link, .navbox-abovebelow a:visited { color:#fff } .navbox a:hover { color:#012c57 } .nv-view, .nv-talk, .nv-edit { float:left; list-style:none; font-weight:bold; padding-right:5px; } .nv-edit:before, .nv-talk:before { content:" • "; } .navbar.mini li span { font-variant:normal; } /* tooltip css*/ /* Main CSS class of the tooltip */ .main-tooltip { border: 3px groove green; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); border-radius: 7px; margin-bottom: 5px; padding: 5px 5px; background-color: green; } /*BEGIN - Portable Infoboxes - from unOrdinary Wiki*/ .portable-infobox { border:4px groove Orange; border-radius:3px; color:black; padding:0.5px; } .portable-infobox .pi-item-spacing { text-align:center; padding:0.5px; padding-left:2px!important; } .portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin:2px; padding:0; color:white; } .pi-background { background-color:transparent!important; } .portable-infobox .pi-image img { width:99%; height:auto; border-bottom:2px Orange groove; } .pi-border-color { border-color:transparent; } .pi-title, .pi-data-label, .pi-secondary-background { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, DarkOrange), color-stop(75%, Orange)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, DarkOrange), color-stop(75%, Orange)); background-image:-moz-linear-gradient(top, DarkOrange 25%, Orange 75%); background-image:-o-linear-gradient(top, DarkOrange 25%, Orange 75%); background-image:-ms-linear-gradient(top, DarkOrange 25%, Orange 75%); } .pi-title { border-radius:0 0 0 0; } .pi-header { border-radius:0 0 0 0; font-size:11px; } .pi-data-label { border-radius:0 5px 5px 0; text-align:left!important; padding-left:2px!important; font-size:11px!important; height:auto; display: flex; align-items: center; overflow: visible;; } .pi-data-value { border-bottom:1px green solid; color:black!important; text-align:right!important; padding:2px; font-size:11px!important; height:auto; } .portable-infobox .pi-title, .portable-infobox .pi-secondary-font { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-moz-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-o-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-ms-linear-gradient(top, #006e2e 25%, #006605 75%); color:white; } .pi-data { margin:0!important; font-size:11px; } .portable-infobox .pi-horizontal-group { padding:2px!important; font-size:11px; } .pi-horizontal-group .pi-data-label { padding:2px; border-radius:5px; text-align:center!important; } .pi-horizontal-group .pi-data-value { border-bottom:0px green solid; color:black!important; font-size:11px; text-align:center!important;} .portable-infobox { width:200.0px; } /*PI tabber*/ .pi-image-collection-tabs { display: flex; flex-wrap: wrap; justify-content: center; border-radius: 5px; } .pi-image-collection-tabs .pi-tab-link { flex-grow: 1; } .portable-infobox .pi-image-collection-tabs li { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-moz-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-o-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-ms-linear-gradient(top, #006e2e 25%, #006605 75%); color: black; } .pi-tab-link.pi-item-spacing.current { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-moz-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-o-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-ms-linear-gradient(top, #006e2e 25%, #006605 75%); color: black; } /*PI tabber*/ /*END - Portable Infoboxes*/ /*========================================================* *                   Tabber overrides                    * *========================================================*/ .tabbertab { border: 1px #32CD32 solid !important; padding: 0px !important; padding-left: 5px !important; padding-right: 5px !important; border-radius: 0em 0em 0em 0em; } ul.tabbernav { font: 14px Helvetica,Arial,sans-serif !important; border-bottom: 0px !important; padding: 3px !important; } .tabberlive { width: auto !important; } ul.tabbernav li a { padding: 3px 8px !important; margin-left: 0px !important; color: #000000 !important; border: none !important; background: none !important; border-radius: 0.5em 0.5em 0em 0em; } ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover { color: #000000 !important; } ul.tabbernav li a:link, ul.tabbernav li a:visited { background-color: #32CD32 !important; margin: 0.5px !important; border-radius: 0.5em 0.5em 0em 0em; } ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover { background-color: #00FA9A !important; } ul.tabbernav li a:hover { border:none !important; } /*******admin bold/color******/ /*****bureaucrat*****/ a[href$=":Lastia"], a[href$="/Lastia"] { color: #FFA500 !important; font-weight: bold !important; font-family: Arial; } a[href$=":Ivan_the_Brony_Kaiju"], a[href$="/Ivan_the_Brony_Kaiju"] { color: Blue !important; font-weight: bold !important; font-family: Arial; } /* Removes arrow icon on external links */ a.external:after { display: none !important; } /* WikiaRail */ .WikiaRail .module {background: none;} .WikiaRail .module {border-radius:5px; box-shadow: 0 0 14px springgreen inset;} .WikiaRail .rail-module { padding: 16px 10px 16px; margin: 0 0 25px 0; border-radius:5px; box-shadow: 0 0 14px springgreen inset; vertical-align: text-bottom !important; } /* (added by w:c:dev:AddRailModule) */ .discord-arm { background-color: transparent; padding: 5px 20px; text-align: center; } .discord-arm p { font-size: 13px; line-height: 20px; margin: 15px 0; } /* Hover images */ .imgUnder { overflow: visible; display: inline-block; position: relative }   .imgOver { display: block; visibility: hidden; width: inherit; height: inherit; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }   .imgUnder:hover .imgOver { visibility: visible !important; } /* Scrollbar */
 * -webkit-scrollbar {

width: 14px; }
 * -webkit-scrollbar-thumb {

background: #a5f7a5; border: 2px solid transparent; border-radius: 5px; }
 * -webkit-scrollbar-thumb:hover {

background: #32CD32; }
 * -webkit-scrollbar-thumb:vertical {

border: 2px solid transparent; background-clip: content-box; }
 * -webkit-scrollbar-thumb:horizontal {

border: 2px solid transparent; background-clip: content-box; }
 * -webkit-scrollbar-track {

background: rgba(255, 255, 255, 0.06); border: 2px solid transparent; }
 * -webkit-scrollbar-corner {

background: rgba(255, 255, 255, 0.06) !important; border: 0; } /* ===================== */ /*      Table CSS       */ /* ===================== */ .table { width: 100%; margin: 0 auto; background: transparent; border:3px groove green; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-align: center; color:black; } .table th { color:white; background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #006e2e), color-stop(75%, #006605)); background-image:-moz-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-o-linear-gradient(top, #006e2e 25%, #006605 75%); background-image:-ms-linear-gradient(top, #006e2e 25%, #006605 75%); } .table th:first-child { -moz-border-radius-topleft: 3.5px; -webkit-border-top-left-radius: 3.5px; border-top-left-radius: 3.5px; }

.table th:last-child { -moz-border-radius-topright: 3.5px; -webkit-border-top-right-radius: 3.5px; border-top-right-radius: 3.5px; } .table tr td { border: 1px solid green; } .table tr:last-child td:first-child { -moz-border-radius-bottomleft: 3.5px; -webkit-border-bottom-left-radius: 3.5px; border-bottom-left-radius: 3.5px; } .table tr:last-child td:last-child { -moz-border-radius-bottomright: 3.5px; -webkit-border-bottom-right-radius: 3.5px; border-bottom-right-radius: 3.5px; } /* ========================================== */ /*      CSS for Wordmark from TOG Wiki       */ /* ========================================== */   max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {