MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(163 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* ++ THIS SECTION WILL ENCOMPASS THE DOC TEMPLATE ++ */ | |||
/* Figcaption */ | |||
.mw-content-ltr figure[typeof~="mw:File/Thumb"] > figcaption, .mw-content-ltr figure[typeof~="mw:File/Frame"] > figcaption { | |||
background-color: #2d2d44; | |||
padding: 6px; | |||
border: 1px solid #607ea4; | |||
} | |||
/* Figcaption Image */ | |||
figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a { | |||
background-color: #5858ae; | |||
} | |||
/* Links in the "More" dropdown list */ | |||
.vector-menu-dropdown .mw-list-item a { | |||
color: #a8c1ec; | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | |||
border-radius: 7px; | |||
border-color: #a5a4dbad; | |||
padding: 9px; } | |||
/* Unpatrolled Edits */ | |||
.unpatrolled {color: #ffff00;} | |||
/* Doc Entire Box */ | |||
.docbox { | |||
background: #34646f; | |||
border: 2px dashed #ffffff8c; | |||
border-radius: 10px; | |||
padding: 5px; | |||
padding-left: 10px; | |||
} | |||
/* Doc Template Headers */ | |||
.docheader { | |||
background-color: #50938c; | |||
border-radius: 7px; | |||
border-bottom: 4px solid #2a534f; | |||
padding-left: 10px; | |||
font-size: 17px; | |||
color: #fff; | |||
font-weight: bold; | |||
} | |||
/* Doc Entire Box (RED) */ | |||
.docbox2 { | |||
background: #6f3434; | |||
border: 2px dashed #ffd5d57d; | |||
border-radius: 10px; | |||
padding: 5px; | |||
padding-left: 10px; | |||
} | |||
/* Doc Template Headers (RED) */ | |||
.docheader2 { | |||
background-color: #bd5f5f; | |||
border-radius: 7px; | |||
border-bottom: 4px solid #511d1de6; | |||
padding-left: 10px; | |||
font-size: 17px; | |||
color: #fff; | |||
font-weight: bold; | |||
} | |||
/* ++ END OF DOC TEMPLATE SECTION ++ */ | |||
/* Editing a Protected page */ | |||
.mw-message-box-warning { | |||
background-color: #792828; | |||
border: 2px solid #bb7070; | |||
border-radius: 11px; | |||
color: white; | |||
} | |||
/* Good Article Icon */ | |||
.goodarticle { | |||
float: right; | |||
margin-top: -47px; | |||
margin-right: 8px; | |||
} | |||
/* Headlined Articles Icon */ | |||
.headlined { | |||
float: right; | |||
margin-top: -47px; | |||
margin-right: 42px; | |||
} | |||
/* Span RedirectFrom Text */ | |||
span.mw-redirectedfrom { | |||
font-size: 11px; | |||
} | |||
/* Subpages Link */ | |||
span.subpages { | |||
float: left; | |||
margin-top: -15px; | |||
font-size: 11px; | |||
} | |||
/* Textcrunch Div on the Main Page */ | |||
.textcrunch { | |||
line-height: 20px; | |||
} | |||
/* To-do List Div Template */ | |||
.tododiv { | |||
font-size: 11px; | |||
background-color: #393939; | |||
border-radius: 10px; | |||
margin: auto; | |||
text-align: center; | |||
line-height: 15px; | |||
padding: 2px; | |||
padding-left: 15px; | |||
padding-right: 15px; | |||
padding-top: 6px; | |||
padding-bottom: 6px; | |||
box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f; | |||
margin-top: 3px; | |||
margin-bottom: -32px; | |||
} | |||
/* Bubbled Text Template (Small Version) */ | |||
.bubblesmall { | |||
background-color: #5e5e5e; | |||
border-radius: 6px; | |||
padding: 2px; | |||
padding-left: 6px; | |||
padding-right: 6px; | |||
line-height: 18px; | |||
} | |||
.bubblesmall:hover { | |||
background-color: #5478a6; | |||
} | |||
.bubblesmall:active { | |||
background-color: #266464; | |||
} | |||
/* Vector Menu Portal - aka Sidebar */ | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | |||
color: #adc0ce; | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a { | |||
color: #9ec2ff; | |||
} | |||
.vector-menu-portal { | |||
background-color: #262644; | |||
font-size: 15px; | |||
border-radius: 10px; | |||
border: 1px solid #63619b; | |||
margin-bottom: 8px; | |||
filter: drop-shadow(-4px 5px 4px #00000091); | |||
border-left: 3px solid #63619b; | |||
border-bottom: 3px solid #63619b; | |||
} | |||
/* .vector-menu-portal was the original sidebar class */ | |||
.vector-menu-portal .vector-menu-heading { | |||
color: #c6cdd2; | |||
} | |||
/* 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 */ | /* Standard Images */ | ||
Line 10: | Line 230: | ||
.photoshop { | .photoshop { | ||
filter: contrast(100); | filter: contrast(100); | ||
} | |||
/* Colored Squares */ | |||
.colorsquare { | |||
margin-top: 4px; | |||
} | |||
.colorsquare2 { | |||
margin-top: 10px; | |||
} | } | ||
Line 26: | Line 256: | ||
/* Resource Navigation Template */ | /* Resource Navigation Template */ | ||
#navbar_links {box-shadow: 1px 1px 1px 1px #00000042;} | |||
#navbar_links a {color: #eee;} | #navbar_links a {color: #eee;} | ||
#navbar_links a:hover {color: #fff; text-shadow:13px 13px 10px #ffffff00, 1px 1px 10px #ccc;} | #navbar_links a:hover {color: #fff; text-shadow:13px 13px 10px #ffffff00, 1px 1px 10px #ccc;} | ||
Line 66: | Line 297: | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input { | .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input { | ||
border-radius: 10px; | border-radius: 10px; | ||
inset 0 0 0 1px #8383c1; | |||
} | } | ||
Line 92: | Line 324: | ||
ul.gallery { | ul.gallery { | ||
margin: 0. | margin: 0.5em 0 0 0.6em; | ||
padding: 7px; | padding: 7px; | ||
background-color: #25244440; | background-color: #25244440; | ||
border-radius: 10px; | border-radius: 10px; | ||
width: | width: 95%; | ||
} | } | ||
Line 104: | Line 336: | ||
background-color: #313146; | background-color: #313146; | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: | padding: 3px; | ||
padding-left: 15px; | |||
box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f; | box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f; | ||
margin-top: 6px; | |||
} | } | ||
Line 183: | Line 417: | ||
color: #fff; | color: #fff; | ||
background-color: #2d264f; | background-color: #2d264f; | ||
font-size: 11.5px; | |||
} | } | ||
Line 216: | Line 451: | ||
background-color: #313144; | background-color: #313144; | ||
border: 1px solid #6c6a9f; | border: 1px solid #6c6a9f; | ||
border-radius: 7px; | |||
} | } | ||
Line 250: | Line 486: | ||
.mw-body .mw-indicator { | .mw-body .mw-indicator { | ||
margin-right: 15px; | margin-right: 15px; | ||
margin-top: | margin-top: 6px; | ||
} | } | ||
Line 257: | Line 493: | ||
.mw-body .firstHeading { | .mw-body .firstHeading { | ||
background-color: #39384f; | background-color: #39384f; | ||
width: 98%; | |||
border-radius: 30px; | border-radius: 30px; | ||
padding-left: 30px; | padding-left: 30px; | ||
Line 305: | Line 542: | ||
hr { | hr { | ||
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb( | background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(161, 159, 191, 0.65) 50%, rgba(2,0,36,0) 100%) !important; | ||
} | } | ||
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 { | .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 { | ||
color: #fff; | 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; | |||
} | } | ||
Line 332: | Line 579: | ||
#footer-info li { | #footer-info li { | ||
color: #9997ce; | color: #9997ce; | ||
} | |||
.mw-footer { | |||
padding-left: 31px; | |||
font-size: 14px; | |||
} | } | ||
Line 368: | Line 620: | ||
#filetoc { | #filetoc { | ||
background-color: # | background-color: #232C39; | ||
border: 1px solid #67668e; | border: 1px solid #67668e; | ||
border-radius: 7px; | border-radius: 7px; | ||
Line 425: | Line 677: | ||
/* Broken or Inactive Link Colors */ | /* Broken or Inactive Link Colors */ | ||
a.new {color: # | a.new {color: #faa; text-decoration: none;} | ||
a.new:hover {color: #FFD3D3; text-decoration: underline dotted #ccc;} | a.new:hover {color: #FFD3D3; text-decoration: underline dotted #ccc;} | ||
a.new:visited {color: # | a.new:visited {color: #faa; text-decoration: none;} | ||
a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;} | a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;} | ||
.skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited { | |||
color: #faa; } | |||
.skin-vector-legacy a.new {color: #ffabab; text-decoration: none;} | |||
.skin-vector-legacy a.new:hover {color: #ffbcbc; text-decoration: underline dotted #ffdfdf;} | |||
.skin-vector-legacy a.new:visited {color: #ffabab; text-decoration: none;} | |||
.skin-vector-legacy a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;} | |||
#p-personal a.new {color: #ffabab; text-decoration: none;} | #p-personal a.new {color: #ffabab; text-decoration: none;} | ||
Line 445: | Line 705: | ||
.portal .body li a, .vector-menu-portal .body li a:active {color: white; 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: # | .vector-menu-portal .vector-menu-content li a {color: #99c1ff; text-decoration: none;} | ||
.vector-menu-portal .vector-menu-content li a:hover {color: # | .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: # | .vector-menu-portal .vector-menu-content li a:visited {color: #99c1ff; text-decoration: none;} | ||
.vector-menu-portal .vector-menu-content li a:active {color: | .vector-menu-portal .vector-menu-content li a:active {color: #cadfff; text-decoration: underline dotted white;} | ||
.portal h3, .vector-menu-portal h3 { | .portal h3, .vector-menu-portal h3 { | ||
color: # | 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%); | |||
} | } | ||
Line 473: | Line 739: | ||
/* Header Text */ | /* Header Text */ | ||
h2, h3, h4, h5, h6 {border-image: linear-gradient(to right,#9391d0d4,#908ecc0f) 1;} | |||
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 { | .mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 { | ||
Line 494: | Line 762: | ||
.mw-body-content h3 { | .mw-body-content h3 { | ||
font-size: | font-size: 16px; | ||
background: linear-gradient(to right,# | background: linear-gradient(to right,#38374f61 20%,transparent); | ||
padding-top: | padding-top: 1px; | ||
padding-bottom: 1px; | |||
padding-left: 13px; | padding-left: 13px; | ||
border-radius: 7px; | border-radius: 7px; | ||
margin-left: 6px; | |||
margin-bottom: 6px; | |||
} | } | ||
/* Table of Contents */ | /* Table of Contents */ | ||
.toc, .mw-warning, .toccolours { | .toc, .mw-warning, .toccolours { | ||
background-color: #3d3c57; | background-color: #3d3c57; | ||
Line 507: | Line 780: | ||
box-shadow: 1px 1px 1px black; | box-shadow: 1px 1px 1px black; | ||
border: 1px solid #5d5c84; | border: 1px solid #5d5c84; | ||
font-size: 87%; | |||
} | } | ||
Line 623: | Line 897: | ||
#catlinks { | #catlinks { | ||
background-color: #3b3a53; | |||
border-radius: 6px; | border-radius: 6px; | ||
border: 1px solid #2d3242; | border: 1px solid #2d3242; | ||
Line 648: | Line 922: | ||
#searchInput { | #searchInput { | ||
background-color: #231937; | background-color: #231937; | ||
color: # | color: #c6e4ff; | ||
font-size: 71%; | |||
font-family: Verdana; | |||
border-radius: 7px; | |||
border: 1px solid #496cae; | |||
} | } | ||
Line 655: | Line 933: | ||
pre, .mw-code { | pre, .mw-code { | ||
color: #fff; | color: #fff; | ||
font-size: 12px; | |||
background-color: #152b48; | background-color: #152b48; | ||
border-radius: 9px; | border-radius: 9px; | ||
box-shadow: 2px 2px 2px black; | box-shadow: 2px 2px 2px black; | ||
} | } |
Latest revision as of 17:45, 24 March 2024
/* ++ THIS SECTION WILL ENCOMPASS THE DOC TEMPLATE ++ */ /* Figcaption */ .mw-content-ltr figure[typeof~="mw:File/Thumb"] > figcaption, .mw-content-ltr figure[typeof~="mw:File/Frame"] > figcaption { background-color: #2d2d44; padding: 6px; border: 1px solid #607ea4; } /* Figcaption Image */ figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a { background-color: #5858ae; } /* Links in the "More" dropdown list */ .vector-menu-dropdown .mw-list-item a { color: #a8c1ec; } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { border-radius: 7px; border-color: #a5a4dbad; padding: 9px; } /* Unpatrolled Edits */ .unpatrolled {color: #ffff00;} /* Doc Entire Box */ .docbox { background: #34646f; border: 2px dashed #ffffff8c; border-radius: 10px; padding: 5px; padding-left: 10px; } /* Doc Template Headers */ .docheader { background-color: #50938c; border-radius: 7px; border-bottom: 4px solid #2a534f; padding-left: 10px; font-size: 17px; color: #fff; font-weight: bold; } /* Doc Entire Box (RED) */ .docbox2 { background: #6f3434; border: 2px dashed #ffd5d57d; border-radius: 10px; padding: 5px; padding-left: 10px; } /* Doc Template Headers (RED) */ .docheader2 { background-color: #bd5f5f; border-radius: 7px; border-bottom: 4px solid #511d1de6; padding-left: 10px; font-size: 17px; color: #fff; font-weight: bold; } /* ++ END OF DOC TEMPLATE SECTION ++ */ /* Editing a Protected page */ .mw-message-box-warning { background-color: #792828; border: 2px solid #bb7070; border-radius: 11px; color: white; } /* Good Article Icon */ .goodarticle { float: right; margin-top: -47px; margin-right: 8px; } /* Headlined Articles Icon */ .headlined { float: right; margin-top: -47px; margin-right: 42px; } /* Span RedirectFrom Text */ span.mw-redirectedfrom { font-size: 11px; } /* Subpages Link */ span.subpages { float: left; margin-top: -15px; font-size: 11px; } /* Textcrunch Div on the Main Page */ .textcrunch { line-height: 20px; } /* To-do List Div Template */ .tododiv { font-size: 11px; background-color: #393939; border-radius: 10px; margin: auto; text-align: center; line-height: 15px; padding: 2px; padding-left: 15px; padding-right: 15px; padding-top: 6px; padding-bottom: 6px; box-shadow: inset 0.5px 0.5px 0.5px #9a9ab380, 2px 2px 3px #0000004f; margin-top: 3px; margin-bottom: -32px; } /* Bubbled Text Template (Small Version) */ .bubblesmall { background-color: #5e5e5e; border-radius: 6px; padding: 2px; padding-left: 6px; padding-right: 6px; line-height: 18px; } .bubblesmall:hover { background-color: #5478a6; } .bubblesmall:active { background-color: #266464; } /* Vector Menu Portal - aka Sidebar */ .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { color: #adc0ce; } .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a { color: #9ec2ff; } .vector-menu-portal { background-color: #262644; font-size: 15px; border-radius: 10px; border: 1px solid #63619b; margin-bottom: 8px; filter: drop-shadow(-4px 5px 4px #00000091); border-left: 3px solid #63619b; border-bottom: 3px solid #63619b; } /* .vector-menu-portal was the original sidebar class */ .vector-menu-portal .vector-menu-heading { color: #c6cdd2; } /* 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 {box-shadow: 1px 1px 1px 1px #00000042;} #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; inset 0 0 0 1px #8383c1; } .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: 3px; 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; font-size: 11.5px; } .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: 6px; } /* First Header */ .mw-body .firstHeading { background-color: #39384f; width: 98%; 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(161, 159, 191, 0.65) 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; } .mw-footer { padding-left: 31px; font-size: 14px; } /* 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: #232C39; 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: #faa; text-decoration: none;} a.new:hover {color: #FFD3D3; text-decoration: underline dotted #ccc;} a.new:visited {color: #faa; text-decoration: none;} a.new:active {color: #ffdfdf; text-decoration: underline dotted #ccc;} .skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited { color: #faa; } .skin-vector-legacy a.new {color: #ffabab; text-decoration: none;} .skin-vector-legacy a.new:hover {color: #ffbcbc; text-decoration: underline dotted #ffdfdf;} .skin-vector-legacy a.new:visited {color: #ffabab; text-decoration: none;} .skin-vector-legacy a.new:active {color: #ffdfdf; text-decoration: underline dotted #ffdfdf;} #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 */ h2, h3, h4, h5, h6 {border-image: linear-gradient(to right,#9391d0d4,#908ecc0f) 1;} .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; font-size: 87%; } .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: #c6e4ff; font-size: 71%; font-family: Verdana; border-radius: 7px; border: 1px solid #496cae; } /* Pre/Code */ pre, .mw-code { color: #fff; font-size: 12px; background-color: #152b48; border-radius: 9px; box-shadow: 2px 2px 2px black; }