MediaWiki:Common.css: Difference between revisions
From Median-XL
No edit summary Tag: Manual revert |
No edit summary |
||
Line 3: | Line 3: | ||
.pi-theme-median .pi-title { | .pi-theme-median .pi-title { | ||
background: # | background: #000000; | ||
color: #FFF; | color: #FFF; | ||
text-align: center; | text-align: center; |
Revision as of 19:50, 29 April 2024
/***** CSS placed here will be applied to all skins on the entire site. *****/ .pi-theme-median .pi-title { background: #000000; color: #FFF; text-align: center; vertical-align: middle; font-size: 16px; font-weight: bold; padding: 3px 5px; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; border-bottom-left-radius: .5em; -moz-border-bottom-left-radius: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; -moz-border-bottom-right-radius: .5em; -webkit-border-bottom-right-radius: .5em; } /* Outer table */ .pi-theme-median { background-color: #ffffff; border: 1px solid #5C3939; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; } /* Contents */ .pi-theme-median .pi-data { border: 1px solid #0A0101; background-color: #ffffff; vertical-align: middle; } .pi-theme-median .pi-header { color: #B7741C; border: 1px solid #5C3939; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; border-bottom-left-radius: .5em; -moz-border-bottom-left-radius: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; -moz-border-bottom-right-radius: .5em; -webkit-border-bottom-right-radius: .5em; text-align: center; vertical-align: middle; background: #540E0C; font-size: 13px; font-weight: bold; } .pi-theme-median .pi-group { border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; background-color: transparent; } .pi-theme-median .pi-data-label { color: #B7741C; text-align: right; background: #0A0101; vertical-align: middle; font-size: 11px; width: 28%; } .pi-theme-median .pi-data-value { background-color: #ffffff; text-align: left; vertical-align: middle; font-size: 11px; width: 72%; } .pi-theme-median .pi-item-spacing { padding: 1px; } /* Image */ .pi-theme-median .pi-image { text-align: center; vertical-align: middle; padding: 7px; background: #0A0101; } .pi-theme-median .pi-image-thumbnail { vertical-align: middle; margin: 0; padding: 0; right: 2px; left: -1px; top: 1px; position: relative; max-width: 290px; max-height: 400px; width: auto; height: auto; background: transparent; } .pi-theme-median .pi-caption { text-align: center; font-size: 10px; line-height: 15px; padding: 2px 1px 0; } /* No auto-hyphenation */ .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-caption, .portable-infobox .pi-data-value, .portable-infobox .pi-data-label { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; } /* ################################################## */ /* ### INFOBOXES (Template:Infobox) Red ### */ /* ################################################## */ .pi-theme-medianred .pi-title { background: #540E0C url(https://images.wikia.nocookie.net/median-xl/images/d/d1/WidgetBackground.jpg?1); color: #FFF; text-align: center; vertical-align: middle; font-size: 16px; font-weight: bold; padding: 3px 5px; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; border-bottom-left-radius: .5em; -moz-border-bottom-left-radius: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; -moz-border-bottom-right-radius: .5em; -webkit-border-bottom-right-radius: .5em; } /* Outer table */ .pi-theme-medianred { background-color: #1D0404; border: 1px solid #5C3939; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; } /* Contents */ .pi-theme-medianred .pi-data { border: 1px solid #0A0101; background-color: #1D0404; vertical-align: middle; } .pi-theme-medianred .pi-header { color: #B7741C; border: 1px solid #5C3939; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; border-bottom-left-radius: .5em; -moz-border-bottom-left-radius: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; -moz-border-bottom-right-radius: .5em; -webkit-border-bottom-right-radius: .5em; text-align: center; vertical-align: middle; background: #540E0C; font-size: 13px; font-weight: bold; } .pi-theme-medianred .pi-group { border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; background-color: transparent; } .pi-theme-medianred .pi-data-label { color: #B7741C; text-align: right; background: #0A0101; vertical-align: middle; font-size: 11px; width: 28%; } .pi-theme-medianred .pi-data-value { background-color: #ffffff; text-align: left; vertical-align: middle; font-size: 11px; width: 72%; } .pi-theme-medianred .pi-item-spacing { padding: 1px; } /* Image */ .pi-theme-medianred .pi-image { text-align: center; vertical-align: middle; padding: 7px; background: #1D0404; } .pi-theme-medianred .pi-image-thumbnail { vertical-align: middle; margin: 0; padding: 0; right: 2px; left: -1px; top: 1px; position: relative; max-width: 290px; max-height: 400px; width: auto; height: auto; background: transparent; } .pi-theme-medianred .pi-caption { text-align: center; font-size: 10px; line-height: 15px; padding: 2px 1px 0; } /**************************/ /*** NAVIGATION BOXES ***/ /**************************/ .navbox { background: #1D0404; border-collapse: separate; border: 1px solid #5C3939; font-size: 88%; padding: 0; text-align: left; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; width: 100%; } .navbox th { background: url("https://images.wikia.nocookie.net/median-xl/images/d/d1/WidgetBackground.jpg?1"); border:1px solid #5C3939; border-top-left-radius: .5em; -moz-border-top-left-radius: .5em; -webkit-border-top-left-radius: .5em; border-top-right-radius: .5em; -moz-border-top-right-radius: .5em; -webkit-border-top-right-radius: .5em; border-bottom-left-radius: .5em; -moz-border-bottom-left-radius: .5em; -webkit-border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; -moz-border-bottom-right-radius: .5em; -webkit-border-bottom-right-radius: .5em; text-align: center; } .navbox td { border: 1px solid #5C3939; } /* ################################################## */ /* ### PORTALS ### */ /* ################################################## */ /* Main header */ .va-portal-mainheader { margin: 5px auto; padding: 0; background: transparent; text-align: center; } .va-portal-mainheader td { padding: 2px; } /* Content boxes */ .va-portal-section { width: 100%; background: transparent; margin-top: 0px; margin-bottom: 5px; border: 1px solid #5C3939; box-shadow: 2px 2px 2px #5C3939; -moz-box-shadow: 2px 2px 2px #5C3939; -webkit-box-shadow: 2px 2px 2px #5C3939; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; } .va-portal-body { border: 1px solid #5C3939; background-color: #0A0101; padding: 3px 5px; vertical-align: top; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; } .va-portal-header { background: #540E0C url(https://images.wikia.nocookie.net/median-xl/images/d/d1/WidgetBackground.jpg?1); border: 1px solid #000; padding: 3px 5px; color: #FFF; height: 35px; font-size: 125%; font-weight: bold; text-align: left; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; } .va-portal-header-links { float: right; font-size: 80%; font-weight: normal; } /* Header - links */ .va-portal-header a:link, .va-portal-header a:visited, .va-portal-header a:hover, .va-portal-header a:active { color: #FFF !important; } .va-portal-header a.new { color: #F11 !important; } /* TOC */ .va-portal-toc { width: 100%; font-size: 95%; } .va-portal-toc td { vertical-align: top; padding: 0 5px; } .va-portal-toc p { font-weight: bold; border-bottom: 1px solid #5C3939; } /* Featured articles */ .va-portal-featuredarticle-footer { border-top: 1px solid #5C3939; clear: both; margin-top: 10px; text-align: right; } /* Intro - image buttons */ .va-portal-buttons { text-align: center; font-size: 95%; margin: 0 auto; width: 90%; } .va-portal-buttons th, .va-portal-buttons td { width: 20%; } .va-portal-buttons th { vertical-align: middle; font-weight: normal; padding-top: 3px; } .va-portal-buttons td { vertical-align: top; padding-bottom: 3px; white-space: nowrap; } /* Main footer */ .va-portal-mainfooter { background: transparent; margin: 10px auto; text-align: center; width: 1010px; padding: 0; border-collapse: collapse; } .va-portal-mainfooter table { margin: 0 auto; } .va-portal-mainfooter table th { font-variant: small-caps; font-weight: normal; padding: 0 5px; line-height: 16px; } .va-portal-mainfooter table td { font-size: smaller; border-top: 1px solid #5C3939; padding: 0 5px; } /* ################################################## */ /* ### TABLES ### */ /* ################################################## */ .va-table { background-color: #540E0C; border-collapse: collapse; empty-cells: show; font-size: 12px; line-height: 16px; margin-bottom: 5px; } .va-table > tr > td, .va-table > * > tr > td, .va-table > tr > th, .va-table > * > tr > th { border: 1px solid #5C3939; padding: 3px 4px; /*Horizontal and vertical spacing */ } /*Contents */ .va-table > tr > th, .va-table > * > tr > th { background-color: #1D0404; font-weight: bold; color: #B7741C; text-align: center; } /* Table header links */ .va-table th a { color: #B7741C; } .va-table th a:visited { color: #D28A36; } /* Collapse button */ .va-table .mw-collapsible-toggle a { color: #227915; } /* Adapting lists & paragraphs */ .va-table ul, .va-table ol, .va-table p { line-height: 16px; margin-bottom: 3; } .va-table ul, .va-table ol { margin-left: 20px; margin-top: 3; } .va-table p, .va-table * + ul, .va-table * + ol { margin-top: 3px; } .va-table ul li, .va-table ol li { margin-bottom: 3; } /* Highlighted rows */ .va-table > tr.va-table-highlight, .va-table > * > tr.va-table-highlight, .va-table > tr.va-table-highlight > th, .va-table > * > tr.va-table-highlight > th { background-color: #210505; } /* Tables with specific vertical alignment for cells */ .va-table-top > tr > td, .va-table-top > * > tr > td { vertical-align: top; } .va-table-middle > tr > td, .va-table-middle > * > tr > td { vertical-align: middle; } .va-table-bottom > tr > td, .va-table-bottom > * > tr > td { vertical-align: bottom; } /* Tables with specific horizontal alignment for cells/columns */ .va-table-center > tr > td, .va-table-center > * > tr > td, .va-table-center-col1 > * > tr > td:first-child, .va-table-center-col2 > * > tr > *:first-child + td, .va-table-center-col3 > * > tr > *:first-child + * + td, .va-table-center-col4 > * > tr > *:first-child + * + * + td, .va-table-center-col5 > * > tr > *:first-child + * + * + * + td, .va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td, .va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td, .va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .va-table-center-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .va-table-center-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .va-table-center-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .va-table-center-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: center; } .va-table-left > tr > td, .va-table-left > * > tr > td, .va-table-left-col1 > * > tr > td:first-child, .va-table-left-col2 > * > tr > *:first-child + td, .va-table-left-col3 > * > tr > *:first-child + * + td, .va-table-left-col4 > * > tr > *:first-child + * + * + td, .va-table-left-col5 > * > tr > *:first-child + * + * + * + td, .va-table-left-col6 > * > tr > *:first-child + * + * + * + * + td, .va-table-left-col7 > * > tr > *:first-child + * + * + * + * + * + td, .va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .va-table-left-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .va-table-left-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .va-table-left-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .va-table-left-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: left; } .va-table-right > tr > td, .va-table-right > * > tr > td, .va-table-right-col1 > * > tr > td:first-child, .va-table-right-col2 > * > tr > *:first-child + td, .va-table-right-col3 > * > tr > *:first-child + * + td, .va-table-right-col4 > * > tr > *:first-child + * + * + td, .va-table-right-col5 > * > tr > *:first-child + * + * + * + td, .va-table-right-col6 > * > tr > *:first-child + * + * + * + * + td, .va-table-right-col7 > * > tr > *:first-child + * + * + * + * + * + td, .va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .va-table-right-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .va-table-right-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .va-table-right-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .va-table-right-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: right; } /* Tables which are full width */ .va-table-full { width: 100%; } /* Tables which leave enough space for an infobox on the right */ .va-table-full-infobox { width: 800px; } /* Tables which are floated */ .va-table-float-left { clear: left; float: left; margin: 0 10px 10px 0; } .va-table-float-right { clear: right; float: right; margin: 0 0 10px 10px; } /* Table center aligned */ .va-table-auto { margin: auto; } /* Tables in which the first column starts with an icon */ .va-table-icon > tr > td:first-child, .va-table-icon > * > tr > td:first-child { padding-left: 18px; text-indent: -18px; } /* ################################################## */ /* ### Customizing Tabber ### */ /* ################################################## */ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #472020 !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #808080 !important; border: none !important; background: transparent !important; } .tabberactive a { color: yellow !important; background: #472020 !important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(71,32,32, 0.2) !important; } .tabbertab { border: none !important; padding: 0 !important; } /* End of Customizing Tabber */ /* Theme class styling */ .theme { background-color: var(--theme-page-background-color--secondary); } .theme-fandomdesktop-light .theme { background-color:#000000; }