MediaWiki:Common.css

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

/* Site colors */ .theme-fandomdesktop-dark, .skin-oasis { --box-border-color: #FFFFFF; }

.theme-fandomdesktop-light { --box-border-color: var(--theme-page-text-color); }

/* Infobox customization stylesheet */

/* Main styling */ .portable-infobox { border: 1px solid #4e8fff; padding: 2px; font-size: smaller; } .portable-infobox, .portable-infobox .pi-image-collection-tab-content { background: transparent; } .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-size: 11px; }

/** Data customization **/ .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; color: #fff; background: #0055c9; font-weight: bold; border-color: transparent; padding: 4px; } .portable-infobox .pi-title { font-size: 16px; }

.portable-infobox .pi-image { color: #4e8fff; text-align: center; }

.portable-infobox .pi-caption { color: #fff; text-align: center; font-size: 9px; } .portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; } .portable-infobox .pi-data { padding: 4px; } .portable-infobox .pi-border-color { border-color: #0055c9; }

/** Image customization **/ .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: auto; padding: 2px ; color: #055278; font-weight: bold; text-align: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "|"; color: white; font-weight: normal; }

/** Navigation footer styling **/ .portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: #8b0000; padding: 4px; } .portable-infobox .pi-navigation a { color: #2c0df2; text-align: center; }

/* Character infobox styling */ .pi-theme-character { border-color: #ffd700; background: #141414; }

/* Chapter infobox styling - */ /*.pi-theme-chapter .pi-data-label { flex-basis: 120px; } .pi-theme-chapter .pi-navigation { background: transparent; border-top: 1px dotted #999; padding: 0; } .pi-theme-chapter .pi-navigation a { color: #cc960e; }

/* Tool infobox styling - */ /*.pi-theme-tool { border-color: #ffd700; } .pi-theme-tool .pi-title, .pi-theme-tool .pi-header, .pi-theme-tool .pi-navigation { background: #ffbf00; }

/* Fight infobox styling - */ /*.pi-theme-fight { border-color: #8b0000; } .pi-theme-fight .pi-title { font-size: 14px; line-height:21px; } .pi-theme-fight .pi-horizontal-group { text-align: left; } .pi-theme-fight .pi-data-value ol, .pi-theme-fight .pi-data-value ul { list-style-position: outside; margin-left: 2em; }

/* Location infobox styling - */ /*.pi-theme-location .pi-title, .pi-theme-location .pi-header { background: #008080; }

/* Item infobox styling - */ /*.pi-theme-item .pi-title, .pi-theme-item .pi-header { background: #cd9938; }

/* Media infobox styling */ /* - .pi-theme-volume */ /* - .pi-theme-arc */ /* - .pi-theme-saga */ .pi-theme-volume { border-color: #1c00ce; } .pi-theme-volume .pi-title /*.pi-theme-arc .pi-title, .pi-theme-saga .pi-title*/ { font-size: 14px; line-height:21px; } .pi-theme-volume .pi-data-label /*.pi-theme-saga .pi-data-label*/ { flex-basis: 120px; } .pi-theme-volume .pi-navigation /*.pi-theme-arc .pi-navigation, .pi-theme-saga .pi-navigation*/ { background: transparent; border-top: 1px dotted #6963ff; padding: 0; } .pi-theme-volume .pi-navigation a /*.pi-theme-arc .pi-navigation a, .pi-theme-saga .pi-navigation a*/ { color: #2c0df2; }

/* Simple infobox styling - */ /*.pi-theme-simple .pi-title, .pi-theme-simple .pi-header, .pi-theme-simple .pi-navigation { background: #8a4b08; }

/* Music infobox styling - */ /*.pi-theme-music .pi-title, .pi-theme-music .pi-header, .pi-theme-music .pi-navigation { background: #00796b; } .pi-theme-music .pi-title { font-size: 14px; line-height:21px; }

/* Group infobox styling - */ /*.pi-theme-group { border-color: #145530; } .pi-theme-group .pi-title, .pi-theme-group .pi-header, .pi-theme-group .pi-navigation { background: #2e8b57; }

/* Organization infobox styling - */ /*.pi-theme-org .pi-title, .pi-theme-org .pi-header, .pi-theme-org .pi-navigation { background: #5f23ae; }

/* Event infobox styling - */ /*.pi-theme-event { border-color: #8b0000; } .pi-theme-event .pi-title { font-size: 14px; line-height:21px; }*/

/* Centered infobox tabs*/ .portable-infobox .pi-image-collection-tabs { text-align: center; }

/* Tabber design */ .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: -3px; } .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: -3px !important; }

ul.tabbernav li a { text-align: center; font-size: 10px !important; color: #4E8FFF !important; font-size: 10px !important; font-weight: normal !important; padding: 2px 0.3em !important; position: relative; } ul.tabbernav li.tabberactive a { color: black !important; cursor: default; }

/* Template:Content Box */ .content-box { width: auto; background: transparent; padding: 10px; border: 3px solid var(--box-border-color); border-right: 0; border-left: 8px dashed var(--box-border-color); border-radius: 2px; margin: 10px 0; }

/* Template:Header */ .content-header { overflow: hidden; background-color: transparent; font-weight: bold; font-size: 150%; font-family: Arial; letter-spacing: 0.13px; line-height: 1; color: var(--box-border-color); text-transform: uppercase; padding: 5px 15px; border-bottom: 3px solid var(--box-border-color); border-left: 8px solid var(--box-border-color); border-radius: 2px; margin: 10px 0; }

/* Template:Scroll box */ .scrollbox { width: auto; height: 190px; overflow: auto; background: transparent; padding: 0.5em; border: 1px solid var(--box-border-color); margin-bottom: 3px; }