User:Angeleno/darkvector.css: Difference between revisions

Jump to: navigation, search
no edit summary
(Created page with "→‎CSS placed here will affect users of the Vector skin: →‎positioning for custom logos and whatnot: .logothing { display: block; width: 160px; position: absolute; l...")
 
No edit summary
Line 93: 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 100: Line 101:
#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, #1c1c1c 20%, #222 100%);
background-image:-moz-linear-gradient(top, #8c4434 20%, #8c4434 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #1c1c1c), color-stop(100%, #333));
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #8c4434), color-stop(100%, #8c4434));
background-image:-webkit-linear-gradient(top, #1c1c1c 20%, #333 100%);
background-image:-webkit-linear-gradient(top, #8c4434 20%, #8c4434 100%);
background-image:linear-gradient(#1c1c1c 20%, #333 100%)
background-image:linear-gradient(#e67860 20%, #8c4434 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:#ff4a24
color:#FFFFFF;
}
}
#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, #e87057 0, #333 10%);
background-image:-moz-linear-gradient(top, #ffa896 0, #ffa896 10%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa896), color-stop(10%, #ffa896));
background-image:-webkit-linear-gradient(top, #e87057 0, #333 10%);
background-image:-webkit-linear-gradient(top, #ffa896 0, #ffa896 10%);
background-image:linear-gradient(#e87057 0, #333 10%)
background-image:linear-gradient(#ffa896 0, #e87057 50%)
}
}
#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:#e87057
color:#FFFFFF
}
}
#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:#e87057
color:#FFFFFF
}
}
#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{
#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{
Line 159: Line 160:
}
}
html{
html{
font-size:100%
font-size:100%;
}
}
html,body{
html,body{
Line 313: Line 314:
div#simpleSearch{
div#simpleSearch{
display:block;
display:block;
width:12.6em;
width:12.5em;
padding-right:1.4em;
padding-right:1.5em;
height:1.4em;
height:1.4em;
margin-top:.65em;
margin-top:.65em;
position:relative;
position:relative;
min-height:1px;
min-height:2px;
border:solid 1px #aaa;
border:solid 2px #e87057;
color:black;
color:black;
background-color:white;
background-color:1c1c1c;
background-image:/* @embed */
background-image:/* @embed */
url('skins/Vector/images/search-fade.png');
background-repeat:repeat-x;
background-position:top left;
border-radius:0px;
background-repeat:repeat-x
box-shadow: -0px -0px #262626;
}
}
div#simpleSearch input{
div#simpleSearch input{
Line 332: Line 333:
border:0;
border:0;
background-color:transparent;
background-color:transparent;
color:black
color:#c1c1c1
}
}
div#simpleSearch #searchInput{
div#simpleSearch #searchInput{
Line 466: Line 467:
float:left;
float:left;
cursor:pointer;
cursor:pointer;
position:relative
position:relative;
}
}
body.rtl div.vectorMenu{
body.rtl div.vectorMenu{
Line 491: Line 492:
font-weight:normal;
font-weight:normal;
color:#4d4d4d
color:#4d4d4d
}
div.vectorMenu li a{
transition: 0.4s
}
div.vectorMenu li:hover a{
background-color:#383838;
color:  #f54f2c
}
}
div.vectorMenu h3 a{
div.vectorMenu h3 a{

Navigation menu