User:Sagarmatha/vector-2022.css
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*@import "MediaWiki:Darkvector.css";*/
/* 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;
}
/* ================== My changes ================ */
/* rounded borders, no inner table lines */
table.altRowsMed, table.altRowsPad {
border-radius: 15px; overflow: hidden;
border: 0 solid black;
border-collapse: collapse;
border-spacing: 0;
}
/* make even rows different color from background color */
table.altRowsMed tr.even, table.altRowsPad tr.even {
background-color: #5C5C5C;
}
/* padding so 1st column icons don't get clipped by rounded borders */
table.altRowsMed td:nth-child(1) {
padding-left: 5px
}
/* padding so icons don't get clipped by rounded borders
table.altRowsMed td, table.altRowsPad td {
padding: 8px
}*/
pre.mw-code {
counter-reset: line;
}
pre .line::before {
counter-increment: line;
content: [counter](line);
}
div.mw-hilight {
background-color: #ecfcf4;
}
.mw-parser-output .documentation-container {
background-color: #ecfcf4;
}