summaryrefslogtreecommitdiff
path: root/lib/dijit/themes/claro/Toolbar.css
diff options
context:
space:
mode:
Diffstat (limited to 'lib/dijit/themes/claro/Toolbar.css')
-rw-r--r--lib/dijit/themes/claro/Toolbar.css206
1 files changed, 1 insertions, 205 deletions
diff --git a/lib/dijit/themes/claro/Toolbar.css b/lib/dijit/themes/claro/Toolbar.css
index da9cc015e..fa80e190d 100644
--- a/lib/dijit/themes/claro/Toolbar.css
+++ b/lib/dijit/themes/claro/Toolbar.css
@@ -1,205 +1 @@
-/* Toolbar
- *
- * Styling Toolbar means styling the toolbar container and the widget inside toolbar (dijitToolbar)
- *
- * 1. toolbar (default styling):
- * .dijitToolbar - styles for outer container
- *
- * 2. widget inside toolbar
- * .dijitToolbar .dijitButtonNode - Button widget
- * .dijitComboButton - ComboButton widget
- * .dijitDropDownButton - DropDownButton widget
- * .dijitToggleButton - ToggleButton widget
- *
- * 3. hovered widget inside toolbar (ie, mouse hover on the widget inside)
- * .dijitToolbar .dijitButtonNodeHover - styles for hovered Button widget
- *
- * 4. actived widget inside toolbar (ie, mouse down on the widget inside)
- * .dijitToolbar .dijitButtonNodeActive - mouse down on Button widget
- */
-.claro .dijitToolbar {
- border-bottom: 1px solid #b5bcc7;
- background-color: #efefef;
- background-image: url("images/standardGradient.png");
- background-repeat: repeat-x;
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- _background-image: none;
- padding: 2px 0 2px 4px;
- zoom: 1;
-}
-.claro .dijitToolbar label {
- padding: 0 3px 0 6px;
-}
-/** override claro/form/Button.css, and also ComboBox down arrow **/
-.claro .dijitToolbar .dijitButton .dijitButtonNode,
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButton .dijitButtonNode,
-.claro .dijitToolbar .dijitToggleButton .dijitButtonNode,
-.claro .dijitToolbar .dijitComboBox .dijitButtonNode {
- border-width: 0;
- /* on hover/active, border-->1px, padding-->1px */
-
- padding: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- transition-duration: 0.3s;
- background-color: rgba(171, 214, 255, 0);
- background-image: none;
- /* cancel gradient for normal buttons, we don't want any gradient besides toolbar's on non-hovered buttons */
-
-}
-.dj_ie .claro .dijitToolbar .dijitButton .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitToggleButton .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
- background-color: transparent;
- /* for IE, which doesn't understand rgba(...) */
-
-}
-/* hover status */
-.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover,
-.dj_ie .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover,
-.dj_ie .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode {
- /* button should still turn blue on hover, so need to override .dj_ie rules above */
-
- background-color: #abd6ff;
-}
-/* active status */
-.dj_ie .claro .dijitToolbar .dijitButtonActive .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode,
-.dj_ie .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
- /* button should still turn blue on press, so need to override .dj_ie rules above */
-
- background-color: #abd6ff;
-}
-.claro .dijitToolbar .dijitComboButton .dijitStretch {
- /* no rounded border on side adjacent to arrow */
-
- -moz-border-radius: 2px 0 0 2px;
- border-radius: 2px 0 0 2px;
-}
-.claro .dijitToolbar .dijitComboButton .dijitArrowButton {
- /* no rounded border on side adjacent to button */
-
- -moz-border-radius: 0 2px 2px 0;
- border-radius: 0 2px 2px 0;
-}
-.claro .dijitToolbar .dijitComboBox .dijitButtonNode {
- padding: 0;
-}
-/* hover status */
-.claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
-.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
-.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
- border-width: 1px;
- background-color: #abd6ff;
- background-image: url("images/standardGradient.png");
- background-repeat: repeat-x;
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
- _background-image: none;
- padding: 1px;
-}
-.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
- background-color: #f3ffff;
-}
-.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover {
- background-color: #abd6ff;
-}
-/* active status */
-.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
- border-width: 1px;
- background-color: #7dbdfa;
- background-image: url("images/activeGradient.png");
- background-repeat: repeat-x;
- background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- _background-image: none;
- padding: 1px;
-}
-.claro .dijitToolbar .dijitComboButtonActive {
- -webkit-transition-duration: 0.2s;
- -moz-transition-duration: 0.2s;
- transition-duration: 0.2s;
- border-width: 1px;
- padding: 0;
-}
-.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton {
- background-color: #f3ffff;
- padding: 2px;
-}
-.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive {
- background-color: #7dbdfa;
- background-image: url("images/activeGradient.png");
- background-repeat: repeat-x;
- background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- _background-image: none;
-}
-.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive {
- background-color: #7dbdfa;
- background-image: url("images/activeGradient.png");
- background-repeat: repeat-x;
- background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
- _background-image: none;
-}
-/* Avoid double border between button and arrow */
-.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton {
- border-left-width: 0;
-}
-.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
- padding-left: 2px;
- /* since there's no left border, don't reduce from 2px --> 1px */
-
-}
-/* toggle button checked status */
-.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
- margin: 0;
- /* remove margin and add a border */
-
- border-width: 1px;
- border-style: solid;
- background-image: none;
- border-color: #759dc0;
- background-color: #ffffff;
- padding: 1px;
-}
-.claro .dijitToolbarSeparator {
- /* separator icon in the editor sprite */
-
- background: url("../../icons/images/editorIconsEnabled.png");
-}
-/* Toolbar inside of disabled Editor */
-.claro .dijitDisabled .dijitToolbar {
- background: none;
- background-color: #efefef;
- border-bottom: 1px solid #d3d3d3;
-}
-.claro .dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner {
- background-position: 0 50%;
-}
+.claro .dijitToolbar {border-bottom: 1px solid #b5bcc7; background-color: #efefef; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 2px 0 2px 4px; zoom: 1;}.claro .dijitToolbar label {padding: 0 3px 0 6px;}.claro .dijitToolbar .dijitButton .dijitButtonNode,.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,.claro .dijitToolbar .dijitComboButton .dijitButtonNode,.claro .dijitToolbar .dijitToggleButton .dijitButtonNode,.claro .dijitToolbar .dijitComboBox .dijitButtonNode {border-width: 0; padding: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-property: background-color; -moz-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; background-color: rgba(171, 214, 255, 0); background-image: none;}.dj_ie .claro .dijitToolbar .dijitButton .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitToggleButton .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitComboBox .dijitButtonNode {background-color: transparent;}.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover,.dj_ie .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover,.dj_ie .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode {background-color: #abd6ff;}.dj_ie .claro .dijitToolbar .dijitButtonActive .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode,.dj_ie .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {background-color: #abd6ff;}.claro .dijitToolbar .dijitComboButton .dijitStretch {-moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;}.claro .dijitToolbar .dijitComboButton .dijitArrowButton {-moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}.claro .dijitToolbar .dijitComboBox .dijitButtonNode {padding: 0;}.claro .dijitToolbar .dijitButtonHover .dijitButtonNode,.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode {border-width: 1px; background-color: #abd6ff; background-image: url("images/standardGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 1px;}.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {background-color: #f3ffff;}.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover {background-color: #abd6ff;}.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {border-width: 1px; background-color: #7dbdfa; background-image: url("images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none; padding: 1px;}.claro .dijitToolbar .dijitComboButtonActive {-webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; border-width: 1px; padding: 0;}.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton {background-color: #f3ffff; padding: 2px;}.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive {background-color: #7dbdfa; background-image: url("images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive {background-color: #7dbdfa; background-image: url("images/activeGradient.png"); background-repeat: repeat-x; background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); _background-image: none;}.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton {border-left-width: 0;}.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {padding-left: 2px;}.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {margin: 0; border-width: 1px; border-style: solid; background-image: none; border-color: #759dc0; background-color: #ffffff; padding: 1px;}.claro .dijitToolbarSeparator {background: url("../../icons/images/editorIconsEnabled.png");}.claro .dijitDisabled .dijitToolbar {background: none; background-color: #efefef; border-bottom: 1px solid #d3d3d3;}.claro .dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner {background-position: 0 50%;} \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-03 01:23:59 +0000