From e79e274fc8792b4abc29baa62dbc52eef3044e6b Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 11 Aug 2015 16:41:05 +0300 Subject: add styles for several other dijit elements --- classes/pref/prefs.php | 2 + css/dijit.css | 101 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 103 insertions(+) diff --git a/classes/pref/prefs.php b/classes/pref/prefs.php index d36e31f0b..cda58edbd 100644 --- a/classes/pref/prefs.php +++ b/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 "
"; + print " "; diff --git a/css/dijit.css b/css/dijit.css index 9165da3a8..b9551022e 100644 --- a/css/dijit.css +++ b/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; + +} + -- cgit v1.2.3