Difference between revisions of "MediaWiki:Vector.css"
From Dungeon Defenders 2 Wiki
(262 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
+ | @import 'https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans'; | ||
− | + | div#mw-head { | |
− | + | #top: 110px; | |
− | |||
} | } | ||
− | # | + | #contentSub { |
− | + | margin: 0px; | |
} | } | ||
− | + | #mw-content-text { | |
− | + | font-family:Noto Sans, sans-serif; | |
− | + | color:rgba(244,244,244,.84); | |
− | |||
− | |||
− | |||
} | } | ||
− | + | #firstHeading { | |
− | + | font-family:Noto Sans, sans-serif; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #mw-content-text a { | |
− | + | color:rgba(255,167,0,.96); | |
} | } | ||
− | + | #mw-head-base { | |
− | + | background-image: none; | |
− | + | background-color: rgba(0, 0, 0, .97); | |
+ | border-left: 1px solid #181818; | ||
+ | border-right: 1px solid #181818; | ||
+ | border-bottom: 0px solid #181818; | ||
+ | border-top: 1px solid #181818; | ||
+ | border-top-left-radius: 0.5em; | ||
+ | border-top-right-radius: 0.5em; | ||
+ | bottom: 0; | ||
+ | height: 48px; | ||
+ | margin-top: -40px; | ||
} | } | ||
− | + | #p-personal { | |
− | + | background-color: rgba(0, 0, 0, 1); | |
+ | border: 1px solid #181818; | ||
+ | border-radius: 4px 4px 4px 4px; | ||
+ | right: 0; | ||
+ | padding-right: 0.55em; | ||
+ | padding-bottom: 3px; | ||
+ | #top: -100px; | ||
+ | margin-right: 10px; | ||
} | } | ||
− | + | #p-personal #pt-mytalk, | |
− | + | #p-personal #pt-preferences, | |
− | + | #p-personal #pt-watchlist, | |
+ | #p-personal #pt-mycontris, | ||
+ | #p-personal #pt-logout { | ||
+ | text-transform: lowercase; | ||
} | } | ||
− | + | div.vectorTabs { | |
− | + | background-image: none; | |
} | } | ||
− | . | + | div.vectorTabs span { |
− | + | background-image: none; | |
} | } | ||
− | + | div.vectorTabs ul { | |
− | + | background-image: none; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
div.vectorTabs li a { | div.vectorTabs li a { | ||
− | + | background-image: none; | |
} | } | ||
− | div.vectorTabs li. | + | div.vectorTabs li.selected { |
− | + | background-color: transparent; | |
+ | background-image: none; | ||
} | } | ||
− | div.vectorTabs li | + | div.vectorTabs ul li { |
− | + | background-color:transparent; | |
+ | background-image: none; | ||
} | } | ||
− | div.vectorMenu | + | #mw-head div.vectorMenu h5 { |
− | + | background-image: none; | |
} | } | ||
− | div.vectorMenu | + | div.vectorMenu h5 a { |
− | + | background-image: none; | |
} | } | ||
− | + | div.vectorTabs li a, div.vectorTabs li a span { | |
− | + | color: #FFFFFF; | |
+ | cursor: pointer; | ||
+ | font-weight: bold; | ||
+ | text-transform: uppercase; | ||
} | } | ||
− | + | div.vectorTabs li.selected a, | |
− | + | div.vectorTabs li.selected a span, | |
− | + | div.vectorTabs li.selected a:visited, | |
+ | div.vectorTabs li.selected a:visited span { | ||
+ | color: white !important; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | text-shadow: -1px -1px 1px black; | ||
} | } | ||
− | + | div.vectorTabs li.new a, | |
− | + | div.vectorTabs li.new a span, | |
− | + | div.vectorTabs li.new a:visited, | |
− | div | + | div.vectorTabs li.new a:visited span { |
− | + | color: #FFFFFFF; | |
− | + | font-weight: bold; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | div.vectorTabs li a { | |
− | + | background-image: none; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ul.tabbernav { | |
− | + | margin: 0; | |
− | + | padding: 3px 0; | |
+ | border-bottom: 1px solid rgba(255,255,255,.30); | ||
+ | font: bold 12px Verdana, sans-serif; | ||
} | } | ||
− | + | ul.tabbernav li { | |
− | + | list-style: none; | |
+ | margin: 0; | ||
+ | display: inline; | ||
} | } | ||
− | + | ul.tabbernav li a { | |
− | + | padding: 3px .5em; | |
− | + | margin-left: 3px; | |
− | + | border: 1px solid #CCC; | |
− | + | border-bottom: none; | |
− | + | background: rgba(21,2,30,.94); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | a: | + | ul.tabbernav li a:link { |
− | color: # | + | color: #448; |
} | } | ||
− | a | + | ul.tabbernav li a:visited { |
− | + | color: #667; | |
} | } | ||
− | a | + | ul.tabbernav li a:hover { |
− | + | color: #000; | |
+ | background: rgba(255,255,255,.30) !important; | ||
+ | border-color: #CCC; | ||
} | } | ||
− | a | + | ul.tabbernav li.tabberactive a { |
− | color: # | + | color: rgba(21,2,30,.94) !important; |
+ | background: #FFF; | ||
+ | border-bottom: 1px solid #FFF; | ||
} | } | ||
− | a:hover { | + | ul.tabbernav li.tabberactive a:hover { |
− | color: # | + | color: #000; |
+ | background: #FFF; | ||
+ | border-bottom: 1px solid #FFF; | ||
} | } | ||
− | + | .tabber .tabbertab { | |
− | + | padding: 5px; | |
− | + | border: 1px solid #CCC; | |
− | + | border-top: 0; | |
− | |||
− | |||
} | } | ||
− | + | li.gallerybox { | |
− | + | border-style:none !important; | |
} | } | ||
− | + | #mainwiki { | |
− | + | border-collapse:collapse; | |
− | + | text-align:left; | |
+ | font-family:Noto Sans, sans-serif; | ||
} | } | ||
− | + | #mainwiki tr { | |
− | + | border: 1px solid #0a010c; | |
} | } | ||
− | + | #mainwiki th { | |
− | + | vertical-align:top; | |
+ | background-image: url(https://wiki.dungeondefenders2.com/images/4/4d/Wikigradient_small.png) !important; | ||
+ | height:36px; | ||
+ | text-align:center; | ||
+ | font-size:1.4em; | ||
+ | color:#f2f2f2; | ||
} | } | ||
− | + | #mainwiki td.content { | |
− | + | padding: 1em; | |
+ | background: rgb(21,2,30); /* Old browsers */ | ||
+ | background: -moz-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* FF3.6-15 */ | ||
+ | background: -webkit-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* Chrome10-25,Safari5.1-6 */ | ||
+ | background: linear-gradient(to bottom, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | ||
+ | vertical-align:top; | ||
+ | /*color:#f2f2f2;*/ | ||
+ | color:rgba(244,244,244,.84); | ||
} | } | ||
− | + | #mainwiki a { | |
− | + | /*color: #faa700;*/ | |
+ | color:rgba(255,167,0,.96); | ||
} | } | ||
− | + | #mainwiki td.space { | |
− | + | border-right:1px solid rgba(255,255,255,.30); | |
+ | -moz-background-clip: border; /* Firefox 3.6 */ | ||
+ | -webkit-background-clip: border; /* Safari 4? Chrome 6? */ | ||
+ | background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ | ||
} | } | ||
− | + | table.wikitable th { | |
− | + | color: #FFF; | |
} | } | ||
− | + | th.headerSort { | |
− | + | color:rgba(255,167,0,.96) !important; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .diffchange { | |
− | + | color:black; | |
− | |||
− | |||
} | } | ||
− | + | .wikiEditor-preview-contents { | |
− | + | background-color: transparent; | |
} | } | ||
− | + | .wikiEditor-ui { | |
− | + | background-color: transparent; | |
− | |||
− | |||
} | } | ||
− | + | .simple-tooltip { | |
− | + | color: orange; | |
} | } |
Latest revision as of 12:47, 19 December 2018
/* CSS placed here will affect users of the Vector skin */ @import 'https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans'; div#mw-head { #top: 110px; } #contentSub { margin: 0px; } #mw-content-text { font-family:Noto Sans, sans-serif; color:rgba(244,244,244,.84); } #firstHeading { font-family:Noto Sans, sans-serif; } #mw-content-text a { color:rgba(255,167,0,.96); } #mw-head-base { background-image: none; background-color: rgba(0, 0, 0, .97); border-left: 1px solid #181818; border-right: 1px solid #181818; border-bottom: 0px solid #181818; border-top: 1px solid #181818; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; bottom: 0; height: 48px; margin-top: -40px; } #p-personal { background-color: rgba(0, 0, 0, 1); border: 1px solid #181818; border-radius: 4px 4px 4px 4px; right: 0; padding-right: 0.55em; padding-bottom: 3px; #top: -100px; margin-right: 10px; } #p-personal #pt-mytalk, #p-personal #pt-preferences, #p-personal #pt-watchlist, #p-personal #pt-mycontris, #p-personal #pt-logout { text-transform: lowercase; } div.vectorTabs { background-image: none; } div.vectorTabs span { background-image: none; } div.vectorTabs ul { background-image: none; } div.vectorTabs li a { background-image: none; } div.vectorTabs li.selected { background-color: transparent; background-image: none; } div.vectorTabs ul li { background-color:transparent; background-image: none; } #mw-head div.vectorMenu h5 { background-image: none; } div.vectorMenu h5 a { background-image: none; } div.vectorTabs li a, div.vectorTabs li a span { color: #FFFFFF; cursor: pointer; font-weight: bold; text-transform: uppercase; } div.vectorTabs li.selected a, div.vectorTabs li.selected a span, div.vectorTabs li.selected a:visited, div.vectorTabs li.selected a:visited span { color: white !important; font-weight: bold; text-decoration: none; text-shadow: -1px -1px 1px black; } div.vectorTabs li.new a, div.vectorTabs li.new a span, div.vectorTabs li.new a:visited, div.vectorTabs li.new a:visited span { color: #FFFFFFF; font-weight: bold; } div.vectorTabs li a { background-image: none; } ul.tabbernav { margin: 0; padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,.30); font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px .5em; margin-left: 3px; border: 1px solid #CCC; border-bottom: none; background: rgba(21,2,30,.94); text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: rgba(255,255,255,.30) !important; border-color: #CCC; } ul.tabbernav li.tabberactive a { color: rgba(21,2,30,.94) !important; background: #FFF; border-bottom: 1px solid #FFF; } ul.tabbernav li.tabberactive a:hover { color: #000; background: #FFF; border-bottom: 1px solid #FFF; } .tabber .tabbertab { padding: 5px; border: 1px solid #CCC; border-top: 0; } li.gallerybox { border-style:none !important; } #mainwiki { border-collapse:collapse; text-align:left; font-family:Noto Sans, sans-serif; } #mainwiki tr { border: 1px solid #0a010c; } #mainwiki th { vertical-align:top; background-image: url(https://wiki.dungeondefenders2.com/images/4/4d/Wikigradient_small.png) !important; height:36px; text-align:center; font-size:1.4em; color:#f2f2f2; } #mainwiki td.content { padding: 1em; background: rgb(21,2,30); /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ vertical-align:top; /*color:#f2f2f2;*/ color:rgba(244,244,244,.84); } #mainwiki a { /*color: #faa700;*/ color:rgba(255,167,0,.96); } #mainwiki td.space { border-right:1px solid rgba(255,255,255,.30); -moz-background-clip: border; /* Firefox 3.6 */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } table.wikitable th { color: #FFF; } th.headerSort { color:rgba(255,167,0,.96) !important; } .diffchange { color:black; } .wikiEditor-preview-contents { background-color: transparent; } .wikiEditor-ui { background-color: transparent; } .simple-tooltip { color: orange; }