MediaWiki:Vector.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will affect users of the Vector skin */


body {
    font-family: 'Droid Sans', sans-serif;
    font-weight: 400;
    color: #dddddd;
    background-image: url(https://starsonata.com/img/front/blog_test_background_bright.jpg);
    background-size: cover;
    background-attachment: fixed;
}

div.vectorTabs ul li {
    background: rgb(100 100 100 / 30%);
}
div.vectorTabs li.selected {
    background: rgb(100 100 100 / 10%);
    background-image: none;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
    color: #dddddd!important;
}

div.vectorMenu div.menu {
    background-color: rgb(0 0 0 / 20%);
}

div.vectorMenu h3 span {
    color: #dddddd;
}

#mw-page-base {
    height: 5em;
    background-image: unset!important;
    background-color: rgb(0 0 0 / 80%);
}

.mw-body {
    color: #dddddd;
    border: 0px;
}

div#mw-panel div.portal h3 {
    color: #dddddd;
}

h1, h2, h3, h4, h5, h6 {
    color: #dddddd;
}

.mw-body a {
    color: #cabd90;
}

div#footer ul li {
    color: #dddddd;
}

#catlinks {
    background-color: rgb(0 0 0 / 80%);
}

.editOptions {
    background-color: rgb(0 0 0 / 20%);
}

table.wikitable {
    color: #dddddd;
    background-color: rgb(0 0 0 / 20%);
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: rgb(0 0 0 / 20%);
}

div.thumbinner {
    border: 1px solid grey;
    background-color: rgb(0 0 0 / 20%);
}

li.gallerybox div.thumb {
    border: 1px solid grey;
    background-color: rgb(0 0 0 / 20%);
}


div#mw-panel div.portal div.body ul li a:visited {
    color: #cabd90;
}

#content {
    background-color: rgba(0, 0, 0, 0.8)!important;
    margin-right:0px!important;
}


a, a:link, a:link, a:visited, a:hover{
    color: #cabd90;
    text-decoration: none;
}

a:active {
    font-weight: bold;
    color: #dddddd;
}

div#mw-panel div.portal div.body ul li a {
    color: #cabd90;
}

div#mw-panel div.portal div.body ul li a:hover{
    color: #cabd90;
}