CosmicSky

MediaWiki:Vector.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 11: Line 11:




 
/* Your existing page layout styles */
 
body:not(.page-Main_Page) .mw-body {
body:not(.page-Main_Page) .mw-body {
     margin-left: 15vw !important; /* Scalable left margin */
     margin-left: 15vw !important;
     margin-right: 15vw !important; /* Scalable right margin */
     margin-right: 15vw !important;
     padding: 1em !important;
     padding: 1em !important;
     border: 0px solid #250b2d !important;
     border: 0px solid #250b2d !important;
     margin-top: 1em !important;
     margin-top: 1em !important;
     background-color: rgba(51, 51, 51, 0.9) !important; /* Background with slight transparency */
     background-color: rgba(51, 51, 51, 0.9) !important;
     color: #c1c1c1 !important;
     color: #c1c1c1 !important;
     direction: ltr !important;
     direction: ltr !important;
}
}


/* Specific style for the header to make it distinct */
/* Existing header style */
body:not(.page-Main_Page) .vector-header-container {
body:not(.page-Main_Page) .vector-header-container {
     background-color: rgba(0, 0, 0, 0.7) !important; /* Darker overlay with transparency */
     background-color: rgba(0, 0, 0, 0.7) !important;
     padding-bottom: 1em !important;
     padding-bottom: 1em !important;
}
}


/* Adjust space below action buttons */
/* New TOC styling */
body:not(.page-Main_Page) #mw-content-text {
body:not(.page-Main_Page) #toc {
     margin-top: 1em !important;
    position: fixed;
    top: 10em;
    right: 15vw;
    width: 12vw;
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid #c1c1c1;
    padding: 1em;
    z-index: 1000;
    color: #c1c1c1;
    overflow-y: auto;
     max-height: 80vh;
}
}


/* Reduce space slightly between top bar and content */
/* Adjust for pages without TOC */
body:not(.page-Main_Page) #mw-head-base {
body:not(.page-Main_Page) .mw-body {
     margin-bottom: 1em !important;
     margin-right: 20vw !important; /* Extra space for the TOC */
}
}


/* Styles for the Main Page to reset margins and background */
/* Style TOC links */
body.page-Main_Page .mw-body {
body:not(.page-Main_Page) #toc a {
     margin-left: 10em !important; /* Keep the left margin */
     color: #c1c1c1 !important;
    margin-right: 0 !important;  /* Remove the right margin */
    border: none !important;      /* Remove border */
    background-color: transparent !important; /* Default background */
}
}


body:not(.page-Main_Page) #toc a:hover {
    color: #ffffff !important;
}




Revision as of 21:22, 21 November 2024

/* Darklands 2.1     */
/* Updated June 2024 */
/* A dark, low-contrast Vector theme for wikipedia                      */
/* see User:Dialectric/common.css for css to hide specific UI elements */
/* screenshots at https://en.wikipedia.org/wiki/User:Dialectric       */
/* please leave comments or suggestions on my wikipedia talk page    */

/* Apply these styles to all pages except the main page */




/* Your existing page layout styles */
body:not(.page-Main_Page) .mw-body {
    margin-left: 15vw !important;
    margin-right: 15vw !important;
    padding: 1em !important;
    border: 0px solid #250b2d !important;
    margin-top: 1em !important;
    background-color: rgba(51, 51, 51, 0.9) !important;
    color: #c1c1c1 !important;
    direction: ltr !important;
}

/* Existing header style */
body:not(.page-Main_Page) .vector-header-container {
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding-bottom: 1em !important;
}

/* New TOC styling */
body:not(.page-Main_Page) #toc {
    position: fixed;
    top: 10em;
    right: 15vw;
    width: 12vw;
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid #c1c1c1;
    padding: 1em;
    z-index: 1000;
    color: #c1c1c1;
    overflow-y: auto;
    max-height: 80vh;
}

/* Adjust for pages without TOC */
body:not(.page-Main_Page) .mw-body {
    margin-right: 20vw !important; /* Extra space for the TOC */
}

/* Style TOC links */
body:not(.page-Main_Page) #toc a {
    color: #c1c1c1 !important;
}

body:not(.page-Main_Page) #toc a:hover {
    color: #ffffff !important;
}














#mw-panel .portal h3 {
    color: #f7eac3 !important;  /* Replace with your desired color */
    font-weight: bold !important;  /* Makes the text bold */
    border-bottom: 2px solid #e4b731 !important;  /* Change the color and thickness of the bar */
}

h1,h2,h3,h4,h5,h6{color:#c1c1c1}
#ca-talk { display:none!important; }
#ca-nstab-main { display: none !important; }

#ca-view { display: none !important; }

#footer-places-privacy { display: none; }
#footer-places-about { display: none; }
#footer-places-disclaimers { display: none; }
#footer-places-poweredby { display: none; }


body.mw-anonuser #ca-history {
    display: none !important;
}

.mw-wiki-logo:hover {
    filter: brightness(0.8);
    -webkit-animation: none;
}

.page-header h1.firstHeading {
    display: none;
}

body.mw-anonuser #ca-view {
    display: none !important;
}

body.mw-anonuser #ca-viewsource {
    display: none !important;
}


body.mw-anonuser #ca-login {
    display: none !important;
}


.mw-ui-button {    
 background-color: #212121 !important;
 border: 2px solid #333333 !important;
 outline: none !important;
 text-align: center;
 cursor: pointer;
}

.mw-ui-button:hover {
    border-color: #eceada !important;
}

hr{color:#222}

.editOptions{background-color:#333;border-color:#4c4c4c}

input,textarea{background-color:#4c4c4c;border-color:#4c4c4c;color:#c1c1c1}

a,.mw-body a.external,.mw-body a.extiw{color:#66D9EF}

a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{color:#8a7f6c}
a.new,#p-personal a.new{color:#d44}
ul{list-style-image:none}
div.thumbinner,.catlinks{background-color:#4c4c4c;border-color:#666}
#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#4c4c4c;border-color:#666}
#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#4c4c4c;border-color:#666}
code{border:none;background-color:inherit;color:inherit}
code{border:none;background-color:inherit;color:inherit}
//LINES HERE
//
table.diff{background-color:#4c4c4c}
table.diff{background-color:#4c4c4c}
td .diffchange{color:#4c4c4c}
#pagehistory li.selected,td.diff-context{background-color:inherit;color:inherit}

div#mw-head div.vectorMenu h3 span{color:#66D9EF}
div.vectorMenu h3 a{background:inherit}
div.vectorMenu ul{background-color:black;border:solid 1px #0c0c0c}
div.vectorMenu li a{color:#66D9EF}
div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{color:#8a7f6c;text-decoration:none}
div.vectorMenu#p-cactions div.menu{border-color:#666}
div.vectorMenu#p-cactions ul{border:0;background-color:#4c4c4c}
#mw-navigation div#mw-panel div.portal{background-image:none;border-top:1px solid #4c4c4c}
#mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation{border-top:none}

html{font-size:110%}
html,body{height:100%;margin:0;padding:0;font-family:sans-serif}


html, body {
    background-image: url('https://wiki.cosmicsky.net/images/thumb/4/48/BackgroundThree.png/1600px-BackgroundThree.png?20240916194629') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    height: 100% !important; /* Ensures the background covers the full height */
}

/* Ensure the main content area is transparent so the background image is visible */
#content {
    background: transparent !important;
}

.mw-body{margin-left:10em;padding:1em;border:1px solid #250b2d;border-right-width:0;margin-top:-1px;background-color:#333;color:#c1c1c1;direction:ltr}
.mw-body .mw-editsection,.mw-body .mw-editsection-like{font-family:sans-serif}
.mw-body p{line-height:inherit;margin:.5em 0}
.mw-body h1,.mw-body h2,.mw-body #firstHeading{font-family:Georgia,Times,serif;line-height:1.3;margin-bottom:.25em;padding:0}
.mw-body h1,.mw-body #firstHeading{font-size:1.8em}
.mw-body h2{font-size:1.5em;margin-top:1em}
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6{line-height:1.6;margin-top:.3em;margin-bottom:0;padding-bottom:0}
.mw-body h3{font-size:1.17em}
.mw-body h3,.mw-body h4{font-weight:bold}
.mw-body h4,.mw-body h5,.mw-body h6{font-size:100%}
.mw-body #toc h2,.mw-body .toc h2{font-size:100%;font-family:sans-serif}

.vector-header-container{
background-color: #020a13 !important;
}

.mw-page-container {
 background-color: #000 !important;
}

.vector-feature-zebra-design-disabled body {
    background-color: #020a13;
}

pre,.mw-code{line-height:1.3em}
#siteNotice{font-size:.8em}
.redirectMsg img{vertical-align:text-bottom}
.mw-body-content{position:relative;line-height:1.6;font-size:.875em}

div.vectorTabs{float:left;height:2.5em;background-position:bottom left;background-repeat:no-repeat;padding-left:1px}
div.vectorTabs ul{float:left;height:100%;list-style-type:none;list-style-image:none;margin:0;padding:0;background-position:right bottom;background-repeat:no-repeat}
div.vectorTabs ul li{float:left;line-height:1.125em;display:inline-block;height:100%;margin:0;padding:0;background-color:#f3f3f3;background-position:bottom left;background-repeat:repeat-x;white-space:nowrap}
div.vectorTabs ul>li{display:block}
div.vectorTabs li.new a,div.vectorTabs li.new a:visited{color:#a55858}
div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{color:#333;text-decoration:none}
div.vectorTabs li.icon a{background-position:bottom right;background-repeat:no-repeat}
div.vectorTabs li a{display:inline-block;height:1.9em;padding-left:.5em;padding-right:.5em;color:#66D9EF;cursor:pointer;font-size:.8em}
div.vectorTabs li>a{display:block}
div.vectorTabs span a{display:inline-block;padding-top:1.25em}
div.vectorTabs span>a{float:left;display:block}
div.vectorMenu{direction:ltr;float:left;cursor:pointer;position:relative}
body.rtl div.vectorMenu{direction:rtl}
div.vectorMenu h3 span{display:block;font-size:.8em;padding-left:.7em;padding-top:1.375em;margin-right:20px;font-weight:normal;color:#4d4d4d}
div.vectorMenu h3 a{position:absolute;top:0;right:0;width:20px;height:2.5em;background-image:url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-icon.png');background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-icon.svg');background-image:linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-icon.svg');background-position:100% 70%;background-repeat:no-repeat;-webkit-transition:background-position 250ms;-moz-transition:background-position 250ms;-o-transition:background-position 250ms;transition:background-position 250ms}
div.vectorMenu.menuForceShow h3 a{background-position:100% 100%}
div.vectorMenuFocus h3 a{background-image:url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-focus-icon.png');background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-focus-icon.svg');background-image:linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-focus-icon.svg')}
div.vectorMenu div.menu{min-width:100%;position:absolute;top:2.5em;left:-1px;background-color:white;border:solid 1px silver;border-top-width:0;clear:both;text-align:left;display:none}
div.vectorMenu:hover div.menu,div.vectorMenu.menuForceShow div.menu{display:block}
div.vectorMenu ul{list-style-type:none;list-style-image:none;padding:0;margin:0;text-align:left}
div.vectorMenu ul,x:-moz-any-link{min-width:5em}
div.vectorMenu ul,x:-moz-any-link,x:default{min-width:0}
div.vectorMenu li{padding:0;margin:0;text-align:left;line-height:1em}
div.vectorMenu li a{display:inline-block;padding:.5em;white-space:nowrap;color:#66D9EF;cursor:pointer;font-size:.8em}
div.vectorMenu li>a{display:block}
#mw-navigation h2{position:absolute;top:-9999px}
#mw-head-base{margin-top:-5em;margin-left:10em;height:5em}
div#mw-head{position:absolute;top:0;right:0;width:100%}
div#mw-head h3{margin:0;padding:0}
#left-navigation{float:left;margin-left:10em;margin-top:2.5em;margin-bottom:-2.5em;display:inline}
#right-navigation{float:right;margin-top:2.5em}
#p-logo{position:absolute;top:-160px;left:0;width:10em;height:160px}
#p-logo a{display:block;width:10em;height:160px;background-repeat:no-repeat;background-position:center center;text-decoration:none}
div#mw-panel{font-size:inherit;position:absolute;top:160px;padding-top:1em;width:10em;left:0}
div#mw-panel div.portal{margin:0 .6em 0 .7em;padding:.25em 0;direction:ltr;background-position:top left;background-repeat:no-repeat;background-image:/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/portal-break.png')}
div#mw-panel div.portal h3{font-size:.75em;color:#4d4d4d;font-weight:normal;margin:0;padding:.25em 0 .25em .25em;cursor:default;border:none}
div#mw-panel div.portal div.body{margin:0 0 0 1.25em;padding-top:0}
div#mw-panel div.portal div.body ul{list-style-type:none;list-style-image:none;margin:0;padding:0}
div#mw-panel div.portal div.body ul li{line-height:1.125em;margin:0;padding:.25em 0;font-size:.75em;word-wrap:break-word}
div#mw-panel div.portal div.body ul li a{color:#66D9EF}
div#mw-panel div.portal div.body ul li a:visited{color:#8a7f6c}
div#mw-panel div.portal.first{background-image:none;margin-top:0}
div#mw-panel div.portal.first div.body{margin-left:.5em}
div#footer{margin-left:10em;margin-top:0;padding:.75em;direction:ltr}
div#footer ul{list-style-type:none;list-style-image:none;margin:0;padding:0}
div#footer ul li{margin:0;padding:0;padding-top:.5em;padding-bottom:.5em;color:#333;font-size:.7em}
div#footer #footer-icons{float:right}
div#footer #footer-icons li{float:left;margin-left:.5em;line-height:2em;text-align:right}
div#footer #footer-info li{line-height:1.4em}
div#footer #footer-places li{float:left;margin-right:1em;line-height:2em}
body.ltr div#footer #footer-places{float:left}
.mw-body .external{background-position:center right;background-repeat:no-repeat;background-image:url('https://wiki.creativecommons.org/skins/Vector/images/external-link-ltr-icon.png');background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/external-link-ltr-icon.svg');background-image:linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/external-link-ltr-icon.svg');padding-right:13px}



div#simpleSearch input {
    background-color: #CCC;
}

.mw-plusminus-pos {
	color:#A6E22E;
}

.mw-plusminus-neg {
	color:#E69F66;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background-color:#a2a9b1;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color:#a2a2a2;
	background-color:#CFC;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color:#a2a2a2;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color:#000;
	background-color:#a2a9b1;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{
	background-color:#000;
	border: 2px solid #4c4c4c;
}

.toctogglelabel{
	color:#E69F66;
}

.toc, .mw-warning, .toccolours{
	background-color: #291e29 !important;
	border: 1px solid #797979;	
}

table.ambox {
	background-color: #291e29;
	border: 1px solid #797979;
}

table.imbox {
 background-color: #291e29;
}

table.tmbox {
	background-color: #291e29 !important;;
	border: 1px solid #797979 !important;;
}

table.ombox{
	background-color: #291e29 !important;;
	border: 1px solid #797979 !important;;
}

table.ombox::before{
  opacity:.6
}

table.fmbox-system {
	background-color: #291e29;
	border: 1px solid #797979;
}

table.fmbox-warning {
    border: 1px solid #c3a756;
    background-color: #69572f;
}

.navbox, .navbox-subgroup {
    background-color: #54595d;
}

.navbox th, .navbox-title {
    background-color: inherit;
}

.navbox-even {
	background-color: #75715E;
}

tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {
    border-top: 2px solid #867767;
}

.navbox-list {
	border-color:  #867767;
}

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
    background-color: #333448;
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background-color: #292927;
}

.wikiEditor-ui .wikiEditor-ui-view {
    border: 1px solid #000000;
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #000000;
}

.wikiEditor-ui-toolbar {
    background-color: #547290;
}

#editpage-specialchars a{
	background-color: #555869;
	border:1px solid #000;
}

#footer-places a{
	color:#AE81FF;
}



div#footer ul li {
 color:#E69F66;
}


a.new:visited, #p-personal a.new:visited {
   color:#F92672;
   text-decoration: none;
}

a {
  text-decoration: none !important;
}

a:visited,.mw-body a.external:visited ,.mw-body
a.extiw:visited{
	color:#468999;
}

a.new:visited, #p-personal a.new:visited {
    color: #a55858 !important;
}

a.new, #p-personal a.new {
    color: #a55858;
}

div.flaggedrevs_preview {
    background-color: #6e7b8c;
    color: #000;
}

.navbox a.new {
    color: #f79393 !important;
}


.newpage, .minoredit, .botedit {
    /* font-weight: bold; */
    font-size: .75em;
    color: #E6DB74;
    text-decoration: underline #edd88f !important;
}

abbr[title], .explain[title] {
    border-bottom: 0;
    font-size: .75em;
    text-decoration: underline #edd88f;
}



div#mw-panel div.portal div.body ul li a {
    color: #8a7f6c;
}

select{
	background-color: #75715E;
}

.editOptions {
    color: #a2a9b1;
}

.wikiEditor-ui-toolbar .group {
    border-color: #000000;
}

table.fmbox {
	background-color: #291e29 !important;
	border: 1px solid #797979;
}

.xfd-closed{
	background-color: #382c23 !important;
	color: #daa782!important;
}

.portal>ul {
	background-color: #382c23 !important;
	color: #daa782!important;
}

.sistersitebox {
	background-color: #382c23 !important;
	color: #daa782!important;
}

.wikipediauserbox {
	 border: 1px solid #c3a756;
	background-color: #627099 !important;
}

.mw-parser-output .side-box{
	background-color: #627099 !important;
}


pre, .mw-code {
    color: #F8F8F2;
    background-color: #000;
}

.mw-collapsed tr th {
    background-color: #564f2c !important;
}

.ombox-speedy{
	background-color: #522a2a !important;
}

#ca-watch.icon a:before {
	background-image: none !important;
    content: "Watch";
    padding-left:40px;
    line-height:1.6em;
}

#ca-unwatch.icon a:before {
    background-image: none !important;
    content: "Unwatch";
    padding-left:40px;
    line-height:1.6em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
    width: 106px;
    background-image: none;
}

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
    background-color: #333;
 }

.vectorTabs a{
    padding-left: 12px;
    padding-right: 12px;
  background-image: linear-gradient(#000000 0,#333 100%);
}

div.vectorTabs li a {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

#left-navigation div.vectorTabs ul li, #right-navigation div.vectorTabs ul li {
    border-top: 1px solid #000;
}

#left-navigation div.vectorTabs ul, #right-navigation div.vectorTabs ul {
    border-right: 1px solid #000;
}

#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
     background-image: none;
 }

#ca-watch.icon a:hover, #ca-watch.icon a:focus {
     background-image: none;
 }

.portal h3 {
     background-image: none;
}

.mw-body {
 border: 1px solid #000;
 /* box-shadow: -10px 0px 20px -5px #000; */
}

#pt-userpage, #pt-anonuserpage {
 background-image: none !important;
}

.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
    background-color: #c1c1c1;;
}

.mw-rcfilters-ui-table {
    background-color: #333;
}

.oo-ui-popupWidget-popup {
    background-color: #333;
}

span.updatedmarker {
    color: #E6DB74;
}

.oo-ui-toolbar-bar {
    background-color: #c8ccd1 !important;
    color: #000000 !important;
}

.ve-init-mw-desktopArticleTarget-toolbar, .ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
    margin-left: -1em;
    margin-top:.2em
}

div#simpleSearch #searchInput {
    padding: .25em;
}



.flaggedrevs-pending{ 
	background-color: #000000; 
	border: 1px solid #FFF;
    vertical-align: text-top;
    vertical-align: middle !important;
}

.mw-fr-reviewlink{
	font-weight: normal;
}

.mw-ui-input{
	background-color: #CCC;
}

.mw-ui-button{
	background-color: #CCC;
}

.mw-notification-content a, .mw-notification-content a:visited{
	color: #66D9EF;
}

.mw-notification-content, .mw-notification-visible{
	background: transparent;
	font-family: monospace;
    font-size: 1em;
	color: #CCC;
}

.mw-notification-visible{
	border: 2px solid #a55858;
}

.flaggedrevs-pending, .flaggedrevs-pending a{
   background-color: inherit;
   text-transform: uppercase;
   font-size: .8em;
   color: #E6DB74;
   text-decoration: underline #edd88f;
}

.mw-notification-visible{
	background-color:#000;
	width: 600px;
	margin-left: 180px;
}

.mw-notification-area {
    font-size: 11px;
    background: transparent;
    color: #a55858;
    font-weight: bold;
}

.mw-notification-area-layout {
    top:0;
    left:0;
    }

.mw-WatchlistExpiryWidget{
	border: 10px solid F0F;
}

div.vectorTabs{
  padding-left: 0px;
}

.vectorTabs a {
  background-image:none;
  background-image: linear-gradient(0deg, transparent, #000) !important;
  background-size: 0px 100% !important;
}

.vectorTabs, .vectorTabs a, #mw-head .vectorMenu h3 {
  background-size: 0px 100% !important;
}

.ui-widget-overlay {
    background: rgba(40, 25, 25, 0.4);
}

.cite-form-container{
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.cn-closeButton {
 box-shadow: 0 2px 2px 0 rgba(39, 39, 39, 0.8);
 backdrop-filter: brightness(0.5);
}


.wikiEditor-ui-toolbar .sections .section {
   border-top: 1px solid #000;
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    border: 1px solid #000;
    box-shadow: 0 6px 4px 0 rgba(39, 39, 39, 0.8);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    background-color: #547290;
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: #666;
}

div#editpage-specialchars {
    border: 1px solid #555;
}

ol.references li:target, sup.reference:target {
    background-color: #000;
    padding: 6px;
    padding-left: 10px;
}

.vector-menu-tabs{
   padding-left:0px;
}

.vector-menu-tabs li{
    border-right: 1px solid #222;
}

.vector-menu-tabs li a {
 color: #66D9EF;
}

.vector-menu-tabs .selected {
     background: #333;
     color: #468999;
     border:1px solid #000;
     border-bottom:0px;
}

.vector-menu-tabs .selected a:visited {
  color: #468999;
}

#mw-head .vector-menu-dropdown h3 {
    color: #66D9EF;
    padding-right: 2em;
    padding-top: 1.08em;
}

.vector-menu-dropdown {
    padding-left: 12px;
}

.vector-menu-tabs li {
    line-height: 1em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
    margin-left: -18px;
}

.vector-menu-tabs ul {
    margin-top: -1px;
}

.vector-menu-dropdown li, .vector-menu-dropdown li a {
    color: #66D9EF;
    background-color:#222;
}

#footer-info-lastmod{
  color: #E6DB74;
  color: #867f68;
}

#mw-panel a{
    font-size: inherit;
    color: #a89f83;
}

div#simpleSearch {
    height: 30px;
    margin-top: 0px;
}

#ca-unwatch.icon a, #ca-watch.icon a {
    margin-left: -8px;
}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    color: #468999;
    text-decoration: none;
}

.mw-parser-output .quotebox {     
    background-color: #332c44;
    background-color: #291e29 !important;
}

.flaggedrevs-color-1 {
    background-color: #332200;
    padding:2px;
}

.vector-menu-portal{
   line-height: .7em;
}

.mw-wiki-logo:not([href="/wiki/MediaWiki"]):not([href^="/wiki/Wikidata:"]):not([href^="/wiki/Wiktionary:"]) {
    background-image: url(//wiki.cosmicsky.net/images/c/c9/Logo.png?20240915020252);    
    opacity: 1;
}



@-webkit-keyframes rainbow {
   from { -webkit-filter:hue-rotate(10deg); }

     to { -webkit-filter:hue-rotate(360deg); }

}

@keyframes rainbow {
 from {
    -webkit-filter:hue-rotate(10deg);
            filter:hue-rotate(10deg);
    }

  to {
    -webkit-filter:hue-rotate(360deg);
            filter:hue-rotate(360deg);
    }

}

div.flaggedrevs_notice {
    background-color: #464646;
}


#cnotice-toggle-box {
    background: #999;
}

#coordinates {
    position: absolute;
    top: -2em;
    right: 8px;
}

s{
text-decoration-thickness: 2px;
text-decoration-color: #a55858;
}

.mw-uctop {
    font-weight: bold;
    color: #829fff;
}

.mw-parser-output .navbar-mini abbr {
     font-size: 2em;
}

.vector-menu-tabs .mw-list-item{
min-width:90px;
padding-left:10px;
padding-right:10px;
}

#vector-page-tools-dropdown{
min-width:90px;
padding-left:10px;
}

.vector-menu-tabs li {
background-image:none;
 border:2px solid #6c6c6c;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon{
margin:0px;
}

#p-search form{
margin:0px;
}

.oo-ui-buttonElement{
background-color: #333;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #000 !important;
    color: #555;
}

.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
    background-color: #000 !important;
    color: #955;
}

.mw-parser-output .mp-box {
    padding: 0.5em 1em;
}


.mw-body-content {
    padding-left: 12px;
    padding-right: 12px;
}

#p-search form, #p-search input {
    margin-top: 0;
}

#p-search {
 margin: 0px;
}

.vector-search-box {
    flex-grow: 0;
}

div#simpleSearch {
    width: 10em;
    background-image: none;
}

div#simpleSearch #searchInput{
background-color:#000;
}

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
    border-bottom: 3px solid #9f6dc2;
}

#ca-watch > a > span.vector-icon.mw-ui-icon-star.mw-ui-icon-wikimedia-star:after{
	content: "Watch";
	float:right;
	text-align:right;
    padding-left: 20px;
    position: absolute;
    top: 12px;
    left: 10px;
    color:#000;
}

#ca-unwatch > a > span.vector-icon.mw-ui-icon-unStar.mw-ui-icon-wikimedia-unStar:after{
	content: "Unwatch";
	float:right;
	text-align:right;
	padding-left: 20px;
    position: absolute;
    top: 12px;
    left: 10px;
    color:#000;
}

.mw-watchlink .vector-icon {
    width: 70px;
	text-align:right;
}

.vector-page-toolbar-container .vector-icon {
    background-position: left;
}

.vector-page-toolbar-container {
    box-shadow: none;
    margin-bottom: 1px;
    border-bottom: 1px solid #666;
}

.mw-highlight .linenos {
background-color: #30343a;
}

.mw-watchlink .mw-ui-icon-wikimedia-unStar {
    transform: none;
}

.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
    background-color: #4f577b;
    border: 1px solid #445777;
}

.mw-echo-notification-badge-nojs::after {
    background-color: transparent;
 	border-color: #CCC;
    color: #CCC;
}


#pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after, .mw-echo-notification-badge-nojs::after {
    border: 1px solid #b1aa3b;
    border-radius: 2px;
    background-color: #72777d;
    content: attr(data-counter-text);
    color: #acbc44;
}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: none;
}

input:active + .cdx-button:not(.cdx-button--action-progressive) {
    background-color: rgb(123 153 214 / 95%);
 }

.cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active {
    background-color: rgb(123 153 214 / 95%);
}

input:hover + .cdx-button:not(.cdx-button--action-progressive) {
    background-color: rgb(123 153 214 / 95%);
}

.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover{
    background-color: rgb(123 153 214 / 95%);
}

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
    color: #5e7c99;
}
.vector-menu-tabs .mw-list-item, .vector-page-toolbar-container .vector-dropdown {
    display: grid;
}

.vector-menu-tabs .mw-list-item .cdx-button--icon-only {
    margin: 0px;
}

.vector-menu-tabs .mw-list-item .cdx-button--icon-only {
    margin: 0px;
    margin-left: -10px;
    padding-right: 20px;
}

.oo-ui-widget .oo-ui-widget-enabled .oo-ui-labelElement .oo-ui-labelElement-label .oo-ui-labelWidget{
	border: 10px solid #0F0;
}

.vector-icon.mw-ui-icon-wikimedia-star:after{
	content: "Watch";
	float:right;
	text-align:right;
    padding-left: 20px;
    position: absolute;
    top: 12px;
    left: 10px;
    color:#000;
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
     background-color: rgb(123 153 214 / 95%);
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-checkbox:checked ~ .vector-dropdown-content {
    height: 200px;
    width:200px;
}

#pt-logout{
padding-left:40px;
}

.ambox.ambox-notice{
background-color: rgb(123 153 214 / 95%) !important;
}

.mw-parser-output .ambox{
background-color: rgb(123 153 214 / 95%) !important;
margin: 1em 10%;
}

.vector-menu-tabs li {
background-color: rgb(123 153 214 / 95%) !important;
}

div.vectorTabs ul li {
    background-color: #222;
    background-image: -moz-linear-gradient(top,#2e2e2e 20%,#222 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#2e2e2e),color-stop(100%,#222));
    background-image: -webkit-linear-gradient(top,#2e2e2e 20%,#222 100%);
    background-image: linear-gradient(#2e2e2e 20%,#222 100%) !important;
    border:1px solid #000;
    height: 2em;
}

 div.vectorTabs li.selected{
   border-bottom:0px;
   background-color:#F33; 
   padding-bottom:1px;
   background-image: linear-gradient(0deg, #333, transparent) !important;
}


#mw-page-base {
   background-color:#333;
background-image:none;
}

.vector-menu-tabs-legacy li a{
background:none;
    color: #676395;
}

.mw-parser-output .quotebox {
    background: #272822 !important;
}

 #pt-notifications-notice .mw-echo-notifications-badge::after {
}

.vector-menu-tabs .mw-list-item, .vector-page-toolbar-container .vector-dropdown {
    display: contents;
}

.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
    color: #a55858;
}


#p-search {
    margin-right: 16px;
    margin-top: 12px;
    padding-left: 28px;
}

div#simpleSearch #searchInput {
    background-color: darkslategray;
}

.mw-ui-input:not(:disabled) {
    background-color: darkslategray;
}

div#simpleSearch input {
    background-color: #4a5765;
margin-bottom:2px;
}



.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: none;
    color: #676395;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
    padding: 0px;
    padding-top: 16px;
}

.suggestions, .suggestions-results, .suggestions-special {
     background-color: #4a5765;
}

.mw-parser-output #mp-left .mp-h2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  height:30px;
}

.mw-parser-output #mp-left .mp-h2, .mw-parser-output #mp-right .mp-h2{
  -webkit-mask-image: linear-gradient(300deg,transparent 2px,black 500px);
    -webkit-mask-image: linear-gradient(270deg,transparent, black 130%);
	box-shadow: inset -19px 0px 12px 0px #000;
}

.mw-parser-output #mp-middle .mp-h2{
  -webkit-mask-image: linear-gradient(300deg,transparent 2px,black 1000px);
  -webkit-mask-image: linear-gradient(270deg,transparent, black 130%);
  font-weight: 400;
  color:#333;
  box-shadow: inset -19px 0px 12px 0px #000;
}

.mw-parser-output #mp-lower .mp-h2{
  -webkit-mask-image: linear-gradient(300deg,transparent 2px,black 1000px);
  -webkit-mask-image: linear-gradient(270deg,transparent, black 130%);
  font-weight: 400;
  color:#333;
box-shadow: inset -19px 0px 12px 0px #000;
}

.mw-parser-output #mp-bottom .mp-h2{
  -webkit-mask-image: linear-gradient(300deg,transparent 2px,black 1000px);
 -webkit-mask-image: linear-gradient(200deg, rgba(255,255,255,0) 20%, rgba(102,95,79,0.63) 33%, rgba(55,45,24,0.89) 50%, rgba(0,0,0,1) 75%);
}

.mw-message-box-error{
 background-color:#ab8684;
  -webkit-mask-image: linear-gradient(300deg,transparent 2px,black 1000px);
}

.mw-highlight .nc, .mw-highlight .nn {
    color: #8484b8;
}

.mw-body h2{
	color:#333;
}

.mw-parser-output .talkheader-help {
	background: #272822;
}

.mw-parser-output .ambox {
    background-color: rgb(53 61 79 / 95%) !important;
}

.mw-body h2 {
    color: #ccc;
}

#mp-upper h2{
	color:#333;
	font-weight: 400;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
    background-position: 40% 50%;
}

.mw-parser-output #mp-bottom .mp-h2 {
   background: transparent !important;
   font-weight: 400;
}

.cdx-search-input__end-button{
	background: #272822;
}

.mw-parser-output .navbox-abovebelow, .mw-parser-output .navbox-subgroup .navbox-title {
    background-color: #333 !important;
}

.mw-parser-output .navbox-odd {
    background-color: #4a5765 !important;
}

.mw-parser-output .navbox-even {
    background-color: #4c4c4c !important;
}

.mw-parser-output .navbox-title {
    background-color: #4c4c4c !important;
}

.mw-parser-output .navbox-abovebelow, .mw-parser-output .navbox-group, .mw-parser-output .navbox-subgroup .navbox-title {
    background-color: #38385e !important;
}

.mw-parser-output tr+tr>.navbox-abovebelow, .mw-parser-output tr+tr>.navbox-group, .mw-parser-output tr+tr>.navbox-image, .mw-parser-output tr+tr>.navbox-list {
    border-top: 2px solid #000000 !important;
}

.mw-parser-output .navbox-list {
    border-color: #000000 !important;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget {
    background-color: #555;
}

.mw-echo-ui-notificationItemWidget-content-message-header {
    color: #CCC;
}

.mw-parser-output .talkheader-help {
background-color:#000 !important;
}

.mw-ui-input:not(:disabled) {
    margin: 10px;
}

.mw-WatchlistExpiryWidgetwatchlist-dropdown-label:after{
		content: " Infinte";
}

.oo-ui-buttonElement {
    background: transparent;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image:none;
    border-bottom: 1px solid #000;
}

.mw-body {
    box-shadow: rgb(121 121 121 / 25%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.vector-menu-dropdown .mw-list-item a{
    color: #454359;
    color: #676395
}

.mw-highlight .s1, .mw-highlight .kt {
    color: #a55858;
}

.mw-highlight .k {
    color: #99a743;
}

.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
    border-top: 2px solid #666666;
}

#pt-notifications-alert{
/*    background-color: #867f68; */
   /* filter: invert(49%) sepia(15%) saturate(455%) hue-rotate(9deg) brightness(98%) contrast(93%); */
}


#mw-page-base {
    background-color: transparent;
}

.mw-collapsible-toggle .mw-collapsible-text {
    color: #66d9ef;
}

.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after  {
    color: #CCC;
}


/* ********************* */
/* Small Window  - <640  */
/* ********************* */
@media (max-width: 640px) {
	    .vector-legacy-sidebar{
	      display:none;
	    }

	    .mw-body{
	      margin-left:0px;
	   }

	   .vector-user-menu-legacy .vector-menu-content-list {
	    display: inline-flex;
	    flex-wrap: nowrap;
	   }

	   .skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge, .skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge {
	     top: -5px;
	     display: none;
	   }

	   #left-navigation {
	    margin-left: 10px;
	   }

	#mw-content-text{
	 	margin-top:3em;
	}

	#sp-contributions-footer li{
	   border: 2px solid #0FF;
	}

	#content {
	  margin-top:3em;
	}

	img{
	  max-width:95%;
	  height:auto;
	}
.vector-user-menu-legacy #pt-userpage {
    margin-right: -22px;
}

.mw-footer {
    margin-left: 1em
}

.mw-indicator #coordinates {
    right: 1em;
}

.mw-notification-visible{
	margin-left: 18px;
}

}

/* ********************* */
/* END Small Window      */
/* ********************* */

/* *********************  */
/* Standardized background*/
/* *********************  */
.mw-parser-output .navbox{
    background: #272822 !important;
}

figure, figcaption{
    background: #272822 !important;
}

.navbox.authority-control{
    background: #272822 !important;
}

.mw-parser-output .navbox-group, .mw-parser-output .navbox-subgroup .navbox-title {
    background-color: #272822 !important;
}

.mw-parser-output .portal>ul {     
	background: #272822;
}

.mw-parser-output .quotebox {
	background: #272822 !important;
}

#content .gallerybox div.thumb {
	background: #272822;
}

.mw-parser-output .subjectbar {
    background-color: #272822;
 }

.sidebar{
	background-color: #272822 !important;
}

.oo-ui-tagMultiselectWidget-handle{
	background-color: #272822 !important;
}
/* homepage */
#mp-topbanner{
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

#mp-left, #mp-right, #mp-middle, #mp-lower{
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.mw-parser-output .spoken-wikipedia {
 	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.module-shortcutboxplain {
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.ombox-notice{
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.mw-searchresults-has-iw .iw-resultset {
  	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.mw-parser-output div.documentation {
  	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.warningbox{
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.shortcutbox{
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}

.infobox {
	background-color: #272822 !important;
	color: #F8F8F2 !important;
}


/* *********************  */
/* END Standardized background*/
/* *********************  */


.oo-ui-icon-bell, .mw-ui-icon-bell:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" stroke="%23adb3b7" stroke-width="1" fill="none" viewBox="0 0 20 20"><title> bell </title><path d="M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z"/></svg>');
}

.oo-ui-icon-tray, .mw-ui-icon-tray:before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" stroke="%23adb3b7" stroke-width="1" fill="none" viewBox="0 0 20 20"><title>tray </title><path d="M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z"/></svg>');
}

.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-userpage a {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" stroke="%23adb3b7" stroke-width="1" fill="none" viewBox="0 0 20 20"><title>avatar </title> <path d="M10 8c1.7 0 3.06-1.35 3.06-3S11.7 2 10 2 6.94 3.35 6.94 5 8.3 8 10 8zm0 2c-2.8 0-5.06-2.24-5.06-5S7.2 0 10 0s5.06 2.24 5.06 5-2.26 5-5.06 5zm-7 8h14v-1.33c0-1.75-2.31-3.56-7-3.56s-7 1.81-7 3.56V18zm7-6.89c6.66 0 9 3.33 9 5.56V20H1v-3.33c0-2.23 2.34-5.56 9-5.56z"/></svg>');
    padding-bottom: 10px;
    padding-left: 24px;
    background-size: 20px 26px;
opacity: 75%;
padding-top: 12px;
}

.vector-menu-tabs #ca-watch.icon a::before {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/26/Purple_watch_icon.svg);
    background-size: 20px 26px;
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
 opacity: 1;
}

.mw-body-content {
    max-width: 1600px;
}

.mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del {
    background: #654040;
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del {
    background: #654040;
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins {
    background: #2c4755;
}

.mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins {
    background: #2c4755;
}

.diffchange-inline, .diff-addedline .diffchange{
    background: #224a33;
}

.diff-deletedline .diffchange {
    background: #6d140c;
}




/* ********************* */
/* Vector 2022       */
/* ********************* */
.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-checkbox {
    max-width: 200px;
    max-height: 200px;
}

.skin-vector-2022 .vector-menu-tabs .mw-list-item, .skin-vector-2022 .vector-page-toolbar-container .vector-dropdown {
    display: grid;
}


/* ********************* */
/* END Vector 2022       */
/* ********************* */
Retrieved from "https://wiki.cosmicsky.net/index.php?title=MediaWiki:Vector.css&oldid=1579"