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 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 {
.toccolours,
background-color:#E5E0DC;
.catlinks,
div.thumbinner
{
background-color:#E5E0DC
}
}
}
}
pre, code, .mw-code {
pre, code, .mw-code {
background-color: #eaeaea;
background-color: #eaeaea;