MediaWiki:Common.css

From Songs of Syx Wiki
Revision as of 04:30, 9 June 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.
/* 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;
}

/* Round Div Templates */

.rounddiv {
  background-color: #313146;
  border-radius: 10px;
  padding: 6px;
  box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f;
}

/* 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;
}

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;
}

/* First Header */

.mw-body .firstHeading { 
  background-color: #393a62;
  border-radius: 30px;
  padding-left: 30px;
  border-bottom: 3px solid #1e1e3e;
  font-family: verdana;
  font-size: 27px;
}

/* Brackets in Headers */

.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-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: -20px;
}

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 #747393;
}

/* 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;
}

/* 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);
  padding: 3.5px;
  border-bottom: 2px dashed #69678c;
  border-top-left-radius: 5px;
  padding-left: 7px;
}

/* Table of Contents */
.toc, .mw-warning, .toccolours {
  background-color: #33324f;
}

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