diff options
author | Andrew Dolgov <[email protected]> | 2015-08-11 16:41:05 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2015-08-11 16:41:05 +0300 |
commit | e79e274fc8792b4abc29baa62dbc52eef3044e6b (patch) | |
tree | e07d247d9ba933caf504275b0d15b013993d4140 /css/dijit.css | |
parent | bc20cb9fad53bc8575a6463d24d9f44f2883c482 (diff) |
add styles for several other dijit elements
Diffstat (limited to 'css/dijit.css')
-rw-r--r-- | css/dijit.css | 101 |
1 files changed, 101 insertions, 0 deletions
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; + +} + |