Difference between revisions of "MediaWiki:Vector.css"
| (103 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | /* 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 { | #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; | |
| − | margin- | + | 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 { | div.vectorTabs { | ||
| − | + | background-image: none; | |
} | } | ||
| − | div.vectorTabs span | + | div.vectorTabs span { |
| − | + | background-image: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | background: none; | ||
} | } | ||
| − | div.vectorTabs | + | div.vectorTabs ul { |
| − | + | background-image: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
div.vectorTabs li a { | div.vectorTabs li a { | ||
| − | + | background-image: none; | |
| − | |||
| − | |||
} | } | ||
| − | + | div.vectorTabs li.selected { | |
| − | div.vectorTabs li.selected | + | background-color: transparent; |
| − | + | background-image: none; | |
| − | |||
} | } | ||
| − | div.vectorTabs li | + | div.vectorTabs ul li { |
| − | color: | + | background-color:transparent; |
| + | background-image: none; | ||
} | } | ||
| − | div. | + | #mw-head div.vectorMenu h5 { |
| − | + | background-image: none; | |
| − | background: | ||
} | } | ||
| − | div.vectorMenu { | + | div.vectorMenu h5 a { |
| − | + | background-image: none; | |
| − | |||
| − | |||
} | } | ||
| − | div. | + | div.vectorTabs li a, div.vectorTabs li a span { |
| − | + | color: #FFFFFF; | |
| − | + | cursor: pointer; | |
| + | font-weight: bold; | ||
| + | text-transform: uppercase; | ||
} | } | ||
| − | div. | + | 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. | + | 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. | + | div.vectorTabs li a { |
| − | background | + | background-image: none; |
| − | |||
| − | |||
} | } | ||
| − | + | ul.tabbernav { | |
| − | + | margin: 0; | |
| − | border: | + | 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 | + | border-bottom: 1px solid #FFF; |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .tabber .tabbertab { |
| − | + | padding: 5px; | |
| − | + | border: 1px solid #CCC; | |
| − | border- | + | border-top: 0; |
| − | |||
} | } | ||
li.gallerybox { | 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;
}