MediaWiki:Cosmos.css

/* make content thicker */
#mw-content-wrapper {
    width: 1378px
    
}

/* thicken infobox */
.portable-infobox .pi-data-label {
    flex-basis: 90px;
}

/*---------------*/

li.gallerybox div.thumb {
    border: transparent;
	background-color: transparent
}

div.thumbinner .thumbcaption {
	color: #d5d4d4;
	background-color: #080909;
	border: 0px;
}

.thumbimage {
	background-color: transparent;
	border: 1px solid #080909;
}

.thumbcaption .magnify {
	display: none;
}

.cosmos-header .wds-dropdown__content {
	background-color: #3a3a3a;
    color: white;
	border: transparent;
}

a:visited {
    color: #d5d4d4
}

.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li > a:not(.wds-button) {
    color: #d5d4d4;
    font-weight: bold;
}

.wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) {
    padding-right: 6px;
    padding-left: 6px;
}

/* dropdowns */

.cosmos-dropdown-list {
	background-color: #3a3a3a;
	border: none;
}

.cosmos-dropdown ul a.new {
	color: #81ca9e !important;
}

.cosmos-dropdown ul a:only-child {
	color: #d5d4d4;
}

.cosmos-dropdown-list > ul > a:only-child:hover, .cosmos-dropdown-list > ul > li > a:only-child:hover, .cosmos-dropdown-list > li > a:only-child:hover, .cosmos-dropdown-list ul a.new:hover {
    color: #81ca9e;
    background-color: rgba(0,108,176,0.1);
}

.wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .cosmos-dropdown-list li:hover > a:not(.wds-button) {
    background-color: rgba(129, 202, 158,0.2) !important;
	color: #d5d4d4;
}

.cosmos-header .wds-dropdown::after {
	border-bottom-color: #3a3a3a;
}

.cosmos-header .wds-dropdown::before {
	border-bottom-color: #3a3a3a;
}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
	box-shadow: inset 2.75em 0 0 #2E2E2E;
	
}

.mw-highlight .linenos {
	color: #8F8F8F;
}

body pre {
	color: #d5d4d4
	border: transparent
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color: #080909;
	color: #eeeeee;
	box-shadow: inset 0 0 0 1px #333;
	border-color: #333;
}

textarea {
	background-color: #2E2E2E;
	border: 1px solid #080909;
	color: #d5d4d4;
}

#filetoc {
	border: 1px solid #080909;
	background-color: #080909;
}

.mw_metadata td {
	background-color: #080909;
}

/* notices */

.cnotice {
	background-color: #080909 !important;
	color: #eeeeee;
	border: 0px solid #999999 !important;
}

#centralNotice * {
	color: #d5d4d4;
}

/* edit box summary */

div.editOptions {
    background-color: #0e0e0e;
    border: 0px;
    color: #eee;
}

.editOptions p {
    color: #eee;
}

.editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
    color: #eee;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { /* show preview and show changes buttons */
    background-color: #243030;
    border: 0px;
    
}

body .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
    color: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #243030;
    filter: brightness(110%);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { /* save changes button */
    color: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span { /* check boxes */
    background-color: #080909;
    border: 1px solid #333333;
}

/* visual editor */ 
/*---------------*/
.wikiEditor-ui-toolbar {
    background-color: #3a3a3a;
}

.wikiEditor-ui .wikiEditor-ui-top {
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-view {
    border: none;
}

.wikiEditor-ui-toolbar .group {
    border: none;
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    background-color: #2E2E2E;
	color: #d5d4d4;
}

.CodeMirror-gutters {
    background-color: #363636;
	color: #8F8F8F;
	box-shadow: inset 0 0 0 1px #333;
	border-color: #333;
}

.CodeMirror {
    border: none;
    background: transparent;
}

.oo-ui-buttonElement-button .oo-ui-iconElement-icon, .mw-ui-icoin-hghlight::before, .oo-ui-popupToolGroup-handle .oo-ui-icon-edit, .mw-ui-icon-edit::before, .ui-widget-header .ui-icon {
    filter: invert(100%);
}

/* dialogue box */
.ui-dialog, .ui-widget .ui-widget-content, .wikiEditor-toolbar-dialog {
    background-color: #363636;
    color: #eee;
    border: 1px solid #333333;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    background: #363636;
}

.ui-dialog-titlebar {
    background: #1E1E1E;
    color: #eee;
    border: 1px solid #333333;
}

.ui-dialog-content fieldset div input {
    background-color: #1E1E1E;
	color: #eeeeee;
	box-shadow: inset 0 0 0 1px #333;
    border: 1px solid;
	border-color: #333;
}

.ui-button-text, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #1E1E1E;
	color: #eeeeee;
	box-shadow: inset 0 0 0 1px #333;
    border: 0px solid;
	border-color: #333;
}
/*---------------*/

/* thumbnail gallery */
.galleryclickable {
    width: 0px;
    height: 0px;
}

.galleryclickable .thumb {
    background-color: #080909!important;
    color:transparent;
}

li.gallerybox div.thumb {
    text-align: center;
}

div .gallerytext p {
    color:transparent;
    font-size: 0px;
}

div .gallerytext p a {
    color:transparent;
    font-size: 15px;
    line-height:2em;
    padding-bottom: 10px;
}