MediaWiki:Vector.css: Difference between revisions
MediaWiki interface page
More actions
Technochips (talk | contribs) m quick stripe pattern change |
Technochips (talk | contribs) better table colors |
||
| (11 intermediate revisions by 3 users not shown) | |||
| Line 9: | Line 9: | ||
height:auto; | height:auto; | ||
line-height:49.4px; | line-height:49.4px; | ||
background- | } | ||
#mw-indicator-mw-helplink a .mw-helplink-icon { | |||
background-color: var(--color-base,#D2CDC8); | |||
} | } | ||
| Line 39: | Line 42: | ||
background-color:#D2CDC8; | background-color:#D2CDC8; | ||
color:black; | color:black; | ||
padding:0. | padding:0.01em 1em 1em 1em; | ||
border-radius:0 0 0 8px; | border-radius:0 0 0 8px; | ||
background-image:linear-gradient(rgba(0,0,0,0.5),transparent 10px); | background-image:linear-gradient(rgba(0,0,0,0.5),transparent 10px); | ||
| Line 50: | Line 53: | ||
body { | body { | ||
background-image: linear-gradient(rgba(0,0,0,0.5), transparent | background-image: linear-gradient(rgba(0,0,0,0.5),transparent 50%),repeating-linear-gradient(120deg,#292526,#292526 4px,#34312C 4px,#34312C 15px); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: | background-size: 100% 160px; | ||
background-color: #292526; | background-color: #292526; | ||
border-bottom: 2px solid #84756b; | |||
height: 160px; | |||
} | } | ||
| Line 63: | Line 68: | ||
} | } | ||
.vector-menu-tabs ul { | #p-logo { | ||
margin-bottom:12px; | |||
} | |||
.vector-menu-tabs-legacy ul { | |||
margin-left:-1px; | margin-left:-1px; | ||
} | } | ||
.vector-menu-tabs li { | .vector-menu-tabs-legacy li { | ||
background:none; | background:none; | ||
margin-right:0.25em; | margin-right:0.25em; | ||
| Line 73: | Line 82: | ||
} | } | ||
.vector-menu-tabs { | .vector-menu-tabs-legacy { | ||
background: none; | background: none; | ||
} | } | ||
.vector-menu-tabs li a,#mw-head .vector-menu-dropdown .vector-menu-heading { | .vector-menu-tabs-legacy li a,#mw-head .vector-menu-dropdown .vector-menu-heading { | ||
font-family:"TF2C Build","TF2 Build",sans-serif; | font-family:"TF2C Build","TF2 Build",sans-serif; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 93: | Line 102: | ||
} | } | ||
.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited { | .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited { | ||
background:#583A31; | background:#583A31; | ||
color:#D2CDC8; | color:#D2CDC8; | ||
} | } | ||
.vector-menu-tabs .mw-watchlink.icon a::before { | .vector-menu-tabs-legacy .mw-watchlink.icon a::before { | ||
top:0.3em; | top:0.3em; | ||
} | } | ||
| Line 113: | Line 122: | ||
top:0; | top:0; | ||
} | } | ||
.vector-menu-tabs .mw-watchlink.icon a { | .vector-menu-tabs-legacy .mw-watchlink.icon a { | ||
padding-top:29px; | padding-top:29px; | ||
width:31.7px; | width:31.7px; | ||
} | } | ||
.vector-menu-tabs .mw-watchlink.icon a span { | .vector-menu-tabs-legacy .mw-watchlink.icon a span { | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
.vector-menu-tabs .selected { | .vector-menu-tabs-legacy .selected { | ||
background:none; | background:none; | ||
} | } | ||
| Line 130: | Line 139: | ||
} | } | ||
.vector-menu-portal .vector-menu-heading { | .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | ||
color: #D2CDC8; | color: #D2CDC8; | ||
background:none; | background:none; | ||
| Line 136: | Line 145: | ||
} | } | ||
.vector-menu-portal .vector-menu-content li a,.mw-footer ul li a,#p-personal div ul li a { | .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,.mw-footer ul li a,#p-personal div ul li a { | ||
color:#e8d18c; | color:#e8d18c; | ||
} | } | ||
.vector-menu-portal .vector-menu-content li a:visited,.mw-footer ul li a:visited,#p-personal div ul li a:visited { | .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited,.mw-footer ul li a:visited,#p-personal div ul li a:visited { | ||
color:#ae9573; | color:#ae9573; | ||
} | } | ||
| Line 152: | Line 161: | ||
} | } | ||
.mw-footer li,.vector-menu-portal h3,.vector-menu-tabs li a,.vector-menu-dropdown .vector-menu-heading { | .mw-footer li,.vector-menu-portal h3,.vector-menu-tabs-legacy li a,.vector-menu-dropdown .vector-menu-heading { | ||
color:#D2CDC8; | color:#D2CDC8; | ||
} | } | ||
.vector-menu-tabs #ca-unwatch.icon a::before { | .vector-menu-tabs-legacy #ca-unwatch.icon a::before { | ||
background-image: url(/misc/unwatch.svg); | background-image: url(/misc/unwatch.svg); | ||
} | } | ||
.vector-menu-tabs #ca-watch.icon a::before { | .vector-menu-tabs-legacy #ca-watch.icon a::before { | ||
background-image: url(/misc/watch.svg); | background-image: url(/misc/watch.svg); | ||
} | } | ||
.vector-menu-tabs #ca-unwatch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:focus::before { | .vector-menu-tabs-legacy #ca-unwatch.icon a:hover::before, .vector-menu-tabs-legacy #ca-unwatch.icon a:focus::before { | ||
background-image: url(/misc/unwatch-hl.svg); | background-image: url(/misc/unwatch-hl.svg); | ||
} | } | ||
.vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-watch.icon a:focus::before { | .vector-menu-tabs-legacy #ca-watch.icon a:hover::before, .vector-menu-tabs-legacy #ca-watch.icon a:focus::before { | ||
background-image: url(/misc/watch-hl.svg); | background-image: url(/misc/watch-hl.svg); | ||
} | } | ||
| Line 177: | Line 186: | ||
@media screen { | @media screen { | ||
.toc,.toccolours,.catlinks,div.thumbinner { | .toc,.toccolours,.catlinks,div.thumbinner,.wikitable { | ||
background-color:#E5E0DC; | background-color:#E5E0DC; | ||
} | |||
.wikitable > * > tr > th { | |||
background-color: #583A31; | |||
color: #D2CDC8; | |||
} | } | ||
} | } | ||
| Line 195: | Line 208: | ||
background-color: #583A31; | background-color: #583A31; | ||
color: #D2CDC8; | color: #D2CDC8; | ||
margin: - | margin: -19.7px -14px 0 -14px; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
| Line 210: | Line 223: | ||
border-bottom: 0.2em dotted; | border-bottom: 0.2em dotted; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
} | |||
.mp-container | |||
{ | |||
background-color: #B3A9A2; | |||
border-radius: 8px; | |||
padding: 8px; | |||
display: inline-block; | |||
font-size: 16px; | |||
} | |||
.mp-classContainer | |||
{ | |||
background-color: #B3A9A2; | |||
border-radius: 8px; | |||
padding: 8px; | |||
display: flex; | |||
justify-content: space-around; | |||
font-size: clamp(8px, 1vw, 20px); | |||
text-align: center; | |||
} | } | ||