root / trunk / web / dojo / dijit / themes / claro / Toolbar.css
History | View | Annotate | Download (4.14 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 2 | .claro .dijitToolbar { |
||
| 3 | border-bottom: 1px solid #b5bcc7; |
||
| 4 | background-color: #f1f1f1; |
||
| 5 | background-image: url("images/commonHighlight.png"); |
||
| 6 | background-position:0px 0px; |
||
| 7 | background-repeat:repeat-x; |
||
| 8 | padding: 2px 0px 2px 4px; |
||
| 9 | zoom: 1; |
||
| 10 | } |
||
| 11 | .claro .dijitToolbar label { |
||
| 12 | padding: 0px 3px 0 6px; |
||
| 13 | } |
||
| 14 | .claro .dijitToolbar .dijitButtonNode { |
||
| 15 | border:none; |
||
| 16 | padding: 2px; |
||
| 17 | background-image: url("images/commonHighlight.png"); |
||
| 18 | background-position:0 -30px; |
||
| 19 | background-repeat:repeat-x; |
||
| 20 | background-color:rgba(171,214,255,0); |
||
| 21 | border-radius: 2px; |
||
| 22 | -moz-border-radius: 2px; |
||
| 23 | -webkit-border-radius: 2px; |
||
| 24 | -moz-box-shadow: none; |
||
| 25 | -webkit-box-shadow: none; |
||
| 26 | -webkit-transition-property:background-color; |
||
| 27 | -webkit-transition-duration:.3s, .35s; |
||
| 28 | } |
||
| 29 | .claro .dijitToolbar .dijitComboButton .dijitButtonNode{ |
||
| 30 | padding: 3px 2px 3px 2px; |
||
| 31 | } |
||
| 32 | .dj_ie .claro .dijitToolbar .dijitButtonNode { |
||
| 33 | background-color: transparent; |
||
| 34 | } |
||
| 35 | .dj_ie6 .claro .dijitToolbar .dijitButtonNode { |
||
| 36 | background: none; |
||
| 37 | } |
||
| 38 | .claro .dijitToolbar .dijitComboBox .dijitButtonNode { |
||
| 39 | padding: 0px; |
||
| 40 | } |
||
| 41 | .claro .dijitToolbar .dijitComboButton { |
||
| 42 | padding: 1px; |
||
| 43 | } |
||
| 44 | .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, |
||
| 45 | .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, |
||
| 46 | .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { |
||
| 47 | background-position:0 0; |
||
| 48 | border:solid 1px #769dc0; |
||
| 49 | background-color: #abd6ff; |
||
| 50 | padding: 1px; |
||
| 51 | } |
||
| 52 | .claro .dijitToolbar .dijitComboButtonHover { |
||
| 53 | background-color: #abd6ff; |
||
| 54 | border: solid 1px #769dc0; |
||
| 55 | padding: 0px; |
||
| 56 | } |
||
| 57 | .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, |
||
| 58 | .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { |
||
| 59 | background-position:0 0; |
||
| 60 | padding: 2px; |
||
| 61 | } |
||
| 62 | .claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { |
||
| 63 | background-color: #7dd6fa; |
||
| 64 | } |
||
| 65 | .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, |
||
| 66 | .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, |
||
| 67 | .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { |
||
| 68 | border:solid 1px #769dc0; |
||
| 69 | background-color:#7dbefa; |
||
| 70 | background-position:0px -177px; |
||
| 71 | padding: 1px; |
||
| 72 | } |
||
| 73 | .claro .dijitToolbar .dijitComboButtonActive { |
||
| 74 | -webkit-transition-duration:.2s; |
||
| 75 | border: solid 1px #769dc0; |
||
| 76 | padding: 0px; |
||
| 77 | } |
||
| 78 | .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode { |
||
| 79 | background-color: #7dbefa; |
||
| 80 | background-position:0px -177px; |
||
| 81 | padding: 2px; |
||
| 82 | } |
||
| 83 | .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive { |
||
| 84 | background-color: #7dbefa; |
||
| 85 | } |
||
| 86 | .claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { |
||
| 87 | border-color: #769dc0; |
||
| 88 | background-color:#fff; |
||
| 89 | padding: 1px; |
||
| 90 | } |
||
| 91 | .dj_ie6 .claro .dijitToolbar .dijitButtonContents, |
||
| 92 | .dj_ie7 .claro .dijitToolbar .dijitButtonContents { |
||
| 93 | margin: -2px 0; |
||
| 94 | padding: 0; |
||
| 95 | } |
||
| 96 | .dj_ie6 .claro .dijitToolbar { |
||
| 97 | background-image: none; |
||
| 98 | } |
||
| 99 | .dj_ie6 .claro .dijitToolbar .dijitButtonNode { |
||
| 100 | margin: 1px; |
||
| 101 | border: none; |
||
| 102 | } |
||
| 103 | .dj_ie6 .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, |
||
| 104 | .dj_ie6 .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, |
||
| 105 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, |
||
| 106 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, |
||
| 107 | .dj_ie6 .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, |
||
| 108 | .dj_ie6 .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, |
||
| 109 | .dj_ie6 .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, |
||
| 110 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeActive, |
||
| 111 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive, |
||
| 112 | .dj_ie6 .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode, |
||
| 113 | .claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { |
||
| 114 | margin: 0; |
||
| 115 | border-width: 1px; |
||
| 116 | border-style: solid; |
||
| 117 | background-image: none; |
||
| 118 | } |
||
| 119 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, |
||
| 120 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, |
||
| 121 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitButtonNodeActive, |
||
| 122 | .dj_ie6 .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonActive { |
||
| 123 | padding: 1px; |
||
| 124 | } |
||
| 125 | .claro .dijitToolbarSeparator { |
||
| 126 | |||
| 127 | background: url('../../icons/images/editorIconsEnabled.png'); |
||
| 128 | } |
||
| 129 | .claro .dijitDisabled .dijitToolbar { |
||
| 130 | background:none; |
||
| 131 | background-color:#f5f5f5; |
||
| 132 | border-bottom: 1px solid #d3d3d3; |
||
| 133 | } |