MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 527: | Line 527: | ||
.portal h3, .vector-menu-portal h3 { | .portal h3, .vector-menu-portal h3 { | ||
color: #ccc7e3; | color: #ccc7e3; | ||
} | |||
.vector-menu-portal h3 { | |||
background-image: linear-gradient(to right,rgba(135, 160, 191, 0) 0,#5180bb 33%,#587caa 66%,rgba(200,204,209,0) 100%); | |||
} | } | ||
Revision as of 23:29, 26 August 2021
/* Vector Menu Portal - aka Sidebar */
.vector-menu-portal {
background-color: #2e2e429c;
border-radius: 10px;
}
/* Tabs */
.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-3:checked ~ .tabs-container .tabs-content-3, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 {
padding: 6px;
}
.tabs-tabbox > .tabs-label {
background-color: #5f5d97;
}
.tabs-tabbox:hover > .tabs-label:hover {
background-color: #6c6aac;
}
.tabs-tabbox > .tabs-container {
border: 1px solid #8A7F9F;
border-bottom: 3px solid #7A78A6 !important;
border-right: 3px solid #7A78A6 !important;
background-color: #41405b;
}
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: #474580;
border: 1px solid #9fa1f4;
border-bottom: #00000000; /* none */
}
/* Active Filter Selector */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
margin: 6px;
color: #2e284d;
}
/* Traitbar Colors (Default) */
.traitbar {
background-color: #23110b;
border: 0px solid #23110b;
}
/* Admin Link Test */
a[href="/wiki/User:Zippy"] {
color: orange;
}
/* Standard Images */
#imagefix {
padding-top: 10px;
margin-bottom: -10px;
}
/* Experimental Photoshop Template */
.photoshop {
filter: contrast(100);
}
/* Colored Squares */
.colorsquare {
margin-top: 4px;
}
.colorsquare2 {
margin-top: 10px;
}
/* Helpful Links */
#bubble_link a {color: #ffbf00;}
#bubble_link a:hover {color: #ffe495; text-decoration: underline dotted #ffe495;}
#bubble_link a:visited {color: #ffbf00;}
#bubble_link a:active {color: #fff4d4; text-decoration: underline dotted #fff4d4;}
#bubble_link a.new {color: #ffabab; text-decoration: none;}
#bubble_link a.new:hover {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
#bubble_link a.new:visited {color: #ffabab; text-decoration: none;}
#bubble_link a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
/* Resource Navigation Template */
#navbar_links a {color: #eee;}
#navbar_links a:hover {color: #fff; text-shadow:13px 13px 10px #ffffff00, 1px 1px 10px #ccc;}
#navbar_links a:visited {color: #eee;}
#navbar_links a:active {color: #fff;}
#navbar_links a.new {color: #ffabab; text-decoration: none;}
#navbar_links a.new:hover {color: #ffdfdf; text-decoration: underline dotted #ffdfdf; text-shadow:0px 0px 0px #f00, 0px 0px 0px #ccc;}
#navbar_links a.new:visited {color: #ffabab; text-decoration: none;}
#navbar_links a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;}
/* Redirect Links (disabled)
.mw-body-content a.mw-redirect {color: #ffc005; text-decoration: none;}
.mw-body-content a.mw-redirect:hover {color: #ffd557; text-decoration: none;}
.mw-body-content a.mw-redirect:visited {color: #ffc005; text-decoration: none;}
.mw-body-content a.mw-redirect:Active {color: #ffc005; text-decoration: none;} */
/* Image List Page Controls */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: #b0bbd2;
}
/* Recent Changes - Active Filters Box */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #283d53;
border-radius: 13px;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border: 0px solid #00000000;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: #3b4f60;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
border-radius: 10px;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #a7caee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: #e2edf9;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
border-radius: 14px;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-cell-filters div.oo-ui-tagMultiselectWidget-group {
background-color: #4b6f95;
border-radius: 11px;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: white;
}
/* Gallery Area */
ul.gallery {
margin: 0.5em 0 0 0.6em;
padding: 7px;
background-color: #25244440;
border-radius: 10px;
width: 95%;
}
/* Round Div Templates */
.rounddiv {
background-color: #313146;
border-radius: 10px;
padding: 6px;
padding-left: 15px;
box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f;
}
/* Block User Page */
.oo-ui-labelWidget.oo-ui-inline-help {
color: #c3c2e6;
}
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
color: #dddcf0;
}
/* Custom Cursor */
body {
cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}
#wpDestFile, #wpUploadDescription, #wpLicense {
cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}
a:hover {
cursor: url('https://songsofsyx.com/wiki/images/6/6f/Sos_dark.png'), pointer;
}
input[type="button"] {
cursor: url('https://i.imgur.com/lyt5e4l.png'), pointer;
}
vector-menu-tabs ul {
margin-left: -1px;
}
.vector-menu-tabs li a {
cursor: url('https://songsofsyx.com/wiki/images/6/6f/Sos_dark.png'), pointer;
height: 39px !important;
}
span#basic-tooltip {
cursor: url('https://songsofsyx.com/wiki/images/9/9f/Sos_help.png'), pointer;
}
/* pre {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
#wpDestFile, #wpUploadDescription, #wpLicense {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
input {
background-color: #444444;
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
label {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
.mw-editform #wpTextbox1 {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */
/* The main body stuff */
body {
background-color: #444362;
}
#contentSub, #contentSub2 {
color: #fff;
}
code {
color: #fff;
background-color: #2d264f;
}
.editOptions {
color: #fff;
background-color:#474766;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
box-shadow: inset 0 0 0 1px #c8c8c8;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
color: #fff;
background-color: #35354a;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
color: #fff;
background-color: #15304a;
}
/* Search Results */
.mw-search-result-data {
color: #b0f092;
font-size: 49%;
}
/* Gallery */
li.gallerybox div.thumb {
background-color: #313144;
border: 1px solid #6c6a9f;
border-radius: 7px;
}
div.gallerytext {
font-size: 85%;
}
/* Custom Cursor */
p {
cursor: url('https://songsofsyx.com/wiki/images/e/ee/Sos_normal.png'), pointer;
}
/* span.editHelp {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tbody {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
tr {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
}
td {
cursor: url('https://i.imgur.com/yIb6jE0.png'), text;
} */
/* File Upload Text Boxes */
#wpDestFile, #wpUploadDescription, #wpLicense {
color: #fff;
background-color: #2d264f;
}
.mw-body .mw-indicator {
margin-right: 15px;
margin-top: 2px;
}
/* First Header */
.mw-body .firstHeading {
background-color: #39384f;
border-radius: 30px;
padding-left: 30px;
border-bottom: 3px solid #202037;
font-family: verdana;
font-size: 26px;
text-shadow: -2px 2px 0px #0000004f, 0px 0px 6px #0000;
}
/* Brackets in Headers */
.mw-editsection a {
letter-spacing: 0px !important;
}
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
color: #b0afc4;
}
.mw-editsection-divider {
color: #8a8999;
}
/* Drop box that has the word "more" in it. */
.vector-menu-dropdown h3 {
color: #fff;
}
.vector-menu-dropdown .vector-menu-content-list {
background-color: #474664
}
.vector-menu-dropdown li a {
color: #eee;
}
/* Preview/Warning Box */
.warningbox {
color: #fff;
background-color: #ac1616;
border: 2px dashed #d26363;
padding: 10px;
}
/* HR */
hr {
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(146, 142, 215) 50%, rgba(2,0,36,0) 100%) !important;
}
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
color: #fff;
}
.mw-body-content h4 {
font-size: 108%;
margin-top: -1px;
margin-left: 14px;
padding-left: 7px;
background-image: linear-gradient(to right,#38374f42 20%,transparent);
border-radius: 20px;
padding-top: 1px;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
color: #62618c;
}
/* Recent Changes Abbr */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
color: #b4b3e1;
background-color: #38384f;
}
/* Bullet Point List */
ul {
list-style-image: none;
}
/* Update Footer */
#footer-info li {
color: #9997ce;
}
/* Upload File Fields */
fieldset {
border: 2px solid #3d3c55;
}
/* Thumbs and Captions */
.mw-content-ltr .thumbcaption {
background-color: #2a1a55;
color: #fff;
}
div.thumbinner {
border: 1px solid #9391bb;
background-color: #3e3260;
margin-bottom: -10px;
}
html .thumbimage {
border: 1px solid #51565b;
background-color: #2f2f42;
}
/* Main Edit Text Box */
.mw-editform #wpTextbox1 {
background-color: #37374f;
color: #fff;
}
/* File Upload Options Box */
#filetoc {
background-color: #20334F;
border: 1px solid #67668e;
border-radius: 7px;
padding: 2px;
font-size: 87%;
}
/* Expandable File Metadata Box */
.mw_metadata td {
background-color: #2c3b4a;
border: 1px solid #3c6491;
}
.mw_metadata th {
background-color: #1e2b37;
}
.mw_metadata td, .mw_metadata th {
border: 1px solid #6a7077;
}
/* List of Uploaded Images Table */
.mw-datatable th {
background-color: #22593a;
}
.mw-datatable td {
background-color: #0f2b1b;
border: 1px solid #446233;
}
.mw-datatable td:hover {
background-color: #000;
}
.mw-datatable th:hover {
background-color: #114829;
}
/* Link colors */
a {color: #c0dfff; text-decoration: none;}
a:hover {color: #eaf4ff; text-decoration: underline dotted #eaf4ff;}
a:visited {color: #c1dfff; text-decoration: none;}
a:active {color: #fff; text-decoration: underline dotted #fff;}
/* External Links */
.mw-parser-output a.extiw, .mw-parser-output a.external {color: #97dd91; text-decoration: none;}
.mw-parser-output a.extiw, .mw-parser-output a.external:hover {color: #b9ddb6; text-decoration: underline dotted #fff;}
.mw-parser-output a.extiw, .mw-parser-output a.external:visited {color: #97dd91; text-decoration: none;}
.mw-parser-output a.extiw, .mw-parser-output a.external:active {color: #c4ecc1; text-decoration: underline dotted #fff;}
/* Broken or Inactive Link Colors */
a.new {color: #ffabab; text-decoration: none;}
a.new:hover {color: #FFD3D3; text-decoration: underline dotted #ccc;}
a.new:visited {color: #ffabab; text-decoration: none;}
a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;}
#p-personal a.new {color: #ffabab; text-decoration: none;}
#p-personal a.new:hover {color: #ffabab; text-decoration: underline dotted #ccc;}
#p-personal a.new:visited {color: #ffabab; text-decoration: none;}
#p-personal a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;}
/* Top of the page that has the gradient... */
#mw-page-base {background-image: linear-gradient(to bottom,#302f40 50%,#444362 100%);}
/* Sidebar Colors */
.portal .body li a, .vector-menu-portal .body li a {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:hover {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:visited {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:active {color: white; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a {color: #c9deff; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:hover {color: #e8f1ff; text-decoration: underline dotted #e8f1ff;}
.vector-menu-portal .vector-menu-content li a:visited {color: #dbe0e8; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:active {color: white; text-decoration: underline dotted white;}
.portal h3, .vector-menu-portal h3 {
color: #ccc7e3;
}
.vector-menu-portal h3 {
background-image: linear-gradient(to right,rgba(135, 160, 191, 0) 0,#5180bb 33%,#587caa 66%,rgba(200,204,209,0) 100%);
}
/* More Sidebar Stuff */
#p-logo {
margin-bottom: 0em;
margin-top: -5px;
}
/* The actual inner body of the wiki pages, where the content is. */
.mw-body {
background-color: #58577d;
color: #fff;
border: 1px solid #323148;
border-left: 3px solid #313046;
border-bottom: 2px solid #313046;
border-bottom-left-radius: 20px;
}
/* Header Text */
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 {
color: #fff;
font-family: Arial;
}
.mw-body-content h2 {
background-image: linear-gradient(to right,#38374fa3 70%,transparent);
font-size: 18.5px;
letter-spacing: 0.6px;
padding: 3.5px;
border-bottom: 1px solid #706e99;
border-top-left-radius: 20px;
padding-left: 14px;
}
.mw-body-content h2:hover {
background-color: linear-gradient(to right,#43425ea3 70%,transparent);
}
.mw-body-content h3 {
font-size: 16px;
background: linear-gradient(to right,#38374f61 20%,transparent);
padding-top: 1px;
padding-bottom: 1px;
padding-left: 13px;
border-radius: 7px;
margin-left: 6px;
margin-bottom: 6px;
}
/* Table of Contents */
.toc, .mw-warning, .toccolours {
background-color: #3d3c57;
border-radius: 4px;
box-shadow: 1px 1px 1px black;
border: 1px solid #5d5c84;
}
.toctogglelabel {
color: #cdccd7;
}
.tocnumber {
color: #fff;
}
/* Wikitables */
.wikitable {
background-color: #111d28;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #000;
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: #283b62;
color: #f0f0f0;
}
.wikitable:hover > tr:hover > th:hover, .wikitable:hover > * > tr:hover > th:hover {
background-color: #344c7d;
color: #f0f0f0;
}
.wikitable > * > tr > td {
background-color: #4b618a;
color: #fff;
}
.wikitable:hover > * > tr:hover > td:hover {
background-color: #5c729b;
color: #fff;
}
/* Zippy's Custom "Specialtable" */
.specialtable > tr > th, .specialtable > tr > td, .specialtable > * > tr > th, .specialtable > * > tr > td {
border: 1px solid #000;
}
.specialtable > tr > th, .specialtable > * > tr > th {
background-color: #3f5c95;
color: #fff;
}
.specialtable > * > tr > td {
background-color: #6d88bb;
color: #fff;
}
/* Vector Tabs */
.vector-menu-tabs li {
/* background-image: linear-gradient(to top,#77c1f6 0,#58577d 1px,#302f4000 100%); */
background-image: linear-gradient(to bottom,rgb(32, 31, 43) 0,#58577d 70%);
height: 37px;
border-left: 4px solid #313046 !important;
border-top: 4px solid #313046;
}
/* BACKUP two lines below... in case of... mistakes... */
.vector-menu-tabs li {
/* background-image: linear-gradient(to top,#77c1f6 0,#58577d 1px,#302f4000 100%); */
background-image: linear-gradient(to bottom,rgb(48,47,64) 0,#58577d 70%);
height: 37px;
border-left: 4px solid #25242b;
border-top: 4px solid #58577d;
}
.vector-menu-tab .selected {
background-color: #0000 !important;
}
.vector-menu-tabs .selected {
background: #0000 !important;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
background-color: #58577d;
color: #fff;
padding-top: 13px;
background-image: linear-gradient(to bottom,rgb(48,47,64) 0,#58577d 70%);
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background-image: linear-gradient(to bottom,rgb(37, 36, 45) 0,#4d4c6c 70%);
margin-left: -1px;
}
.vector-menu-tabs a {
background-repeat: round;
}
/* .vector-menu-tabs a */
.vector-menu-tabs li a {color: #c2d3f0; text-decoration: none;}
.vector-menu-tabs li a:hover {color: #fff; text-decoration: underline dotted #c2d3f0;}
.vector-menu-tabs li a:visited {color: #c2d3f0; text-decoration: none;}
.vector-menu-tabs li a:active {color: #fff; text-decoration: underline dotted #fff;}
.vector-menu-tabs .new a {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:hover {color: #FFD3D3; text-decoration: underline dotted #FFD3D3;}
.vector-menu-tabs .new a:visited {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:active {color: #fff; text-decoration: underline dotted #fff;}
/* Category Box */
#catlinks {
background-color: #3b3a53;
border-radius: 6px;
border: 1px solid #2d3242;
box-shadow: 1px 1px 1px #000000b3;
}
/* Page History */
#pagehistory li.selected {
background-color: #474666;
color: #e8eff7;
}
.mw-plusminus-pos {
color: #1cf41c;
}
.mw-plusminus-neg {
color: #ffc6c6;
}
/* Search Box */
#searchInput {
background-color: #231937;
color: #fff;
}
/* Pre/Code */
pre, .mw-code {
color: #fff;
background-color: #152b48;
border-radius: 9px;
box-shadow: 2px 2px 2px black;
}