]> git.wh0rd.org - tt-rss.git/blobdiff - lib/dijit/themes/claro/Toolbar.less
upgrade dojo to 1.8.3 (refs #570)
[tt-rss.git] / lib / dijit / themes / claro / Toolbar.less
index b61e8191aee670a777c378d0b1ac6b50a1f6ac08..90b9009e2509846885b2297b7f61d21405c3de52 100644 (file)
@@ -23,9 +23,7 @@
 .claro .dijitToolbar {
        border-bottom: 1px solid @border-color;
        background-color: @bar-background-color;
-       background-image: url(@image-common-highlight);
-       background-position:0 0;
-       background-repeat:repeat-x;
+       .standard-gradient;
        padding: 2px 0 2px 4px;
        zoom: 1;
 }
        .border-radius(@toolbar-button-border-radius);
        .box-shadow(none);
        .transition-property(background-color);
-       .transition-duration(.3s, .35s);
+       .transition-duration(.3s);
 
-       background-image: url(@image-common-highlight);
-       background-position:0 -30px;
-       background-repeat:repeat-x;
        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 .dijitComboBox .dijitButtonNode {
        background-color: transparent;   /* for IE, which doesn't understand rgba(...) */
 }
-.dj_ie6 .claro .dijitToolbar .dijitButton .dijitButtonNode,
-.dj_ie6 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
-.dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNode,
-.dj_ie6 .claro .dijitToolbar .dijitToggleButton .dijitButtonNode,
-.dj_ie6 .claro .dijitToolbar .dijitComboBox .dijitButtonNode {
-       background: none;       /* because background-color: transparent above doesn't work on IE*/
-}
+
 /* hover status */
 .dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
 .dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
 .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
 .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
 .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
-       background-position:0 0;
        border-width:1px;
        background-color: @hovered-background-color;
+       .standard-gradient;
        padding: 1px;
 }
 .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode,
 .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton {
-       background-position:0 0;
        background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color;
 }
 .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover,
 .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
        border-width: 1px;
        background-color:@pressed-background-color;
-       background-position:0 -177px;
+       .active-gradient;
        padding: 1px;
 }
 .claro .dijitToolbar .dijitComboButtonActive {
 .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode,
 .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton {
        background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color;
-       background-position:0 -177px;
        padding: 2px;
 }
 .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive {
        background-color: @pressed-background-color;
+       .active-gradient;
 }
 .claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive {
        background-color: @pressed-background-color;
+       .active-gradient;
 }
 
 /* Avoid double border between button and arrow */
        padding: 1px;
 }
 
-.dj_ie6 .claro .dijitToolbar {
-       background-image: none;
-}
-
 .claro .dijitToolbarSeparator {
        /* separator icon in the editor sprite */
        background: url(@image-editor-icons-enabled);