MediaWiki:Darkvector.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
* {
font-family: monospace,Courier;
color: #999999;
background-color: #222222;
}
/* CSS placed here will affect users of the DarkVector skin */
background-color: #111;
body
{
background-color: #111111;
}
.textbox
{
width: auto;
color: #c1c1c1;
background-color: #707070;
border: 1px solid #101010;
padding: 0;
margin: 0 0 1em;
box-shadow: 3px 3px 5px #444444;
-moz-box-shadow: 3px 3px 5px #444444;
-webkit-box-shadow: 3px 3px 5px #444444;
-khtml-box-shadow: 3px 3px 5px #444444;
}
.textbox .textbox-head,
table.textbox caption
{
color: #999999;
background-color: #222222;
text-align: center;
font-weight: bold;
font-size: 120%;
padding: 0.3em 0.5em;
}
*****************************************************************************
*** colors for span ***
*****************************************************************************/
.bg-red1,
.bg-red2,
.bg-red3,
.bg-orange1,
.bg-orange2,
.bg-orange3,
.bg-yellow1,
.bg-yellow2,
.bg-yellow3,
.bg-green1,
.bg-green2,
.bg-green3,
.bg-cyan1,
.bg-cyan2,
.bg-cyan3,
.bg-blue1,
.bg-blue2,
.bg-blue3,
.bg-magenta1,
.bg-magenta2,
.bg-magenta3,
.bg-gray1,
.bg-gray2,
.bg-gray3,
.bg-white,
.bg-black
{
color: #c1c1c1; background-color: #333333 !important;
}
/*
*****************************************************************************
*** framed textbox: colors ***
*****************************************************************************/
.textbox.red,
.textbox.orange,
.textbox.yellow,
.textbox.green,
.textbox.news,
.textbox.cyan,
.textbox.blue,
.textbox.magenta,
.textbox.white,
.textbox.gray,
.textbox.black
{
color: #999999;
background-color: #222222;
border: 1px solid #101010;
box-shadow: 3px 3px 5px #444444;
-moz-box-shadow: 3px 3px 5px #444444;
-webkit-box-shadow: 3px 3px 5px #444444;
-khtml-box-shadow: 3px 3px 5px #444444;
}
.textbox.red .textbox-head,
table.textbox.red caption,
.textbox.orange .textbox-head,
table.textbox.orange caption,
.textbox.yellow .textbox-head,
table.textbox.yellow caption,
.textbox.green .textbox-head,
table.textbox.green caption,
.textbox.news .textbox-head,
table.textbox.news caption,
.textbox.cyan .textbox-head,
table.textbox.cyan caption,
.textbox.blue .textbox-head,
table.textbox.blue caption,
.textbox.magenta .textbox-head,
table.textbox.magenta caption,
.textbox.white .textbox-head,
table.textbox.white caption,
.textbox.gray .textbox-head,
table.textbox.gray caption,
.textbox.black .textbox-head,
table.textbox.black caption
{
color: #999999;
background-color: #111111;
}
/*
*****************************************************************************
*** misc ***
*****************************************************************************/
span.button
{
border: 1px solid #111111;
box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1);
color: #999999;
background-color: #797979;
background-image: linear-gradient(to bottom, #111111, #222222, #111111);
white-space: nowrap;
}
span.math,
div.math,
span.code,
div.code
{
border: 1px solid #111111;
}
span.code,
div.code
{
background-color: #7f7870;
}
/*
*****************************************************************************
*** standard wiki tables ***
*****************************************************************************/
table.wikitable caption { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr0a th { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr0b th { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr1a { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr1b { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr2a { background-color: #111111; color: #c1c1c1; }
table.wikitable tr.tr2b { background-color: #111111; color: #c1c1c1; }
/*
*****************************************************************************
*** wikitable support ***
*****************************************************************************/
table.wikitable.alt tr:nth-child(even) th,
table.wikitable.alt tr:nth-child(even) td
{
background-color: #111111;
}
/*
*****************************************************************************
*** textbox table colors ***
*****************************************************************************/
table.textbox th,
table.textbox.blue th
{
color: #c1c1c1;
background-color: #111111;
}
table.textbox.alt tr:nth-child(odd) th,
table.textbox.blue.alt tr:nth-child(odd) th
{
background-color: #111111;
}
table.textbox.alt tr:nth-child(odd) td,
table.textbox tr.alt td,
table.textbox.blue.alt tr:nth-child(odd) td,
table.textbox.blue tr.alt td
{
background-color: #111111;
}
table.textbox.alt tr.headline th,
table.textbox tr.headline th,
table.textbox.headline.alt tr:nth-child(1) th,
table.textbox.headline tr:nth-child(1) th,
table.textbox.blue.alt tr.headline th,
table.textbox.blue tr.headline th,
table.textbox.headline.blue.alt tr:nth-child(1) th,
table.textbox.headline.blue tr:nth-child(1) th
{
background-color: #111111;
}
table.textbox tr:hover th,
table.textbox tr:hover td,
table.textbox.alt tr:hover:nth-child(even) th,
table.textbox.alt tr:hover:nth-child(even) td,
table.textbox.blue tr:hover th,
table.textbox.blue tr:hover td,
table.textbox.blue.alt tr:hover:nth-child(even) th,
table.textbox.blue.alt tr:hover:nth-child(even) td
{
color: #c1c1c1;
background-color: #111111;
}
table.grid th,
table.grid td,
table.grid.blue th,
table.grid.blue td
{
border: 1px solid #101010;
}
/*-------------------------*/
table.textbox.red th
{
color: #999999;
background-color: #ffd0d0;
}
table.textbox.red.alt tr:nth-child(odd) th
{
background-color: #f0b0b0;
}
table.textbox.red.alt tr:nth-child(odd) td,
table.textbox.red tr.alt td
{
background-color: #f0d0d0;
}
table.textbox.red.alt tr.headline th,
table.textbox.red tr.headline th,
table.textbox.headline.red.alt tr:nth-child(1) th,
table.textbox.headline.red tr:nth-child(1) th
{
background-color: #ffa0a0;
}
table.textbox.red tr:hover th,
table.textbox.red tr:hover td,
table.textbox.red.alt tr:hover:nth-child(even) th,
table.textbox.red.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.red th,
table.grid.red td
{
border: 1px solid #a00000;
}
/*-------------------------*/
table.textbox.orange th
{
color: #000000;
background-color: #ffe0c0;
}
table.textbox.orange.alt tr:nth-child(odd) th
{
background-color: #f0c0a0;
}
table.textbox.orange.alt tr:nth-child(odd) td,
table.textbox.orange tr.alt td
{
background-color: #f0e0c0;
}
table.textbox.orange.alt tr.headline th,
table.textbox.orange tr.headline th,
table.textbox.headline.orange.alt tr:nth-child(1) th,
table.textbox.headline.orange tr:nth-child(1) th
{
background-color: #ffb870;
}
table.textbox.orange tr:hover th,
table.textbox.orange tr:hover td,
table.textbox.orange.alt tr:hover:nth-child(even) th,
table.textbox.orange.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.orange th,
table.grid.orange td
{
border: 1px solid #e0a080;
}
/*-------------------------*/
table.textbox.yellow th
{
color: #000000;
background-color: #ffffc0;
}
table.textbox.yellow.alt tr:nth-child(odd) th
{
background-color: #f0f0a0;
}
table.textbox.yellow.alt tr:nth-child(odd) td,
table.textbox.yellow tr.alt td
{
background-color: #f0f0c0;
}
table.textbox.yellow.alt tr.headline th,
table.textbox.yellow tr.headline th,
table.textbox.headline.yellow.alt tr:nth-child(1) th,
table.textbox.headline.yellow tr:nth-child(1) th
{
background-color: #ffff70;
}
table.textbox.yellow tr:hover th,
table.textbox.yellow tr:hover td,
table.textbox.yellow.alt tr:hover:nth-child(even) th,
table.textbox.yellow.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #f0c0a0;
}
table.grid.yellow th,
table.grid.yellow td
{
border: 1px solid #808000;
}
/*-------------------------*/
table.textbox.green th
{
color: #000000;
background-color: #d0ffd0;
}
table.textbox.green.alt tr:nth-child(odd) th
{
background-color: #b0f0b0;
}
table.textbox.green.alt tr:nth-child(odd) td,
table.textbox.green tr.alt td
{
background-color: #d0f0d0;
}
table.textbox.green.alt tr.headline th,
table.textbox.green tr.headline th,
table.textbox.headline.green.alt tr:nth-child(1) th,
table.textbox.headline.green tr:nth-child(1) th
{
background-color: #80ff80;
}
table.textbox.green tr:hover th,
table.textbox.green tr:hover td,
table.textbox.green.alt tr:hover:nth-child(even) th,
table.textbox.green.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.green th,
table.grid.green td
{
border: 1px solid #00a000;
}
/*-------------------------*/
table.textbox.news th,
table.textbox.cyan th
{
color: #000000;
background-color: #c0ffff;
}
table.textbox.news.alt tr:nth-child(odd) th,
table.textbox.cyan.alt tr:nth-child(odd) th
{
background-color: #a0f0f0;
}
table.textbox.news.alt tr:nth-child(odd) td,
table.textbox.news tr.alt td,
table.textbox.cyan.alt tr:nth-child(odd) td,
table.textbox.cyan tr.alt td
{
background-color: #d0f0f0;
}
table.textbox.news.alt tr.headline th,
table.textbox.news tr.headline th,
table.textbox.headline.news.alt tr:nth-child(1) th,
table.textbox.headline.news tr:nth-child(1) th,
table.textbox.cyan.alt tr.headline th,
table.textbox.cyan tr.headline th,
table.textbox.headline.cyan.alt tr:nth-child(1) th,
table.textbox.headline.cyan tr:nth-child(1) th
{
background-color: #60ffff;
}
table.textbox.news tr:hover th,
table.textbox.news tr:hover td,
table.textbox.news.alt tr:hover:nth-child(even) th,
table.textbox.news.alt tr:hover:nth-child(even) td,
table.textbox.cyan tr:hover th,
table.textbox.cyan tr:hover td,
table.textbox.cyan.alt tr:hover:nth-child(even) th,
table.textbox.cyan.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.news th,
table.grid.news td,
table.grid.cyan th,
table.grid.cyan td
{
border: 1px solid #008080;
}
/*-------------------------*/
table.textbox.magenta th
{
color: #000000;
background-color: #ffd0ff;
}
table.textbox.magenta.alt tr:nth-child(odd) th
{
background-color: #f0b0f0;
}
table.textbox.magenta.alt tr:nth-child(odd) td,
table.textbox.magenta tr.alt td
{
background-color: #f0c8f0;
}
table.textbox.magenta.alt tr.headline th,
table.textbox.magenta tr.headline th,
table.textbox.headline.magenta.alt tr:nth-child(1) th,
table.textbox.headline.magenta tr:nth-child(1) th
{
background-color: #ff70ff;
}
table.textbox.magenta tr:hover th,
table.textbox.magenta tr:hover td,
table.textbox.magenta.alt tr:hover:nth-child(even) th,
table.textbox.magenta.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.magenta th,
table.grid.magenta td
{
border: 1px solid #700070;
}
/*-------------------------*/
table.textbox.white th
{
color: #000000;
background-color: #b0b0b0;
}
table.textbox.white.alt tr:nth-child(odd) th
{
background-color: #a0a0a0;
}
table.textbox.white.alt tr:nth-child(odd) td,
table.textbox.white tr.alt td
{
background-color: #e0e0e0;
}
table.textbox.white.alt tr.headline th,
table.textbox.white tr.headline th,
table.textbox.headline.white.alt tr:nth-child(1) th,
table.textbox.headline.white tr:nth-child(1) th
{
background-color: #f0f0f0;
}
table.textbox.white tr:hover th,
table.textbox.white tr:hover td,
table.textbox.white.alt tr:hover:nth-child(even) th,
table.textbox.white.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.white th,
table.grid.white td
{
border: 1px solid #c0c0c0;
}
/*-------------------------*/
table.textbox.gray th
{
color: #000000;
background-color: #c0c0c0;
}
table.textbox.gray.alt tr:nth-child(odd) th
{
background-color: #b0b0b0;
}
table.textbox.gray.alt tr:nth-child(odd) td,
table.textbox.gray tr.alt td
{
background-color: #d0d0d0;
}
table.textbox.gray.alt tr.headline th,
table.textbox.gray tr.headline th,
table.textbox.headline.gray.alt tr:nth-child(1) th,
table.textbox.headline.gray tr:nth-child(1) th
{
background-color: #a0a0a0;
}
table.textbox.gray tr:hover th,
table.textbox.gray tr:hover td,
table.textbox.gray.alt tr:hover:nth-child(even) th,
table.textbox.gray.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.gray th,
table.grid.gray td
{
border: 1px solid #606060;
}
/*-------------------------*/
table.textbox.black th
{
color: #ffffff;
background-color: #808080;
}
table.textbox.black.alt tr:nth-child(odd) th
{
background-color: #a0a0a0;
}
table.textbox.black.alt tr:nth-child(odd) td,
table.textbox.black tr.alt td
{
background-color: #303030;
}
table.textbox.black.alt tr.headline th,
table.textbox.black tr.headline th,
table.textbox.headline.black.alt tr:nth-child(1) th,
table.textbox.headline.black tr:nth-child(1) th
{
background-color: #606060;
}
table.textbox.black tr:hover th,
table.textbox.black tr:hover td,
table.textbox.black.alt tr:hover:nth-child(even) th,
table.textbox.black.alt tr:hover:nth-child(even) td
{
color: #000000;
background-color: #ffff80;
}
table.grid.black th,
table.grid.black td
{
border: 1px solid #505050;
}
/*-------------------------*/