User:Xavier enc/common.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* Dark Squash Theme written and created by
user "Xavier enc" on Saturday, October 31st, 2015.*/

/* Feel free to use this code for your own "common.css page".
Please credit me for writing this code by hand.*/

/* This theme puts focus STRICTLY on color. I like Wikipedia's
layout so I don't want to change any of the formatting. */

div, span, li, td, .mbox-text, .tipsy div:first-child {
   background-color:transparent !important;
}

/* background-color */

body, #mw-head, .mw-mmv-post-image, #language-settings-dialog,
#language-settings-dialog div, #language-settings-dialog h1,
#language-settings-dialog h4, #mw-page-base, .mw-mmv-dialog,
.mw-mmv-dialog div, .wp-teahouse-question-form, div.vectorMenu div.menu {
   background-color:#303030 !important;
}

#left-navigation div ul li span, #right-navigation div ul li span,
div.vectorTabs, #simpleSearch, input, #content, .postedit,
.postedit div, h1, h2, h4, h5, .mw-mmv-image-metadata,
.mw-mmv-image-metadata div, #language-settings-dialog button,
.suggestions, .suggestions div {
   background-color:#404040 !important;
}

textarea, pre, code, .editOptions, #catlinks, #toc, #toc div, #toc h2,
.thumbinner, .infobox, .mw-echo-notifications-badge,
.mw-body-content table, #contents-footer, th, th h2, td h2, h6,
.wikiEditor-ui-view, .section, .section div, #wam-banner,
div.editButtons input, .MainPageBG, .mw-parser-output div.documentation,
.mw-search-profile-tabs, .layouttemplate, .oo-ui-window-frame {
   background-color:#505050 !important;
}

.page-characters div span {
   background-color:#606060 !important;
}

#pt-notifications-alert a, #pt-notifications-message a,
.oo-ui-popupWidget-popup, .oo-ui-popupWidget-popup div,
.oo-ui-buttonElement-button, .mw-mmv-stripe-button,
.tipsy div, .referencetooltip li, .ui-dialog, .ui-dialog div,
body .ui-dialog .ui-widget-header, .ui-dialog form {
   background-color:rgb(108,108,0) !important;
}

.page-characters div span:hover, button.down {
   background-color:Orange !important;
}

.mw-ui-button.mw-ui-progressive {
   background-color:CornflowerBlue !important;
}

table.fmbox, td.diff-addedline .diffchange {
   background-color:rgb(0,59,137) !important;
}

table.fmbox-warning, td.diff-deletedline .diffchange {
   background-color:rgb(80,0,0) !important;
}

/* border-color */

h1, h2, .wikiEditor-ui-top {
   border-left:0px !important;
   border-right:0px !important;
   border-top:0px !important;
   border-bottom:1px solid CornflowerBlue !important;
}

#languagesettings-panels .menu-section {
   border-color:#303030 !important;
}

#content, .postedit, #language-settings-dialog button, div.vectorMenu div.menu {
   border-color:#404040 !important;
}

textarea, pre, code, .editOptions, #catlinks, #toc, .thumbinner,
.thumbinner img, .infobox, .mw-body-content table,
.mw-body-content table td, #contents-footer, .wikiEditor-ui-view,
#toc h2, .mw-mmv-image-metadata, .mw-parser-output div.documentation,
.mw-search-profile-tabs {
   border-color:#505050 !important;
}

.page-characters div span {
   border-color:#606060 !important;
}

#mw-panel div, #simpleSearch, pre, .section,
.suggestions, .suggestions div, #language-settings-dialog div,
#searchText, .mw-ui-button.mw-ui-progressive, .wp-teahouse-question-form {
   border-color:CornflowerBlue !important;
}

.oo-ui-popupWidget-popup, .oo-ui-popupWidget-popup div, .oo-ui-buttonElement-button,
.mw-echo-ui-notificationBadgeButtonPopupWidget .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget .oo-ui-popupWidget-footer .oo-ui-buttonElement:last-child,
.tipsy div, .referencetooltip li, .ui-dialog, .ui-dialog div {
   border-color:Olive;
}

.mw-mmv-stripe-button, #languagesettings-panels .menu-section.active {
   border-color:Orange !important;
}

.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor::after,
.tipsy div::after {
   border-bottom-color:rgb(108,108,0);
}

table.fmbox {
   border-color:rgb(0,59,137) !important;
}

table.fmbox-warning {
   border-color:rgb(80,0,0) !important;
}

/* color */

td, div, p, textarea, input, strong, .infobox, .section,
#language-settings-dialog span, .referencetooltip,
.ui-dialog, .ui-dialog div, .ui-dialog span, .ui-dialog li {
   color:White !important;
}

pre, .mw-highlight .m, .mw-highlight .o {
   color:White;
}

.mw-highlight .c {
   color:LimeGreen;
}

.page-characters div span:hover, button.down, .mw-ui-button.mw-ui-progressive, #footer li {
   color:#606060 !important;
}

h1, h2, h3, h4, h5, h6, th {
   color:CornflowerBlue !important;
}

a:link, a.new:link, a.extiw:link, a.external:link,
div.editButtons input, .page-characters div span, .selflink,
.wikiEditor-ui-toolbar .booklet .index div, #language-settings-dialog button,
#languagesettings-panels .menu-section, #mw-watchlist-resetbutton input,
#p-cactions-label span {
   color:Orange !important;
}

a:visited, a.new:visited, a.extiw:visited, a.external:visited {
   color:rgb(178,178,0) !important;
}

/* div.editButtons */

div.editButtons input, #mw-watchlist-resetbutton input, .ui-dialog button {
   border:2px solid Orange !important;
   font-weight:normal;
   outline:none;
   cursor:pointer;
   font-weight:normal;
}

div.editButtons input:hover, #mw-watchlist-resetbutton input:hover  {
   border:2px solid Orange !important;
   color:#404040 !important;
   background-color:Orange !important;
}

/* background-image */

h3, #left-navigation div ul li span, #right-navigation div ul li span,
div.vectorTabs, .wikiEditor-ui-toolbar, #mw-panel div.portal,
button.button, #mw-page-base, body .ui-dialog .ui-widget-header {
   background-image:none !important;
}

/* box-shadow */

.postedit {
   box-shadow:0px 0px 8px 0px #000000;
}

button.button {
   text-shadow:none;
}

/* outline */

h3, button.button, #searchText {
   outline:none;
}

/* Corrections - For some reason some elements display incorrectly in my browser. (Chrome)
These styles are to correct the appearance for my browser and may or may not work in yours. */

.suggestions {
   right:16px !important;
}

textarea {
   padding:15px;
}