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
better table colors
 
(19 intermediate revisions by 3 users not shown)
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 10: Line 9:
height:auto;
height:auto;
line-height:49.4px;
line-height:49.4px;
background-image: url(/misc/help.svg);
}
}
#firstHeading
 
{
#mw-indicator-mw-helplink a .mw-helplink-icon {
background-color: var(--color-base,#D2CDC8);
}
 
#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 21:
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 29:
color: #D2CDC8;
color: #D2CDC8;
}
}
#content
 
{
#content {
background-color:#583A31;
background-color:#583A31;
color:#D2CDC8;
color:#D2CDC8;
padding:0;
padding:0;
border:none;
border:none;
box-shadow:0 10px 10px rgba(0,0,0,0.5);
box-shadow:0 0px 10px rgba(0,0,0,0.5);
border-radius:8px 0 0 8px
border-radius:0 0 0 8px;
}
}
#bodyContent
 
{
#bodyContent {
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);
}
}
#contentSub, #contentSub2
 
{
#contentSub, #contentSub2 {
margin: 1em 0 1.4em 0;
margin: 1em 0 1.4em 0;
}
}
}
}
body
 
{
body {
background-color:#292526
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-size: 100% 160px;
background-color: #292526;
border-bottom: 2px solid #84756b;
height: 160px;
}
}
@media print
 
{
@media print {
body, #content
body, #content {
{
background-color: white;
background-color: white;
color: black;
color: black;
}
}
}
}
.vector-menu-tabs ul
 
{
#p-logo {
margin-left:1em
margin-bottom:12px;
}
 
.vector-menu-tabs-legacy ul {
margin-left:-1px;
}
}
.vector-menu-tabs li
 
{
.vector-menu-tabs-legacy 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-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 86: Line 94:
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
{
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-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;
}
}
.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:17px;
}
}
.vector-menu-dropdown h3::after
 
{
.vector-menu-dropdown h3::after {
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;
}
}
#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:none;
}
}
.vector-menu-portal .vector-menu-heading
 
{
.vector-legacy-sidebar .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-legacy-sidebar .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-legacy-sidebar .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-legacy 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-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);
}
}
.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,.wikitable {
.toccolours,
background-color:#E5E0DC;
.catlinks,
}
div.thumbinner
.wikitable > * > tr > th {
{
background-color: #583A31;
background-color:#E5E0DC
color: #D2CDC8;
}
}
}
}
pre, code, .mw-code {
pre, code, .mw-code {
background-color: #eaeaea;
background-color: #eaeaea;
color: #000;
color: #000;
border: 0px solid;
border: 0px solid;
}
.page-Main_Page .firstHeading
{
display: none;
}
.page-Main_Page .mp-topheader
{
background-color: #583A31;
color: #D2CDC8;
margin: -19.7px -14px 0 -14px;
padding-bottom: 5px;
}
.page-Main_Page .mp-topheader p
{
margin: 0;
}
.page-Main_Page .mp-topheader p:first-child
{
margin-top: 0.5em;
}
.page-Main_Page .mp-topheader p:last-child
{
border-bottom: 0.2em dotted;
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;
}
}