« MediaWiki:Vector.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (Fixed part of the tabs) |
(copied from en:MediaWiki:Vector.css) |
||
(4 versions intermédiaires par un autre utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* CSS placed here will affect users of the Vector skin */ | |||
color:# | body { | ||
background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/d/d4/S2_background_stripe_pattern.svg"); | |||
background-repeat: repeat; | |||
} | |||
/* Styles the account information box in the top right corner */ | |||
#p-personal { | |||
background-color: white; | |||
top: -0.09em; | |||
margin-right: 4em; | |||
padding: 2px 12px 2px 0; | |||
border-radius: 2px 2px 10px 10px; | |||
border-style: solid; | |||
border-color: #AADC00; | |||
border-width: 2px; | |||
} | } | ||
#p- | |||
/* Tab stuff */ | |||
nav.vectorTabs, | |||
nav.vectorMenu h3#p-cactions-label, | |||
#left-navigation .vector-menu-content a, | |||
#right-navigation .vector-menu-content a { | |||
background-image: none; | |||
} | } | ||
div# | |||
height: | nav#p-namespaces li, | ||
margin-top:0. | nav#p-views li, | ||
nav#p-cactions div { | |||
background-color: #f3f3f3; | |||
background-image: none; | |||
border-radius: 0.95em 0.95em 0 0; | |||
height: 1.9em; | |||
line-height: 1px; | |||
margin-right: 0.15em; | |||
margin-top: 0.5em; | |||
border-style: dashed dashed solid dashed; | |||
border-color: #aadc00; | |||
border-width: 1px; | |||
min-width: 30px; | |||
} | } | ||
top: | #ca-unwatch.icon a, | ||
#ca-watch.icon a { | |||
padding-top: 21px; | |||
padding-bottom: 21px; | |||
padding-left: 24px; | |||
margin-top: -5px; | |||
width: 68px; | |||
} | } | ||
#ca-unwatch.icon a { | |||
width: 82px; | |||
} | } | ||
div. | |||
background- | div#mw-head div.vectorMenu h3 { | ||
background: #fff; | |||
height: 28px; | |||
margin-top: 0.6em; | |||
border-style: dashed dashed solid dashed; | |||
border-color: #aadc00; | |||
border-width: 1px; | |||
border-radius: 10px 10px 0 0; | |||
margin-left: 0.1em; | |||
margin-right: 0.4em; | |||
} | } | ||
div. | |||
div.vectorMenu h3 span { | |||
padding-top: 6px; | |||
} | } | ||
#left-navigation { | |||
margin-left: 11em; | |||
margin- | |||
} | } | ||
#right-navigation { | #right-navigation { | ||
margin-right:4em; | margin-right: 4em; | ||
overflow: visible; | |||
display: inline; | |||
} | } | ||
#p-logo{ | |||
left:-1em; | #p-logo { | ||
left: -1em; | |||
margin-top: -185px; | margin-top: -185px; | ||
margin-left: -15px; | margin-left: -15px; | ||
} | } | ||
div#mw-page-base { | div#mw-page-base { | ||
background-image: | background-image: none; | ||
background-color:rgba(255,255,255,0); | background-color: rgba(255,255,255,0); | ||
opacity:0; | opacity: 0; | ||
} | } | ||
#mw-panel { | #mw-panel { | ||
background-color:white; | background-color: white; | ||
max-width: | max-width: 8em; | ||
margin-left:0.8em; | margin-left: 0.8em; | ||
margin-top: 11em; | margin-top: 11em; | ||
padding:1em | padding: 1em 0.5em 1em 0em; | ||
border-style:solid; | border-style: solid; | ||
border-color:#AADC00; | border-color: #AADC00; | ||
border-width:2px 2px 2px 10px; | border-width: 2px 2px 2px 10px; | ||
border-radius:2px; | border-radius: 2px; | ||
} | |||
.mw-body { | |||
border-style: solid; | |||
border-color: #AADC00; | |||
border-width: 1px 2px 0 2px; | |||
margin-left: 11em; | |||
margin-right: 5em; | |||
} | |||
.mw-body h1, .mw-body h2, .mw-body #firstHeading { | |||
font-family: sans-serif; | |||
} | |||
/* ink splotches on headers */ | |||
.mw-body h1, | |||
.mw-body h2 { | |||
position: relative; | |||
} | |||
/* ::before element is needed for opacity */ | |||
.mw-body h1::before, | |||
.mw-body h2::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
opacity: .6; | |||
z-index: -1; | |||
background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png); | |||
background-repeat: no-repeat; | |||
} | |||
.mw-body h1::before { background-position: 95% -2.5%; } /* green */ | |||
.mw-body h2:nth-of-type(6n-5)::before { background-position: 95% 20%; } /* purple */ | |||
.mw-body h2:nth-of-type(6n-4)::before { background-position: 95% 40%; } /* blue */ | |||
.mw-body h2:nth-of-type(6n-3)::before { background-position: 95% 60%; } /* orange */ | |||
.mw-body h2:nth-of-type(6n-2)::before { background-position: 95% 80%; } /* pink */ | |||
.mw-body h2:nth-of-type(6n-1)::before { background-position: 95% 100%; } /* cyan */ | |||
.mw-body h2:nth-of-type(6n)::before { background-position: 95% 0%; } /* green */ | |||
#toc h2::before { background: none; } /* prevent splotches from showing on table of contents header */ | |||
#firstHeading {z-index: 0; } /* fix splotch not showing on title header */ | |||
#footer { | |||
background-color: white; | |||
background-image: url("//cdn.wikimg.net/splatoonwiki/images/b/b4/Featured-bg.png"); | |||
border-style: solid; | |||
border-color: #AADC00; | |||
border-width: 1px 2px 1px 2px; | |||
margin-right: 5em; | |||
margin-bottom: 5em; | |||
border-radius: 0 0 10px 10px; | |||
} | } | ||
Ligne 87 : | Ligne 164 : | ||
/* Better "More" menu */ | /* Better "More" menu */ | ||
.vectorMenu h3{ | .vectorMenu h3{ | ||
border-radius:0.95em 0.95em 0 0 !important; | border-radius:0.95em 0.95em 0 0 !important; | ||
Ligne 123 : | Ligne 197 : | ||
padding-right:5px; | padding-right:5px; | ||
-webkit-transition: background | -webkit-transition: background-color 100ms linear; | ||
-ms-transition: background-color 100ms linear; | |||
transition: background-color 100ms linear; | |||
-ms-transition: | |||
transition: | |||
} | } | ||
#simpleSearch:hover{ | #simpleSearch:hover{ | ||
background-color:#ffffff; | background-color:#ffffff; | ||
border-color:transparent; | /* border-color:transparent; */ | ||
} | |||
#searchInput{ | |||
border:none; | |||
} | } | ||
#simpleSearch | #searchInput:focus, #simpleSearch:hover #searchInput:focus{ | ||
-webkit-box-shadow:none; /* Disables blue border when focused */ | |||
box-shadow:none; | |||
} | } | ||
#searchButton{ | #searchButton{ | ||
top:1px | top:1px; | ||
right:5px; | |||
} | } |
Dernière version du 16 novembre 2020 à 01:11
/* CSS placed here will affect users of the Vector skin */ body { background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/d/d4/S2_background_stripe_pattern.svg"); background-repeat: repeat; } /* Styles the account information box in the top right corner */ #p-personal { background-color: white; top: -0.09em; margin-right: 4em; padding: 2px 12px 2px 0; border-radius: 2px 2px 10px 10px; border-style: solid; border-color: #AADC00; border-width: 2px; } /* Tab stuff */ nav.vectorTabs, nav.vectorMenu h3#p-cactions-label, #left-navigation .vector-menu-content a, #right-navigation .vector-menu-content a { background-image: none; } nav#p-namespaces li, nav#p-views li, nav#p-cactions div { background-color: #f3f3f3; background-image: none; border-radius: 0.95em 0.95em 0 0; height: 1.9em; line-height: 1px; margin-right: 0.15em; margin-top: 0.5em; border-style: dashed dashed solid dashed; border-color: #aadc00; border-width: 1px; min-width: 30px; } #ca-unwatch.icon a, #ca-watch.icon a { padding-top: 21px; padding-bottom: 21px; padding-left: 24px; margin-top: -5px; width: 68px; } #ca-unwatch.icon a { width: 82px; } div#mw-head div.vectorMenu h3 { background: #fff; height: 28px; margin-top: 0.6em; border-style: dashed dashed solid dashed; border-color: #aadc00; border-width: 1px; border-radius: 10px 10px 0 0; margin-left: 0.1em; margin-right: 0.4em; } div.vectorMenu h3 span { padding-top: 6px; } #left-navigation { margin-left: 11em; } #right-navigation { margin-right: 4em; overflow: visible; display: inline; } #p-logo { left: -1em; margin-top: -185px; margin-left: -15px; } div#mw-page-base { background-image: none; background-color: rgba(255,255,255,0); opacity: 0; } #mw-panel { background-color: white; max-width: 8em; margin-left: 0.8em; margin-top: 11em; padding: 1em 0.5em 1em 0em; border-style: solid; border-color: #AADC00; border-width: 2px 2px 2px 10px; border-radius: 2px; } .mw-body { border-style: solid; border-color: #AADC00; border-width: 1px 2px 0 2px; margin-left: 11em; margin-right: 5em; } .mw-body h1, .mw-body h2, .mw-body #firstHeading { font-family: sans-serif; } /* ink splotches on headers */ .mw-body h1, .mw-body h2 { position: relative; } /* ::before element is needed for opacity */ .mw-body h1::before, .mw-body h2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; z-index: -1; background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png); background-repeat: no-repeat; } .mw-body h1::before { background-position: 95% -2.5%; } /* green */ .mw-body h2:nth-of-type(6n-5)::before { background-position: 95% 20%; } /* purple */ .mw-body h2:nth-of-type(6n-4)::before { background-position: 95% 40%; } /* blue */ .mw-body h2:nth-of-type(6n-3)::before { background-position: 95% 60%; } /* orange */ .mw-body h2:nth-of-type(6n-2)::before { background-position: 95% 80%; } /* pink */ .mw-body h2:nth-of-type(6n-1)::before { background-position: 95% 100%; } /* cyan */ .mw-body h2:nth-of-type(6n)::before { background-position: 95% 0%; } /* green */ #toc h2::before { background: none; } /* prevent splotches from showing on table of contents header */ #firstHeading {z-index: 0; } /* fix splotch not showing on title header */ #footer { background-color: white; background-image: url("//cdn.wikimg.net/splatoonwiki/images/b/b4/Featured-bg.png"); border-style: solid; border-color: #AADC00; border-width: 1px 2px 1px 2px; margin-right: 5em; margin-bottom: 5em; border-radius: 0 0 10px 10px; } /*================================================== Interface improvements by FunPL ==================================================*/ /*=NAVIGATION=*/ /* Better "More" menu */ .vectorMenu h3{ border-radius:0.95em 0.95em 0 0 !important; padding-bottom:2px !important; } .vectorMenu h3 span:after{ top:6px !important; } .vectorMenu span{ top:2px; } .vectorMenu .menu{ border-radius: 0 0 10px 10px; left:1.5px; min-width:86.5%; } .vectorMenu .menu ul{ position:relative; left:-1px; } /* Better search */ #simpleSearch{ background:#f3f3f3; bottom:3px; border-radius:0.95em 0.95em 0 0; border-style: dashed dashed solid dashed !important; border-width:1px; border-color:#aadc00; padding-bottom:4px; padding-top:4px; padding-left:5px; padding-right:5px; -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } #simpleSearch:hover{ background-color:#ffffff; /* border-color:transparent; */ } #searchInput{ border:none; } #searchInput:focus, #simpleSearch:hover #searchInput:focus{ -webkit-box-shadow:none; /* Disables blue border when focused */ box-shadow:none; } #searchButton{ top:1px; right:5px; }