MediaWiki:Vector.css: Difference between revisions
MediaWiki interface page
More actions
m Trying to add a rule to make code blocks less eye-straining |
small formatting adjustments |
||
| Line 1: | Line 1: | ||
#mw-indicator-mw-helplink a | #mw-indicator-mw-helplink a { | ||
{ | |||
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif; | font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 12: | Line 11: | ||
background-image: url(/misc/help.svg); | background-image: url(/misc/help.svg); | ||
} | } | ||
#firstHeading | |||
{ | #firstHeading { | ||
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif; | font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 19: | Line 18: | ||
border-bottom:0.2em dotted; | border-bottom:0.2em dotted; | ||
} | } | ||
@media screen | |||
{ | @media screen { | ||
#firstHeading | #firstHeading { | ||
padding-left:0.3em; | padding-left:0.3em; | ||
margin-left:0.1em; | margin-left:0.1em; | ||
| Line 28: | Line 26: | ||
color: #D2CDC8; | color: #D2CDC8; | ||
} | } | ||
#content | |||
#content { | |||
background-color:#583A31; | background-color:#583A31; | ||
color:#D2CDC8; | color:#D2CDC8; | ||
| Line 35: | Line 33: | ||
border:none; | border:none; | ||
box-shadow:0 10px 10px rgba(0,0,0,0.5); | box-shadow:0 10px 10px rgba(0,0,0,0.5); | ||
border-radius:8px 0 0 8px | border-radius:8px 0 0 8px; | ||
} | } | ||
#bodyContent | |||
#bodyContent { | |||
background-color:#D2CDC8; | background-color:#D2CDC8; | ||
color:black; | color:black; | ||
padding:0.25em 1em 1em 1em; | padding:0.25em 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); | ||
} | } | ||
#contentSub, #contentSub2 | |||
#contentSub, #contentSub2 { | |||
margin: 1em 0 1.4em 0; | margin: 1em 0 1.4em 0; | ||
} | } | ||
} | } | ||
body | |||
{ | body { | ||
background-color:#292526 | background-color:#292526; | ||
} | } | ||
@media print | |||
{ | @media print { | ||
body, #content | body, #content { | ||
background-color: white; | background-color: white; | ||
color: black; | color: black; | ||
} | } | ||
} | } | ||
.vector-menu-tabs ul | |||
{ | .vector-menu-tabs ul { | ||
margin-left:1em | margin-left:1em; | ||
} | } | ||
.vector-menu-tabs li | |||
{ | .vector-menu-tabs li { | ||
background:none; | background:none; | ||
margin-right:0.25em; | margin-right:0.25em; | ||
padding-top:10px | padding-top:10px; | ||
} | } | ||
.vector-menu-tabs | |||
{ | .vector-menu-tabs { | ||
background: none; | background: none; | ||
} | } | ||
.vector-menu-tabs li a, | |||
#mw-head .vector-menu-dropdown .vector-menu-heading | .vector-menu-tabs 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 86: | Line 82: | ||
background:#1F1B1A; | background:#1F1B1A; | ||
background-image:none; | background-image:none; | ||
border-radius:8px 8px 0 0 | border-radius:8px 8px 0 0; | ||
} | } | ||
#mw-head .vector-menu-dropdown .vector-menu-heading | |||
{ | #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
padding-right: 24px; | padding-right: 24px; | ||
} | } | ||
.vector-menu-dropdown .vector-menu-heading::after | |||
{ | .vector-menu-dropdown .vector-menu-heading::after { | ||
background-image: url(/misc/arrow-down.svg); | background-image: url(/misc/arrow-down.svg); | ||
top: 0; | top: 0; | ||
} | } | ||
.vector-menu-tabs .selected a, | |||
.vector-menu-tabs .selected a:visited | .vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited { | ||
{ | |||
background:#583A31; | background:#583A31; | ||
color:#D2CDC8 | color:#D2CDC8; | ||
} | } | ||
.vector-menu-tabs .mw-watchlink.icon a::before | |||
{ | .vector-menu-tabs .mw-watchlink.icon a::before { | ||
top:0.3em | top:0.3em; | ||
} | } | ||
.vector-menu-dropdown | |||
{ | .vector-menu-dropdown { | ||
padding-top:10px | padding-top:10px; | ||
} | } | ||
#mw-head .vector-menu-dropdown .vector-menu-heading | |||
{ | #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
height:29px; | height:29px; | ||
} | } | ||
.vector-menu-dropdown h3::after | |||
{ | .vector-menu-dropdown h3::after { | ||
top:0 | top:0; | ||
} | } | ||
.vector-menu-tabs .mw-watchlink.icon a | .vector-menu-tabs .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 .mw-watchlink.icon a span { | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
.vector-menu-tabs .selected | |||
{ | .vector-menu-tabs .selected { | ||
background:none | background:none; | ||
} | } | ||
#mw-page-base | |||
{ | #mw-page-base { | ||
background:linear-gradient(rgba(0,0,0,0.5),transparent 75%,#292526),repeating-linear-gradient(115deg,transparent,transparent 5px,#34312C 5px,#34312C 16px) | background:linear-gradient(rgba(0,0,0,0.5),transparent 75%,#292526),repeating-linear-gradient(115deg,transparent,transparent 5px,#34312C 5px,#34312C 16px); | ||
} | } | ||
.vector-menu-portal .vector-menu-heading | |||
{ | .vector-menu-portal .vector-menu-heading { | ||
color: #D2CDC8; | color: #D2CDC8; | ||
background:none; | background:none; | ||
border-bottom:0.2em dotted; | border-bottom:0.2em dotted; | ||
} | } | ||
.vector-menu-portal .vector-menu-content li a, | |||
.mw-footer ul li a, | .vector-menu-portal .vector-menu-content li a,.mw-footer ul li a,#p-personal div 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, | .vector-menu-portal .vector-menu-content li a:visited,.mw-footer ul li a:visited,#p-personal div ul li a:visited { | ||
#p-personal div ul li a:visited | color:#ae9573; | ||
{ | |||
color:#ae9573 | |||
} | } | ||
#p-personal div ul li a.new | |||
{ | #p-personal div ul li a.new { | ||
color:#dd3333 | color:#dd3333; | ||
} | } | ||
#p-personal div ul li a.new:visited | |||
{ | #p-personal div ul li a.new:visited { | ||
color:#a55858 | color:#a55858; | ||
} | } | ||
.mw-footer li, | |||
.vector-menu-portal h3, | .mw-footer li,.vector-menu-portal h3,.vector-menu-tabs li a,.vector-menu-dropdown .vector-menu-heading { | ||
.vector-menu-tabs li a, | color:#D2CDC8; | ||
.vector-menu-dropdown .vector-menu-heading | |||
{ | |||
color:#D2CDC8 | |||
} | } | ||
.vector-menu-tabs #ca-unwatch.icon a::before | |||
{ | .vector-menu-tabs #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 #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 #ca-unwatch.icon a:hover::before, .vector-menu-tabs #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 #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-watch.icon a:focus::before { | ||
background-image: url(/misc/watch-hl.svg); | background-image: url(/misc/watch-hl.svg); | ||
} | } | ||
.vector-menu-dropdown .vector-menu-content | |||
{ | .vector-menu-dropdown .vector-menu-content { | ||
top: 39px; | top: 39px; | ||
} | } | ||
@media screen | |||
{ | @media screen { | ||
.toc, | .toc,.toccolours,.catlinks,div.thumbinner { | ||
background-color:#E5E0DC; | |||
background-color:#E5E0DC | |||
} | } | ||
} | } | ||
pre, code, .mw-code { | pre, code, .mw-code { | ||
background-color: #eaeaea; | background-color: #eaeaea; | ||