MediaWiki:Common.css

From Songs of Syx Wiki
Revision as of 16:43, 14 November 2021 by Zippy (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* To-do List Div Template */

.tododiv {
  font-size: 11px;
  background-color: #303;
  border-radius: 10px;
  line-height: 13px;
  padding: 2px;
  padding-left: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f;
  margin-top: 6px;
}

/* Vector Menu Portal - aka Sidebar */

.vector-menu-portal {
  background-color: #262644;
  font-size: 15px;
  border-radius: 10px;
  border: 1px solid #63619b;
  margin-bottom: 3px;
  filter: drop-shadow(-4px 5px 4px #00000091);
  border-left: 3px solid #63619b;
  border-bottom: 3px solid #63619b;
}

/* 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;
  margin-top: 6px;
}

/* 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: #99c1ff; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:hover {color: #b4d1ff; text-decoration: underline dotted #e8f1ff; margin-left: 7px;}
.vector-menu-portal .vector-menu-content li a:visited {color: #99c1ff; text-decoration: none;}
.vector-menu-portal .vector-menu-content li a:active {color: #cadfff; text-decoration: underline dotted white;}

.portal h3, .vector-menu-portal h3 {
  color: white;
  margin-left: 11px;
  padding-top: 1px;
}

.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;
}
Retrieved from "https://songsofsyx.com/wiki/index.php?title=MediaWiki:Common.css&oldid=5147"