MediaWiki:Darkvector.css

From Lotro-Wiki.com
Jump to navigation Jump to search

Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will affect users of the DarkVector skin */

/***** 1. INDICATION OF NAMESPACES *****/

/* NS Project + Project_talk (light sky blue) */
.ns-4 #content, .ns-5 #content { background-color: #333;}
.ns-4 div.thumb, .ns-5 div.thumb { border-color: #333; } 

/* NS MediaWiki + MediaWiki_talk (light grey) */
.ns-8 #content, .ns-9 #content { background-color: #333; border: 1px solid #0000cc;}
.ns-8 div.thumb, .ns-9 div.thumb { border-color: #333; } 

/* NS Help + Help_talk (light sky blue)  */
.ns-12 #content, .ns-13 #content { background-color: #333; border: 1px solid #0000cc;}
.ns-12 #bodyContent, .ns13 div.thumb { border-color: #333; } 

/* NS Item + Item_talk (light bluish violet) */
.ns-100 #content, .ns-101 #content { background-color: #333; }
.ns-100 div.thumb, .ns-101 div.thumb { border-color: #333; } 

/* NS Quest + Quest_talk (light bluish violet) */
.ns-102 #content, .ns-103 #content { background-color: #333; }
.ns-102 div.thumb, .ns-103 div.thumb { border-color: #333; } 

/* NS Social + Social_talk (light grey) */
.ns-108 #content, .ns-109 #content { background-color: #333; }
.ns-108 div.thumb, .ns-109 div.thumb { border-color: #333; } 

/* Not existing discussion page link */
.new a { color: #d44 !important; }
/****** Dark Tables ******/
table.altRows th {
    background-color: black;
    color: orange;
}
table.altRows tr.odd {background-color: #4C4C4C;}
table.altRows tr.even {background-color: #333;}

table.altRowsMed th {
    background-color: black;
    color: orange;
}
table.altRowsMed tr.odd {background-color: #4C4C4C;}
table.altRowsMed tr.even {background-color: #333;}

table.altRowsMed2 th {
    background-color: black;
    color: orange;
}
table.altRowsMed2 tr.odd {background-color: #4C4C4C;}
table.altRowsMed2 tr.even {background-color: #333;}

table.altRowsPad th {
    background-color: black;
    color: orange;
}
table.altRowsPad tr.odd {background-color: #4C4C4C;}
table.altRowsPad tr.even {background-color: #333;}

table.altRowsCenter th {
    background-color: black;
    color: orange;
}
table.altRowsCenter tr.odd {background-color: #4C4C4C;}
table.altRowsCenter tr.even {background-color: #333;}

table.stocktable th {
    background-color: black;
}
table.stocktable {
    border: 3px outset darkgray;
}
table.stocktable tr:not(:first-child) th {
    background-color: #111100;
}
table.stocktable caption {
  color: #c1c1c1;
}

#mw-searchoptions {
    background-color: inherit;
}

table tr.odd {background-color: #4C4C4C;}
table tr.even {background-color: #333;}

/* Main site logo */
.mw-wiki-logo {
    background-image: url(/images/c/ce/LOTRO-Wiki-Dark.png);
    background-size: contain;
}

/* Main page */
.mainpage_headerbody {
  background:#0A0500;
  background-image: -moz-radial-gradient(top, circle, #040404, #000066); 
  background-image: -ms-radial-gradient(top, circle, #040404, #000066);
  background-image: -o-radial-gradient(top, circle, #040404, #000066);
  background-image: -webkit-radial-gradient(top, circle, #040404, #000066);
  background-image: radial-gradient(top, circle, #040404, #000066);
}
.mainpage_headertext {
  color: #D3D3D3;
}
.mainpage_celltitle     {background: #753122;}
.mainpage_celltitle_CC  {background: #001188;}
.mainpage_celltitle_GP  {background: #661144;}
.mainpage_celltitle_MP  {background: #3388BB;}
.mainpage_cell {
  background-image: -moz-radial-gradient(top, circle, #030303, #663322);
  background-image: -ms-radial-gradient(top, circle, #030303, #663322); 
  background-image: -o-radial-gradient(top, circle, #030303, #663322); 
  background-image: -webkit-radial-gradient(top, circle, #030303, #663322); 
  background-image: radial-gradient(top, circle, #030303, #663322); 
}
.mainpage_cell_CC {
  background-image: -moz-radial-gradient(top, circle, #030303, #000066); 
  background-image: -ms-radial-gradient(top, circle, #030303, #000066);
  background-image: -o-radial-gradient(top, circle, #030303, #000066);
  background-image: -webkit-radial-gradient(top, circle, #030303, #000066);
  background-image: radial-gradient(top, circle, #030303, #000066);
}
.mainpage_cell_GP {
  background-image: -moz-radial-gradient(top, circle, #030303, #661144); 
  background-image: -ms-radial-gradient(top, circle, #030303, #661144);
  background-image: -o-radial-gradient(top, circle, #030303, #661144); 
  background-image: -webkit-radial-gradient(top, circle, #030303, #661144); 
  background-image: radial-gradient(top, circle, #030303, #661144); 
}
.mainpage_cell_MP {
  background-image: -moz-radial-gradient(top, circle, #030303, #223366);
  background-image: -ms-radial-gradient(top, circle, #030303, #223366); 
  background-image: -o-radial-gradient(top, circle, #030303, #223366); 
  background-image: -webkit-radial-gradient(top, circle, #030303, #223366); 
  background-image: radial-gradient(top, circle, #030303, #223366); 
}

/* Template Documentation */
div.template-documentation {
	background-color: #004000;
}

/* Template Ambox */
table.ambox {
    background: #202020;
}

/* Template Npcbox */
table.darktable {
    background-color: #202020;
}

/* <code> ... </code> */
code {
    color:lime;
    background-color:black;
}

/* Template Title*/
.title-normal th { background: #444400; }
.title-freeps th { background: #257fda; }
.title-creeps th { background: #257f55; }

/*Help:Contents*/
.help-contents-box1 { background:#191816;} /*Top welcome message*/
.help-contents-box2 { background:#332828;} /*General Reader*/
.help-contents-box3 { background:#282833;} /*Editor Information*/
.help-contents-box4 { background:#33331e;} /*Article Creation Templates*/
.help-contents-box5 { background:#28331e;} /*Boilerplates*/
.help-contents-box6 { background:#191816;} /*Projects*/

/* Trait Trees */
.traittree-container {
  padding: 0px;
  display: flex;
}
.specialization {
  float: left;
  clear: left;
}
.traittree-blue-container {
	border: 5px ridge rgb(10,0,160);
}
.traittree-blue-bg-text{ 
    background: rgba(10,0,160,0.3) !important;
}
.traittree-blue-bg { 
    color: #c1c1c1 !important;
    font-weight: bold !important;
	background: rgba(10,0,160,0.3); 
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(10,0,160,1) 90%);
	border-width: 2px 0px 0px 0px;
	border-style: ridge; 
	border-color: rgb(10,0,160);
}

.traittree-red-container {
	border: 5px ridge rgb(167,0,0);
}
.traittree-red-bg-text{ 
    background: rgba(167,0,0,0.3) !important; 
}
.traittree-red-bg { 
    color: #c1c1c1 !important;
    font-weight: bold !important;
	background: rgba(167,0,0,0.3); 
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(167,0,0,1) 90%);
	border-width: 2px 0px 0px 0px;
	border-style: ridge; 
	border-color: rgb(167,0,0);
}

.traittree-yellow-container {
	border: 5px ridge rgb(168,165,0);
}
.traittree-yellow-bg-text{ 
    	background: rgba(168,165,0,0.3) !important;
}
.traittree-yellow-bg { 
    color: #c1c1c1 !important;
    font-weight: bold !important;
	background: rgba(168,165,0,0.3); 
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(168,165,0,1) 90%); 
	border-width: 2px 0px 0px 0px;
	border-style: ridge; 
	border-color: rgb(168,165,0);
}

/* Colors for different kinds of navigation boxes: */
    /* templates based on Template:Navigation Box */
.navigation_box { background-color: #0f0f0f !important }
.navigation_box th { background-color:#3f3f3f !important }
    /* templates based on Template:Area Navigation Box */
.area_navigation_box { background-color: #0f0f0f !important } 
.area_navigation_box th { background-color:#3f3f3f !important }
    /* templates based on Template:Region Navigation Box */
.region_navigation_box { background-color: #0f0f0f !important }
.region_navigation_box th { background-color:#3f3f3f !important }
    /* templates based on Template:Land Navigation Box */
.land_navigation_box { background-color: #333300 !important }
.land_navigation_box th { background-color:#808000 !important }
    /* templates based on Template:Navigation Bosses Box */
.bosses_nav_box { background-color: #0f0f0f !important }
.bosses_nav_box th { background-color:#3f3f3f !important }
    /* templates based on Template:Instance Cluster Box */
.instance_cluster_nav_box { background-color: #0f0f0f !important }
.instance_cluster_nav_box th { background-color:#3f3f3f !important }
    /* templates based on Template:Recipes or Template:Recipe Index */
.recipes_navigation_box { background-color: #0f0f0f !important }
.recipes_navigation_box th { background-color:#3f3f3f !important }


/******************** COLORS FOR CODEMIRROR SYNTAX HIGHLIGH ********************/
.cm-mw-matching { background-color: #ffd700; }
.cm-mw-skipformatting { background-color: #adf; }

.cm-mw-doubleUnderscore,
.cm-mw-signature,
.cm-mw-hr,
.cm-mw-matchingbracket { background-color: #333 !important;}
.cm-mw-matchingbracket { box-shadow: inset 0 0 1px 1px #111 !important;}

.cm-mw-doubleUnderscore,
.cm-mw-signature,
.cm-mw-hr,
.cm-mw-list,
.cm-mw-indenting,
.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header { color: #08f }

.cm-mw-comment { color: #84a0a0 }

.cm-mw-template,
.cm-mw-template-name,
.cm-mw-template-argument-name,
.cm-mw-template-delimiter,
.cm-mw-template-bracket { color: #e0f !important;}

.cm-mw-templatevariable,
.cm-mw-templatevariable-name,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter { color: #f50 }

.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter { color: #a11 }

pre.CodeMirror-line.cm-mw-exttag,
pre.CodeMirror-line-like.cm-mw-exttag {
	background-color: rgba( 119, 0, 170, 0.02 );
}
.cm-mw-exttag { background-color: rgba( 119, 0, 170, 0.04 ); }
.cm-mw-exttag-name,
.cm-mw-exttag-bracket,
.cm-mw-exttag-attribute,
.cm-mw-mnemonic,
.cm-mw-htmltag-name,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-attribute { color: #290 !important;}

pre.CodeMirror-line.cm-mw-tag-pre,
pre.CodeMirror-line-like.cm-mw-tag-pre,
.cm-mw-tag-pre {
	background-color: rgba( 0, 0, 0, 0.04 );
}
pre.CodeMirror-line.cm-mw-tag-nowiki,
pre.CodeMirror-line-like.cm-mw-tag-nowiki,
.cm-mw-tag-nowiki {
	background-color: rgba( 0, 0, 0, 0.04 );
}

.cm-mw-link,
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket { color: #e69710 !important;}
.cm-mw-link-tosection { color: #18e }


.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-table-definition { color: #e0e }

/* .cm-mw-template-ground {} */
.cm-mw-template2-ground { background-color: rgba( 170, 17, 17, 0.04 ); }
.cm-mw-template3-ground { background-color: rgba( 170, 17, 17, 0.08 ); }
.cm-mw-template-ext-ground { background-color: rgba( 119, 0, 170, 0.04 ); }
.cm-mw-template-ext2-ground { background-color: rgba( 119, 0, 170, 0.08 ); }
.cm-mw-template-ext3-ground { background-color: rgba( 119, 0, 170, 0.12 ); }
.cm-mw-template-link-ground { background-color: rgba( 34, 17, 153, 0.04 ); }
.cm-mw-template-ext-link-ground { background-color: rgba( 77, 9, 162, 0.08 ); }
.cm-mw-template-ext2-link-ground { background-color: rgba( 91, 6, 164, 0.12 ); }
.cm-mw-template-ext3-link-ground { background-color: rgba( 98, 4, 166, 0.16 ); }
.cm-mw-template2-ext-ground { background-color: rgba( 145, 9, 94, 0.08 ); }
.cm-mw-template2-ext2-ground { background-color: rgba( 136, 6, 119, 0.12 ); }
.cm-mw-template2-ext3-ground { background-color: rgba( 132, 4, 132, 0.16 ); }
.cm-mw-template2-link-ground { background-color: rgba( 102, 17, 85, 0.08 ); }
.cm-mw-template2-ext-link-ground { background-color: rgba( 108, 11, 113, 0.12 ); }
.cm-mw-template2-ext2-link-ground { background-color: rgba( 111, 9, 128, 0.16 ); }
.cm-mw-template2-ext3-link-ground { background-color: rgba( 112, 7, 136, 0.2 ); }
.cm-mw-template3-ext-ground { background-color: rgba( 153, 11, 68, 0.12 ); }
.cm-mw-template3-ext2-ground { background-color: rgba( 145, 9, 94, 0.16 ); }
.cm-mw-template3-ext3-ground { background-color: rgba( 139, 7, 109, 0.2 ); }
.cm-mw-template3-link-ground { background-color: rgba( 125, 17, 62, 0.12 ); }
.cm-mw-template3-ext-link-ground { background-color: rgba( 123, 13, 89, 0.16 ); }
.cm-mw-template3-ext2-link-ground { background-color: rgba( 122, 10, 105, 0.2 ); }
.cm-mw-template3-ext3-link-ground { background-color: rgba( 122, 9, 116, 0.24 ); }
.cm-mw-ext-ground { background-color: rgba( 119, 0, 170, 0.04 ); }
.cm-mw-ext2-ground { background-color: rgba( 119, 0, 170, 0.08 ); }
.cm-mw-ext3-ground { background-color: rgba( 119, 0, 170, 0.12 ); }
.cm-mw-ext-link-ground { background-color: rgba( 34, 17, 153, 0.04 ); }
.cm-mw-ext2-link-ground { background-color: rgba( 77, 9, 162, 0.08 ); }
.cm-mw-ext3-link-ground { background-color: rgba( 91, 6, 164, 0.12 ); }
.cm-mw-link-ground { background-color: rgba( 34, 17, 153, 0.04 ); }

.CodeMirror-sizer,
.CodeMirror-gutters { background-color: #333 }
.CodeMirror-line { max-width: None }
/******************** END OF COLORS FOR CODEMIRROR SYNTAX HIGHLIGH ********************/

.wikiEditor-ui-toolbar .page-characters div span { color: #ccc !important; }

.create-new-box { background:#111100; }
.create-new-box input {background-color: #4C4C4C; color: #C1C1C1; }

.gallerytext p { color: #c1c1c1; }

sup.reference:target { background-color: #663300; }
ol.references li:target { background-color: #663300; }

.mw-parser-output a.external, .link-mailto, .link-ftp, .link-irc, .link-audio, .link-video, .link-document {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"><path fill="%23db8200" d="M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z"/><path fill="%23db8200" d="M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z"/><path fill="%23db8200" d="M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z"/></svg>');
}

.ext-replacetext-searchoptions {background-color: inherit;}

/* Image frame/thumb fix*/
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
figure[typeof~='mw:File/Thumb'] > figcaption,
figure[typeof~='mw:File/Frame'] > figcaption,
figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media)
{
    background-color: #3d3d3d;
    border-color: #666;
}
Retrieved from "https://lotro-wiki.com/w/index.php?title=MediaWiki:Darkvector.css&oldid=1760793"