Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Vector.css: Difference between revisions

MediaWiki interface page
m quick stripe pattern change
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-image: url(/misc/help.svg);
}
 
#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.25em 1em 1em 1em;
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, 164px, #84756b 164px),repeating-linear-gradient(120deg,#292526,#292526 4px,#34312C 4px,#34312C 15px);
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: auto 166px;
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: -23px -14px 0 -14px;
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;
}
}