Просмотр исходного кода

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

larsz 14 лет назад
Родитель
Сommit
d6d69f2529
2 измененных файлов с 21 добавлено и 7 удалено
  1. 21 7
      web/css/main.css
  2. BIN
      web/images/autocomplete-field-arrows-sprite-2012-02-11.png

+ 21 - 7
web/css/main.css

@@ -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{

BIN
web/images/autocomplete-field-arrows-sprite-2012-02-11.png