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

From Mine Blocks Wiki
Jump to navigation Jump to search
If you find a typo, inconsistency, or error, please sign up and help out the wiki! We can't do it without your help! :D Thank you!

 
Line 1: Line 1:
/* Changing the top links bar (with your profile, discussion, etc.) to make it cooler. ;P */
+
/* Body styles */
#p-personal {
+
.mw-body, #mw-panel .portal {
  background: #333 !important;
+
    background-color: #121212;
  width: 100% !important;
+
    color: rgba(255, 255, 255, 0.87);
  text-align: center !important;
+
    border: none;
  border-bottom: 1px solid #444 !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);
  position: fixed !important;
+
    font-family: 'Roboto', 'Arial', sans-serif;
  left: 0px !important;
 
  top: -0px !important;
 
  z-index: 1 !important;
 
 
}
 
}
  
#p-personal a {
+
/* Top tabbers */
color: #00EEEE !important;
+
.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;
 
}
 
}
  
#p-personal a:hover {
+
.vectorTabs span a {
color: #00FFFF !important;
+
    line-height: 12px;
 +
    padding: 14px;
 
}
 
}
  
/* Test */
+
.vectorTabs span a:hover {
#p-personal:after {
+
    background-color: rgba(255, 255, 255, 0.1);
content: 'mine blocks wiki' !important;
+
    height: 8px;
color: gray !importrant;
+
}
font-variant: caps-small !important;
+
 
text-align: right !important;
+
.menu li {
border-top: 2px solid gray !important;
+
    background-color: #1e1e1e;
border-bottom: 2px solid gray !important;
+
    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;
 
}
 
}

Latest revision as of 19: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;
}