added styles for custom select (+ hover) — issues #39 & #40

This commit is contained in:
larsz 2012-02-11 22:49:42 +02:00
commit d6d69f2529
2 changed files with 21 additions and 7 deletions

View file

@ -3,7 +3,7 @@ Title : Vesta
Author : Eugen Lobicov, eugen.lobicov@gmail.com
created : November 27, 2009
last updated : February 8, 2012
last updated : February 11, 2012
- - - - - - - - - - - - - - - - - - */
html{
@ -1474,8 +1474,9 @@ input::-moz-focus-inner{
background:url(../images/group-value-bullet.png) no-repeat 5px 8px;
}
.group-values .group-switcher{
display:block;
padding-right:15px;
background:url(../images/group-values-collapsed.png) no-repeat 100% 4px;
background:url(../images/group-values-collapsed.png) no-repeat 100% 50%;
}
.group-values .group-values-count{
font-size:12px;
@ -1574,7 +1575,7 @@ input::-moz-focus-inner{
.b-new-entry .textarea:focus{
-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5);
-webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.5);
border-color:rgba(82, 168, 236, 0.75) !important;
border-color:rgba(82, 168, 236, 0.75);
color:#262523;
}
@ -1611,6 +1612,8 @@ input::-moz-focus-inner{
}
.b-new-entry select.styled{
top:0;
width:231px;
height:35px;
}
.b-new-entry option{
padding:5px 5px 5px 8px;
@ -1881,25 +1884,36 @@ input::-moz-focus-inner{
.b-new-entry .autocomplete-box{
position:relative;
float:left;
padding-right:35px;
padding-right:34px;
background:#fff;
}
.b-new-entry .autocomplete-box .text-field{
width:213px;
width:221px;
margin:0;
border-right:0;
cursor:pointer;
padding-top:6px;
padding-bottom:6px;
}
.b-new-entry .autocomplete-box .text-field{
-moz-box-shadow:none;
-webkit-box-shadow:none;
border-color:#B8C2C3;
}
.b-new-entry .autocomplete-box .arrow{
position:absolute;
top:0;
right:0;
display:block;
width:32px;
width:34px;
height:32px;
font-size:0;
line-height:0;
background:#fff url(../images/autocomplete-field-arrows-sprite.png) no-repeat;
background:#fff url(../images/autocomplete-field-arrows-sprite-2012-02-11.png) no-repeat;
cursor:pointer;
}
.b-new-entry .autocomplete-box:hover .arrow,
.b-new-entry .autocomplete-box .arrow:hover,
.b-new-entry .autocomplete-box .arrow:active,
.b-new-entry .autocomplete-box .arrow:focus{

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB