add styles for several other dijit elements

classes/pref/prefs.php

@@ -622,6 +622,8 @@ class Pref_Prefs extends Handler_Protected {
 				$cert_serial = htmlspecialchars(get_ssl_certificate_id());
 				$has_serial = ($cert_serial) ? "false" : "true";
 
+				print "<br/>";
+
 				print " <button dojoType=\"dijit.form.Button\" disabled=\"$has_serial\"
 					onclick=\"insertSSLserial('$cert_serial')\">" .
 					__('Register') . "</button>";

css/dijit.css

@@ -189,6 +189,7 @@
 .claro .dijitComboButton .dijitButtonNode, 
 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
 .claro .dijitToolbar .dijitComboButton,
+.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
 .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
 	background : none;
 	border-color : transparent;
@@ -273,6 +274,7 @@ input[type="submit"]:active,
 }
 
 .claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
+.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
 .claro .dijitToolbar .dijitComboButton .dijitButtonText {
 	padding : 0px;
 }
@@ -422,3 +424,102 @@ button[disabled],
 	border-color : #ddd;
 }
 
+/* Text fields & selects */
+
+.claro .dijitComboBox .dijitArrowButton,
+.claro .dijitSelect .dijitArrowButton {
+	background : transparent;
+	border-color : transparent;
+}
+
+.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
+	margin-right : 5px;
+}
+
+.claro .dijitDownArrowButton.dijitSelect {
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	margin-bottom : 4px;
+
+}
+
+.claro .dijitSelect .dijitButtonContents {
+	display: inline-block;
+	height: 20px;
+	padding: 4px 6px;
+	font-size: 14px;
+	line-height: 20px;
+	color: #555555;
+	vertical-align: middle;
+	border-width : 0px;
+}
+
+.claro .dijitTextBox {
+	display: inline-block;
+	height: 20px;
+	padding: 4px 6px;
+	font-size: 14px;
+	line-height: 20px;
+	color: #555555;
+	vertical-align: middle;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	margin-bottom : 4px;
+}
+
+.claro .dijitTextBox,
+.claro .dijitSelect {
+	background-color: #ffffff;
+	border: 1px solid #cccccc;
+	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
+	transition: border linear 0.2s, box-shadow linear 0.2s;
+}
+
+.claro .dijitTextBox:focus {
+	border-color: rgba(82, 168, 236, 0.8);
+	outline: 0;
+	outline: thin dotted \9;
+	/* IE6-9 */
+
+	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+.claro .dijitError .dijitValidationContainer {
+	padding : 0px;
+	width : 13px;
+	border-width : 1px;
+}
+
+.claro .dijitTextBox.dijitReadOnly,
+.claro .dijitTextBox.dijitReadOnly .dijitInputField .dijitInputInner {
+	cursor: not-allowed;
+	background-color: #eeeeee;
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
+	border-color : rgba(0,0,0,0.1);
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
+	padding : 0px 2px 0px 2px;
+}
+
+.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
+	margin : 0px;
+}
+
+.claro .dijitToolbar .dijitTextBox {
+	padding : 0px;
+	margin-bottom : 0px;
+
+}
+