Check users, Comment administrators, csmoderator, Interface administrators, oversight, Suppressors, Administrators
8,161
edits
MediaWiki:DarkVector.css: Difference between revisions
going back to old design nowadays
Screamer1234 (talk | contribs) No edit summary |
Screamer1234 (talk | contribs) (going back to old design nowadays) |
||
| Line 21: | Line 21: | ||
/* changes the background color of the bottom and left of each page, up to behind half of the logo */ | /* changes the background color of the bottom and left of each page, up to behind half of the logo */ | ||
body {background: #a62e10} | body {background: #a62e10} | ||
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | ||
| Line 38: | Line 31: | ||
.editOptions{ | .editOptions{ | ||
background-color:#333; | background-color:#333; | ||
border-color:# | border-color:#a62e10 | ||
} | } | ||
input,textarea{ | input,textarea{ | ||
| Line 100: | Line 93: | ||
#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{ | #left-navigation div.vectorTabs,#right-navigation div.vectorTabs{ | ||
background-image:inherit; | background-image:inherit; | ||
background-color:#e87057 | background-color:#e87057 | ||
} | } | ||
#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{ | #left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{ | ||
| Line 108: | Line 100: | ||
#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{ | #left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{ | ||
background-color:#222; | background-color:#222; | ||
background-image:-moz-linear-gradient(top, # | background-image:-moz-linear-gradient(top, #ff7d45 20%, #222 100%); | ||
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, # | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #ff7d45), color-stop(100%, #222)); | ||
background-image:-webkit-linear-gradient(top, # | background-image:-webkit-linear-gradient(top, #ff7d45 20%, #222 100%); | ||
background-image:linear-gradient(# | background-image:linear-gradient(#ff7d45 20%, #222 100%) | ||
} | } | ||
#left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{ | #left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{ | ||
color:# | color:#ff4a24 | ||
} | } | ||
#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{ | #left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{ | ||
background-color:#333; | background-color:#333; | ||
background-image:-moz-linear-gradient(top, # | background-image:-moz-linear-gradient(top, #e87057 0, #333 10%); | ||
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, # | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333)); | ||
background-image:-webkit-linear-gradient(top, # | background-image:-webkit-linear-gradient(top, #e87057 0, #333 10%); | ||
background-image:linear-gradient(# | background-image:linear-gradient(#e87057 0, #333 10%) | ||
} | } | ||
#left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{ | #left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{ | ||
color:# | color:#e87057 | ||
} | } | ||
#left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{ | #left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{ | ||
color:# | color:#e87057 | ||
} | } | ||
#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{ | #left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{ | ||
| Line 167: | Line 159: | ||
} | } | ||
html{ | html{ | ||
font-size:100% | font-size:100% | ||
} | } | ||
html,body{ | html,body{ | ||
| Line 175: | Line 167: | ||
} | } | ||
body{ | body{ | ||
background-color:# | background-color:#1c1c1c | ||
} | } | ||
.mw-body{ | .mw-body{ | ||
| Line 184: | Line 176: | ||
margin-top:-1px; | margin-top:-1px; | ||
background-color:#333; | background-color:#333; | ||
color:# | color:#c1c1c1; | ||
direction:ltr | direction:ltr | ||
} | } | ||
| Line 321: | Line 313: | ||
div#simpleSearch{ | div#simpleSearch{ | ||
display:block; | display:block; | ||
width:12. | width:12.6em; | ||
padding-right:1. | padding-right:1.4em; | ||
height:1.4em; | height:1.4em; | ||
margin-top:.65em; | margin-top:.65em; | ||
position:relative; | position:relative; | ||
min-height: | min-height:1px; | ||
border:solid | border:solid 1px #aaa; | ||
color:black; | color:black; | ||
background-color: | background-color:white; | ||
background-image:/* @embed */ | background-image:/* @embed */ | ||
url('skins/Vector/images/search-fade.png'); | |||
background-position:top left; | |||
background-repeat:repeat-x | |||
} | } | ||
div#simpleSearch input{ | div#simpleSearch input{ | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
border:0 | border:0; | ||
background-color:transparent; | background-color:transparent; | ||
color: | color:black | ||
} | } | ||
div#simpleSearch #searchInput{ | div#simpleSearch #searchInput{ | ||
| Line 474: | Line 466: | ||
float:left; | float:left; | ||
cursor:pointer; | cursor:pointer; | ||
position:relative | position:relative | ||
} | } | ||
body.rtl div.vectorMenu{ | body.rtl div.vectorMenu{ | ||
| Line 499: | Line 491: | ||
font-weight:normal; | font-weight:normal; | ||
color:#4d4d4d | color:#4d4d4d | ||
} | } | ||
div.vectorMenu h3 a{ | div.vectorMenu h3 a{ | ||
| Line 700: | Line 685: | ||
background-repeat:repeat-x; | background-repeat:repeat-x; | ||
background-image:url('skins/Vector/images/page-fade.png'); | background-image:url('skins/Vector/images/page-fade.png'); | ||
background-color: | background-color:1c1c1c; | ||
background-image:-moz-linear-gradient(top, # | background-image:-moz-linear-gradient(top, #1c1c1c 50%, 1c1c1c 100%); | ||
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, # | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #1c1c1c), color-stop(100%, #1c1c1c)); | ||
background-image:-webkit-linear-gradient(top, # | background-image:-webkit-linear-gradient(top, #1c1c1c 50%, 1c1c1c 100%); | ||
background-image:linear-gradient(# | background-image:linear-gradient(#1c1c1c 50%, 1c1c1c 100%); | ||
background-color:#333 | background-color:#333 | ||
} | } | ||
| Line 859: | Line 844: | ||
#footer, .ajaxpoll-id-info { | #footer, .ajaxpoll-id-info { | ||
color: #D8D8D8 | color: #D8D8D8 | ||
} | } | ||
| Line 919: | Line 900: | ||
::-webkit-scrollbar-track { | ::-webkit-scrollbar-track { | ||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0. | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; | ||
-webkit-border-radius: 0px !important; | -webkit-border-radius: 0px !important; | ||
border-radius: 0px !important; | border-radius: 0px !important; | ||
| Line 928: | Line 909: | ||
border-radius: 0px !important; | border-radius: 0px !important; | ||
background: #d13c17 !important; | background: #d13c17 !important; | ||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0. | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; | ||
} | } | ||