MediaWiki:Vector.css: Difference between revisions
From MiiWiki
Jump to navigationJump to search
PanchamBro (talk | contribs) (modifications to the page background for the Vector skin and Vector tabs) |
PanchamBro (talk | contribs) (fixing vector skin) |
||
(16 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
/* Vector body */ | /* Vector body */ | ||
body { | body { | ||
background: url(https://cdn.miiwiki.org/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; | |||
} | } | ||
.mw-body { | 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://cdn.miiwiki.org/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-color: #CECCBD; | ||
background-image: url(https://miiwiki.org | background-image: url(https://cdn.miiwiki.org/1/1f/MiiWiki_Page_Background.png); | ||
border-left: 2px solid #b5b5b5; | border-left: 2px solid #b5b5b5; | ||
background-blend-mode: screen; | background-blend-mode: screen; | ||
margin-top: 0; | |||
border-top: 2px solid #b5b5b5; | |||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
Line 25: | Line 40: | ||
/* Vector sidebar */ | /* Vector sidebar */ | ||
#mw-panel .vector-menu-portal { | #mw-panel .vector-menu-portal { | ||
background: | background: transparent; | ||
background-image: none; | background-image: none; | ||
border-radius: 10px; | border-radius: 10px; | ||
Line 31: | Line 46: | ||
padding: .2em; | padding: .2em; | ||
} | } | ||
.vector-menu-portal .vector-menu-content { | |||
background: linear-gradient(# | background: repeating-linear-gradient(180deg,transparent ,transparent 5px,#FAFAFA 5px,#FAFAFA 10px),linear-gradient(to bottom,#FCFCFC,#E7E7E7); | ||
border-radius: 10px; | border-radius: 10px; | ||
padding-bottom: .3em; | padding-bottom: .3em; | ||
Line 38: | Line 53: | ||
margin: 0; | margin: 0; | ||
padding-top: 7px; | padding-top: 7px; | ||
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; | |||
border: 2px solid #b5b5b5; | |||
} | } | ||
.vector-menu-portal .vector-menu-heading { | |||
color: #999; | |||
color: # | font-size: 1.2em; | ||
font-weight: bold; | |||
text-align: center; | |||
margin-left: -5px; | |||
} | } | ||
Line 52: | Line 72: | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
color: #000; | color: #000; | ||
background: linear-gradient(#fff,# | background: linear-gradient(#fff,#d2d2d2); | ||
} | } | ||
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | ||
color: #000; | color: #000; | ||
background: linear-gradient(#fff,# | background: linear-gradient(#fff,#f6f5ee); | ||
border-left: 2px solid #b5b5b5; | border-left: 2px solid #b5b5b5; | ||
border-right: 2px solid #b5b5b5; | border-right: 2px solid #b5b5b5; | ||
Line 63: | Line 83: | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
margin-left: -1px; | margin-left: -1px; | ||
padding-bottom: 1.9em; | |||
} | } | ||
.vector-menu-dropdown { | .vector-menu-dropdown { | ||
Line 71: | Line 92: | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
color: #000; | color: #000; | ||
background: linear-gradient(#fff,# | background: linear-gradient(#fff,#d2d2d2); | ||
} | } | ||
.vector-menu-tabs .mw-watchlink.icon a { | .vector-menu-tabs .mw-watchlink.icon a { | ||
Line 83: | Line 104: | ||
} | } | ||
#mw-head .vector-menu-dropdown h3 { | #mw-head .vector-menu-dropdown h3 { | ||
margin: 0 -1px - | margin: 0 -1px -0.8px 0; | ||
} | } | ||
.vector-menu-tabs .selected { | .vector-menu-tabs .selected { | ||
Line 94: | Line 115: | ||
/* Vector footer */ | /* Vector footer */ | ||
#footer { | #footer { | ||
background-color: #b5b5b5; | background-color: #CECCBD; | ||
color: #fff; | |||
background-image: url(https://cdn.miiwiki.org/1/1f/MiiWiki_Page_Background.png); | |||
border-left: 2px solid #b5b5b5; | |||
border-bottom: 2px solid #b5b5b5; | |||
background-blend-mode: soft-light; | |||
margin-bottom: 5em; | margin-bottom: 5em; | ||
border-radius: 0 0 0 10px; | border-radius: 0 0 0 10px; | ||
margin-top: -10px; | margin-top: -10px; | ||
padding-bottom: 3.5em; | |||
} | } | ||
/* Vector search bar */ | /* Vector search bar */ | ||
#searchInput { | #searchInput { | ||
background- | background: linear-gradient(#fff,#e3e3e3); | ||
border-color: # | border-color: #b5b5b5; | ||
border-width: 2px; | border-width: 2px; | ||
border-radius: 15px; | border-radius: 15px; | ||
box-shadow: rgba(0,0,0,0.15) 0 0.1em 0.75em; | |||
} | } |
Latest revision as of 17:41, 4 November 2022
/* All CSS here will be loaded for users of the Vector skin */ /* Vector body */ body { background: url(https://cdn.miiwiki.org/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://cdn.miiwiki.org/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://cdn.miiwiki.org/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; } .vector-menu-portal .vector-menu-heading { 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://cdn.miiwiki.org/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; }