MediaWiki:Wikia.css

@import url("/MediaWiki:Wikia.css/PortableInfobox.css?ctype=text/css&action=raw");

/*Page fonts*/ .WikiaArticle h3 { font-weight: bold; }

/*Activity BG*/ section.WikiaActivityModule.module { background: white }

/** Portable Infobox **/

.portable-infobox { border: 1px solid #000; background: #fff !important; padding: 2px 2px; font-size:90%; width: 300px; line-height: 1.5em; background-color: transparent; }

.pi-image-thumbnail { width: 270px; height: auto; }

.portable-infobox .pi-secondary-background { text-align: center; font-weight: bold; background-color: #000000; vertical-align: top; color: white; margin-bottom: 1px; } .portable-infobox .pi-title{ text-align: center; font-weight: bold; font-size: 120%; padding: 1em; margin: 0.1em; background-color: #000; color: white; }

.portable-infobox .pi-data-value .pi-font { display: none; }

.portable-infobox .tabberlive { margin-top: 0 !important; padding: 0; margin-right: 4px !important; text-align: center !important; }

.portable-infobox .tabbertab { padding: 0 !important; border: 0 !important; background: none !important; margin: 0 !important; }

.portable-infobox .tabber .tabbertab{ border: none; padding: 0 !important; margin: 0 !important; }

.portable-infobox ul.tabbernav { margin: 0; }

.portable-infobox ul.tabbernav li a { margin-top: 0 !important; padding: 2px 0.5em !important; position: relative; }

.portable-infobox .tabberlive > ul.tabbernav > li:first-child { margin-left: 0px; margin-top: 0 !important; }

.portable-infobox .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: 0px !important; margin-top: 0 !important; }

.portable-infobox .tabberlive .tabbertab img { position: center; height: auto; }

.portable-infobox .pi-data-label { padding: 1px 0 1px 4px; background-color: #000; flex-basis: 50%; margin-left: 2px; color: #FFF; } .portable-infobox .pi-data-value { background: #FFF; color: #000; flex-basis: 100%; margin: 0; margin-left: 3px; padding: 1px 0 1px 4px; } .portable-infobox .pi-item-spacing { padding: 0; padding-top: 1px; padding-bottom: 2px; } .portable-infobox .pi-border-color { border-bottom: none; } .portable-infobox .pi-header:last-child { margin-bottom: 0; border-radius: 0px 0px 6px 6px; } .portable-infobox .pi-image { margin-bottom: 2px; } .portable-infobox .pi-group .pi-item:last-of-type .pi-data-value { border-bottom: none; } .portable-infobox .pi-item:not(:last-of-type) .pi-data-value { border-bottom: 1px solid Gray; }

/* Default tabs */

.portable-infobox .pi-image-collection { background-color: rgba(165, 181, 198, 0.8); }

.portable-infobox .pi-image-collection-tab-content { background-color: rgba(165, 181, 198, 0.8); }

.portable-infobox .pi-tab-link { border-radius: 5px 5px 0 0; }

.portable-infobox .pi-image-collection-tabs { display: flex; flex-wrap: wrap; font-size: 10px; margin-top: 2px; margin-left: 0; border: 0; justify-content: center; }

.portable-infobox ul.pi-image-collection-tabs { border-radius: 5px 5px 0 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: 1px solid rgba(255,189,189,0.9); padding: 2px 8px; text-align: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { margin-left: 5px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: rgba(255,189,189,0.9); } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: #db1414; color: #fff; text-shadow: 0 0 2px black; }

/* Panel sections */ .portable-infobox .pi-section-tab.pi-section-active { box-shadow: none; }

.portable-infobox .pi-section-tab.pi-section-active .pi-section-label { color: #000; }

/* Volume Infobox */ .portable-infobox.type-volume .pi-title{ font-size: 110%; }

/* Chapter Infobox */ .portable-infobox.type-chapter .pi-title{ font-size: 110%; }

/*Username Highlight*/ a[href$=":RaiderZ"], a[href$="/RaiderZ"], a[href$=":Lelouch_Di_Britannia"], a[href$="/Lelouch_Di_Britannia"] { color: #32ad32 !important; font-weight: bold !important; }

/*Comment Bubble*/ .comments li[data-user="RaiderZ"] > blockquote {color:#14de14 !important; background: rgba(0,0,0,.85) !important; border-color:red; font-family:monaco, "courier", monospace; box-shadow:5px 5px 10px rgba(0,0,0,.25);} .comments li[data-user="RaiderZ"] > blockquote:after {border-color: transparent rgb(0,0,0) rgb(0,0,0) transparent !important;} .comments li[data-user="RaiderZ"] > blockquote:before {display:none !important;} .comments li[data-user="RaiderZ"] > blockquote div {background: transparent !important;} .comments li[data-user="RaiderZ"] > blockquote a, .comments li[data-user="RaiderZ"] > blockquote .permalink {color:#fff !important;} .comments li[data-user="RaiderZ"] > blockquote a:hover {color:#bfb !important; text-decoration:none !important;}

/* TabberTab */ .tabberlive > ul.tabbernav > li { margin-right: 0.1em; } .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabberlive > ul.tabbernav > li:first-child { margin-left: -6px; } .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: 5px !important; }  .tabberlive .tabbertab { border-top: 1px solid #000 !important; border-bottom: 2px solid #000 !important; border-right: 2px solid #000 !important; border-left: 1px solid #000 !important; border-radius: 8px !important; padding: 2px 0.5em !important; } .tabbernav { background: none; border-bottom: 0 !important; padding: 2px 0 !important; } ul.tabbernav li a { background: #c6bfdb !important; -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border:1px solid #c6bfdb !important; color: black !important; font-size: 10px !important; font-weight: normal !important; margin-top: 0 !important; padding: 2px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #000 !important; border: 1px solid #000 !important; color: white !important; cursor: default; font-size: 11px !important; font-weight: bold !important; padding: 2px 0.5em !important; } ul.tabbernav li.tabberactive { line-height: 0 !important; } ul.tabbernav li.tabberactive:first-child a { margin-left: -6px !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }