MediaWiki:Vector.css: Difference between revisions
From MiiWiki
Jump to navigationJump to search
PanchamBro (talk | contribs) (making sidebar a little lighter) |
PanchamBro (talk | contribs) (fixing vector skin) |
||
Line 46: | Line 46: | ||
padding: .2em; | padding: .2em; | ||
} | } | ||
.vector-menu-portal .vector-menu-content { | |||
background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#FAFAFA 5px,#FAFAFA 10px),linear-gradient(to bottom,#FCFCFC,#E7E7E7); | background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#FAFAFA 5px,#FAFAFA 10px),linear-gradient(to bottom,#FCFCFC,#E7E7E7); | ||
border-radius: 10px; | border-radius: 10px; | ||
Line 124: | Line 124: | ||
border-radius: 0 0 0 10px; | border-radius: 0 0 0 10px; | ||
margin-top: -10px; | margin-top: -10px; | ||
padding-bottom: 3.5em; | |||
} | } | ||
Revision as of 10:46, 16 March 2022
/* All CSS here will be loaded for users of the Vector skin */ /* Vector body */ body { background: url(https://miiwiki.org/w/images/7/7a/MiiWiki_Background_Vector.png) top left fixed; background-color: #8C8C8C !important; background-blend-mode: screen !important; border-top-left-radius: 1em; border-bottom-left-radius: 1em; margin-top:0; } div#content { box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; } .skin-vector .mw-body { background-color: #CECCBD; background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); border-left: 2px solid #b5b5b5; background-blend-mode: screen; margin-top: 28px; border-top: 2px solid #b5b5b5; } .skin-vector-legacy .mw-body { background-color: #CECCBD; background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); border-left: 2px solid #b5b5b5; background-blend-mode: screen; margin-top: 0; border-top: 2px solid #b5b5b5; } #mw-page-base { background-color: #3db8f200; background-image: none; background-position: bottom left; height: 5em; } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: sans-serif; } /* Vector sidebar */ #mw-panel .vector-menu-portal { background: transparent; background-image: none; border-radius: 10px; margin: 0 0 5px; padding: .2em; } .vector-menu-portal .vector-menu-content { background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#FAFAFA 5px,#FAFAFA 10px),linear-gradient(to bottom,#FCFCFC,#E7E7E7); border-radius: 10px; padding-bottom: .3em; padding-left: 1.5em; margin: 0; padding-top: 7px; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; border: 2px solid #b5b5b5; } #mw-panel .vector-menu-portal h3 { color: #999; font-size: 1.2em; font-weight: bold; text-align: center; margin-left: -5px; } /* Vector tabs */ .vector-menu-tabs li a { border-left: 2px solid #b5b5b5; border-right: 2px solid #b5b5b5; border-top: 2px solid #b5b5b5; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #000; background: linear-gradient(#fff,#d2d2d2); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: #000; background: linear-gradient(#fff,#f6f5ee); border-left: 2px solid #b5b5b5; border-right: 2px solid #b5b5b5; border-top: 2px solid #b5b5b5; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-left: -1px; padding-bottom: 1.9em; } .vector-menu-dropdown { border-left: 2px solid #b5b5b5; border-right: 2px solid #b5b5b5; border-top: 2px solid #b5b5b5; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #000; background: linear-gradient(#fff,#d2d2d2); } .vector-menu-tabs .mw-watchlink.icon a { width: 2.15384615em; height: 0; padding: 2.90em 0 0 0; overflow: hidden; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background: none; } #mw-head .vector-menu-dropdown h3 { margin: 0 -1px -0.8px 0; } .vector-menu-tabs .selected { background: none; } .vector-menu-tabs li { background: none; } /* Vector footer */ #footer { background-color: #CECCBD; color: #fff; background-image: url(https://miiwiki.org/w/images/1/1f/MiiWiki_Page_Background.png); border-left: 2px solid #b5b5b5; border-bottom: 2px solid #b5b5b5; background-blend-mode: soft-light; margin-bottom: 5em; border-radius: 0 0 0 10px; margin-top: -10px; padding-bottom: 3.5em; } /* Vector search bar */ #searchInput { background: linear-gradient(#fff,#e3e3e3); border-color: #b5b5b5; border-width: 2px; border-radius: 15px; box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; }