Difference between revisions of "MediaWiki:Vector.css"

From Infinity Library
Jump to navigation Jump to search
(try different main bg)
(try different highlights)
Line 22: Line 22:
 
div#mw-panel div.portal h3 { color: #93a1a1; }
 
div#mw-panel div.portal h3 { color: #93a1a1; }
  
.mw-body { color: #839496; background: none; border: 1px solid #073642; }
+
.mw-body { color: #839496; background: none; border: 1px solid #1e274a; }
  
 
.mw-highlight { background: none; }
 
.mw-highlight { background: none; }
  
pre, .mw-code { background: #073642; color: #eee8d5; border: 0; }
+
pre, .mw-code { background: #1e274a; color: #eee8d5; border: 0; }
  
.catlinks { background: #073642; border: 0; }
+
.catlinks { background: #1e274a; border: 0; }
  
 
div#footer ul li { color: #93a1a1; }
 
div#footer ul li { color: #93a1a1; }
Line 36: Line 36:
 
div.vectorTabs { background: none; }
 
div.vectorTabs { background: none; }
 
div.vectorTabs ul li, div.vectorTabs ul, div.vectorTabs li, div.vectorTabs span { background: none; }
 
div.vectorTabs ul li, div.vectorTabs ul, div.vectorTabs li, div.vectorTabs span { background: none; }
div.vectorTabs li.selected { background: #073642; }
+
div.vectorTabs li.selected { background: #1e274a; }
 
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: white; }
 
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: white; }
  

Revision as of 03:42, 1 April 2018

/* CSS placed here will affect users of the Vector skin (default on infinity library!) */

/* resize logo to fit */
.mw-wiki-logo {
    background-size: contain;
}

/* dark styles taken from https://github.com/soleverlee/solarized_vector */

html * { color-profile: sRGB; rendering-intent: auto; }

body { background: #111629; }

h1, h2, h3, h4, h5, h6 { color: #839496; }

a, .mw-body a.external, .mw-body a.extiw, div#mw-panel div.portal div.body ul li a, div.vectorTabs ul li a, div.vectorTabs li.new a { color: rgb(255, 180, 209); }
a:visited, .mw-body a.external:visited, .mw-body a.extiw:visited, div#mw-panel div.portal div.body ul li a:visited, div.vectorTabs ul li a:visited, div.vectorTabs li.new a:visited { color: rgb(255, 180, 209); }

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

div#mw-panel div.portal { background: none; }
div#mw-panel div.portal h3 { color: #93a1a1; }

.mw-body { color: #839496; background: none; border: 1px solid #1e274a; }

.mw-highlight { background: none; }

pre, .mw-code { background: #1e274a; color: #eee8d5; border: 0; }

.catlinks { background: #1e274a; border: 0; }

div#footer ul li { color: #93a1a1; }

#mw-page-base { background: none; }

div.vectorTabs { background: none; }
div.vectorTabs ul li, div.vectorTabs ul, div.vectorTabs li, div.vectorTabs span { background: none; }
div.vectorTabs li.selected { background: #1e274a; }
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: white; }

div#mw-head div.vectorMenu h3 { background: none; }
div#mw-head div.vectorMenu h3 span { color: #eee8d5; }

input, textarea, div#simpleSearch input { background-color: #073642; color: #fdf6e3; }

div#simpleSearch { border: 0; background: none; }
div#simpleSearch #searchInput { padding: 0; }