User:Xavier enc/common.css

/* 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, .mw-mmv-dialog div, .wp-teahouse-question-form, div.vectorMenu div.menu { background-color:#303030 !important; }
 * 1) language-settings-dialog div, #language-settings-dialog h1,
 * 2) language-settings-dialog h4, #mw-page-base, .mw-mmv-dialog,

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; }
 * 1) left-navigation div ul li span, #right-navigation div ul li span,

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

.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; }
 * 1) pt-notifications-alert a, #pt-notifications-message a,

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

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

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

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

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

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

.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, .ui-dialog, .ui-dialog div, .ui-dialog span, .ui-dialog li { color:White !important; }
 * 1) language-settings-dialog span, .referencetooltip,

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, color:Orange !important; }
 * 1) languagesettings-panels .menu-section, #mw-watchlist-resetbutton input,
 * 2) p-cactions-label span {

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