Style updates.

brianreavis · brianreavis · commit 06278beaa91d · 2013-05-02T22:24:41.000-07:00
diff --git a/examples/basic.html b/examples/basic.html
@@ -19,7 +19,7 @@
     <body>
 		<div id="wrapper">
 			<h1>Selectize Demos</h1>
-			
+
 			<div class="demo">
 				<h2>&lt;input type="text"&gt;</h2>
 				<div class="control-group">
@@ -39,13 +39,13 @@ <h2>&lt;input type="text"&gt;</h2>
 				});
 				</script>
 			</div>
-			
+
 			<div class="demo">
 				<h2>&lt;select&gt;</h2>
 				<div class="control-group">
 					<label for="select-beast">Beast:</label>
-					<select id="select-beast" class="demo-default" placeholder="Pick something...">
-						<option value="">Select a beast...</option>
+					<select id="select-beast" class="demo-default" placeholder="Select a person...">
+						<option value="">Select a person...</option>
 						<option value="4">Thomas Edison</option>
 						<option value="1">Nikola</option>
 						<option value="3">Nikola Tesla</option>
@@ -58,12 +58,13 @@ <h2>&lt;select&gt;</h2>
 				});
 				</script>
 			</div>
-			
+
 			<div class="demo">
 				<h2>&lt;select multiple&gt;</h2>
 				<div class="control-group">
 					<label for="select-state">States:</label>
-					<select id="select-state" name="state[]" multiple class="demo-default" style="width:50%">
+					<select id="select-state" name="state[]" multiple class="demo-default" style="width:50%" placeholder="Select a state...">
+						<option value="">Select a state...</option>
 						<option value="AL">Alabama</option>
 						<option value="AK">Alaska</option>
 						<option value="AZ">Arizona</option>
@@ -126,8 +127,9 @@ <h2>&lt;select multiple&gt;</h2>
 			<div class="demo">
 				<div class="control-group">
 					<label for="select-country">Country:</label>
-					<select id="select-country" class="demo-default">
-					    <option value="AF">Afghanistan</option>
+					<select id="select-country" class="demo-default" placeholder="Select a country...">
+					    <option value="">Select a country...</option>
+						<option value="AF">Afghanistan</option>
 					    <option value="AX">&Aring;land Islands</option>
 					    <option value="AL">Albania</option>
 					    <option value="DZ">Algeria</option>
diff --git a/jquery.selectize.css b/jquery.selectize.css
@@ -56,9 +56,9 @@
 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
 }
 .selectize-input.dropdown-active {
-	-webkit-border-radius: 3px 3px 0 0;
-	-moz-border-radius: 3px 3px 0 0;
-	border-radius: 3px 3px 0 0;
+	-webkit-border-radius: 3px 3px 0 0 !important;
+	-moz-border-radius: 3px 3px 0 0 !important;
+	border-radius: 3px 3px 0 0 !important;
 }
 .selectize-input.full {
 	background-color: #f2f2f2;
@@ -88,7 +88,7 @@
 .selectize-input > input {
 	margin-right: 2px !important;
 }
-.selectize-dropdown, .selectize-input {
+.selectize-dropdown, .selectize-input, .selectize-control.single .selectize-input.dropdown-active {
 	border: 1px solid #d0d0d0;
 }
 .selectize-dropdown {
@@ -131,17 +131,17 @@
 
 .selectize-control.single .selectize-input {
 	cursor: pointer;
-	border-color: #aeaeae;
-	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(0,0,0,0.05);
-	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(0,0,0,0.05);
-	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(0,0,0,0.05);
+	border-color: #b8b8b8;
+	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
+	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
+	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgba(0,0,0,0.1);
 	background: #f6f6f6;
-	background: -moz-linear-gradient(top, #f8f8f8 0%, #e6e6e6 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e6e6e6));
-	background: -webkit-linear-gradient(top, #f8f8f8 0%,#e6e6e6 100%);
-	background: -o-linear-gradient(top, #f8f8f8 0%,#e6e6e6 100%);
-	background: -ms-linear-gradient(top, #f8f8f8 0%,#e6e6e6 100%);
-	background: linear-gradient(to bottom, #f8f8f8 0%,#e6e6e6 100%);
+	background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef));
+	background: -webkit-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
+	background: -o-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
+	background: -ms-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
+	background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
 }
 
