Difference between revisions of "User:Tobias Alcaraz/common.css"

Revision as of 18:52, 26 April 2020

/* Body styles */
.mw-body, #mw-panel .portal {
    background-color: #121212;
    color: rgba(255, 255, 255, 0.87);
    border: none;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
    font-family: 'Roboto', 'Arial', sans-serif;
}

/* Top tabbers */
.vectorTabs, .vectorTabs li.selected, .vectorTabs ul li, .vectorMenu, .vectorMenu h3 span {
    background-image: none;
    background-color: #1e1e1e;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto', 'Arial', sans-serif;
    color: #3ea6ff;
    font-size: 14px;
    height: 36px;
}

.vectorTabs span a {
    line-height: 12px;
    padding: 14px;
}

.vectorTabs span a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    height: 8px;
}

.menu li {
    background-color: #1e1e1e;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}

ul.menu {
    border: none !important;
    box-shadow: 
}

#mw-head .vectorMenu h3 {
    line-height: 8px;
}

#mw-head .vectorMenu h3 span {
    font-size: 14px !important;
}

.vectorTabs li.selected {
    border-bottom: 2px solid currentcolor;
}

.vectorTabs a {
    text-decoration: none;
}

/* Search bar */


/* High-emphasised elements */
h1, h2, h3, h4, h5, h6, #mw-panel .portal h3 {
    color: white;
}

h1.firstHeading, .mw-body-content h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Links */
a, #mw-panel .portal, .toctogglelabel {
    color: #3ea6ff !important;
}

/* Footer */
#footer ul li {
    color: rgba(255, 255, 255, 0.6);
}

/* Table of contents */
.toc {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    box-shadow: none;
}

.toc h2 {
    border-bottom: none;
}

.tocnumber {
    color: rgba(255, 255, 255, 0.87);
}

#pagehistory li {
    color: rgba(255, 255, 255, 0.87);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

#pagehistory li:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#pagehistory li.selected {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.87);
    border: none;
}

.mw-plusminus-neg {
    color: #CF6679;
}

.mw-plusminus-pos {
    color: #6acf67;
}

/* Infobox */
.infobox {
    border: none !important;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}

.infobox tr:not(:first-child) {
    background-color: rgba(255, 255, 255, 0.09);
}

.infobox table, .infobox table td {
    background: transparent !important;
}

/* Code tags */
code {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
}

/* Tables */
table.wikitable {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    display: table;
    font-family: "Roboto", "Arial", sans-serif;
    border-collapse: collapse;
    table-layout: fixed;
    vertical-align: middle;
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.87);
}

.wikitable tr th {
    background-color: rgba(255, 255, 255, 0.05);
    border: none;
}

.wikitable tr td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0;
    padding: 0;
}

.wikitable th {
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 56px;
}

/* Category module */
.catlinks {
    background: rgba(255, 255, 255, 0.09);
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}

/* Scrollbar */
::-webkit-scrollbar {
    background-color: #000;
}

::-webkit-scrollbar-thumb {
    background-color: #2A2A2A; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: #3A3A3A;
}

::-webkit-scrollbar-thumb:active {
    background-color: #1A1A1A;
}