MediaWiki:Wikia.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:CSS3Tooltip.css&only=styles";

/* CTab, ETab, & OTab Templates - Author: DEmersonJMFM */

.CTab, .ETab, .OTab { text-align: center; font-weight: bold; margin-left: 5px; }

.CTab-Tab .selflink, .CTab-Tab a:hover { color: #e5e5e5; } .CTab-Tab a:active { color: #e5e5e5; }

.CTab-Tab a, /* Expand link size to fill tab */ .CTab-Tab .selflink, .ETab-Tab a, .ETab-Tab .selflink, .OTab-Tab a, .OTab-Tab .selflink { padding: 8px 15px 9px; text-decoration: none; }

.CTab-Tab, /* Individual tabs */ .ETab-Tab, .OTab-Tab { float: left; margin-right: 2px; padding: 5px 0; width: auto; border: 1px solid #daa520; border-bottom: none; }

.CTab-Line, /* Line below tabs */ .ETab-Line, .OTab-Line { clear: both; width: 100%; padding-bottom: 2px; border-top: 1px solid #daa520; }

.CTab-General .CTab-Tab, .ETab-General .ETab-Tab, .OTab-General .OTab-Tab { background-color: #b3ffff; } /* Colors from BG templates */ .CTab-Genral .CTab-Tab { background-color: #000000; } .CTab-Bobby .CTab-Tab { background-color: #d3e5cd; } .CTab-Clyde .CTab-Tab { background-color: #e5ffb3; } .CTab-Harold .CTab-Tab { background-color: #b8f3fa; } .CTab-Howard .CTab-Tab { background-color: #ffbeb3; } .CTab-Lana .CTab-Tab { background-color: #c8d5ea; } .CTab-Leni .CTab-Tab { background-color: #cbe7d2; } .CTab-Lily .CTab-Tab { background-color: #eac8d6; } .CTab-Lincoln .CTab-Tab { background-color: #ffe4b3; } .CTab-Lisa .CTab-Tab { background-color: #b3ffb3; } .CTab-Lola .CTab-Tab { background-color: #ffb3ff; } .CTab-Lori .CTab-Tab { background-color: #c4e4ed; } .CTab-Luan .CTab-Tab { background-color: #f8f3b9; } .CTab-Lucy .CTab-Tab { background-color: #d1e0e0; } .CTab-Luna .CTab-Tab { background-color: #d5cee3; } .CTab-Lynn .CTab-Tab { background-color: #f0c1c8; } .CTab-Lynn_Sr .CTab-Tab { background-color: #c1f0ce; } .CTab-Mrs_Johnson .CTab-Tab { background-color: #cfeec3; } .CTab-Rita .CTab-Tab { background-color: #fcbbb5; } .CTab-Ronnie_Anne .CTab-Tab { background-color: #edc4e1; }

.page-Template_CTab .CTab-Tab, /* Maintain tab size on template & doc pages */ .page-Template_CTab_doc .CTab-Tab, .page-Template_ETab .ETab-Tab, .page-Template_ETab_doc .ETab-Tab, .page-Template_OTab .OTab-Tab, .page-Template_OTab_doc .OTab-Tab { padding: 5px 15px; }

ul.tabbernav li a { border:none !important; background: #222429 !important; font-family: Helvetica !important; font-size: 24px !important; font-style: bold !important; color: #fec356 !important; font-weight: 300 !important; margin:0 !important; padding:2px 4px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 12px !important; cursor:default; } ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; background: rgba(0, 0, 0, 0.25) !important; padding:10px 10px 5px 10px !important; } ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } ul.tabbernav li a:active { background: #1c232c !important; } ul.tabbernav li.tabberactive a { background: #1c232c !important; color: #d4d4d4 !important; } ul.tabbernav li.tabberactive a:active { background: #1a1a1a !important; color: #d4d4d4 !important; }

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; }

.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; left: 105%; opacity: 0; transition: opacity 0.3s; }

.tooltip .tooltiptext::after { content: ""; position: absolute; top: 35%; right: 100%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent; }

.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }

.pi-europa.portable-infobox { width: 250px; }