root / trunk / web / dojo / dojox / drawing / resources / toolbar.css @ 10
History | View | Annotate | Download (4.73 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 2 | .horizontal.drawingToolbar{ |
||
| 3 | position:relative; |
||
| 4 | width:auto; |
||
| 5 | height:32px; |
||
| 6 | padding:5px; |
||
| 7 | left:5px; |
||
| 8 | } |
||
| 9 | .vertical.drawingToolbar{ |
||
| 10 | width:32px; |
||
| 11 | padding:5px; |
||
| 12 | position:absolute; |
||
| 13 | left:5px; |
||
| 14 | margin-top:5px; |
||
| 15 | background:#fff; |
||
| 16 | } |
||
| 17 | .drawingToolbar .drawingButton{ |
||
| 18 | position:relative; |
||
| 19 | padding:0; |
||
| 20 | width:32px; |
||
| 21 | height:32px; |
||
| 22 | background-image:url("images/tool_sprites.png"); |
||
| 23 | background-position:0px 0px; |
||
| 24 | border:0; |
||
| 25 | cursor:pointer; |
||
| 26 | } |
||
| 27 | .horizontal.drawingToolbar .drawingButton{ |
||
| 28 | float:left; |
||
| 29 | margin-right:5px; |
||
| 30 | } |
||
| 31 | .dj_ie6 .drawingToolbar .drawingButton { |
||
| 32 | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/tool_sprites.png'); |
||
| 33 | } |
||
| 34 | .vertical.drawingToolbar .drawingButton{ |
||
| 35 | margin-bottom:5px; |
||
| 36 | margin-right:0px; |
||
| 37 | } |
||
| 38 | .drawingToolbar .drawingButton.hover{ |
||
| 39 | background-position:-32px 0px; |
||
| 40 | } |
||
| 41 | .drawingToolbar .drawingButton.active{ |
||
| 42 | background-position:-64px 0px; |
||
| 43 | } |
||
| 44 | .drawingToolbar .drawingButton.selected{ |
||
| 45 | background-position:-96px 0px; |
||
| 46 | } |
||
| 47 | .drawingToolbar .drawingButton.selected:hover{} |
||
| 48 | .drawingToolbar.vertical{} |
||
| 49 | .drawingToolbar .drawingButton .icon{ |
||
| 50 | background-image:url("images/tool_icons.png"); |
||
| 51 | width:32px; |
||
| 52 | height:64px; |
||
| 53 | position:absolute; |
||
| 54 | left:0px; |
||
| 55 | top:0px; |
||
| 56 | margin:0; |
||
| 57 | padding:0; |
||
| 58 | clip: rect(0px 32px 32px 0px); |
||
| 59 | } |
||
| 60 | .drawingToolbar .drawingButton.selected .icon{ |
||
| 61 | |||
| 62 | top:-32px; |
||
| 63 | clip: rect(32px 32px 64px 0px); |
||
| 64 | } |
||
| 65 | .drawingToolbar .drawingButton .icon.iconLine{ |
||
| 66 | background-position:-64px 0px; |
||
| 67 | } |
||
| 68 | .drawingToolbar .drawingButton .icon.iconRect{ |
||
| 69 | background-position: 0px 0px; |
||
| 70 | } |
||
| 71 | .drawingToolbar .drawingButton .icon.iconEllipse{ |
||
| 72 | background-position:-32px 0px; |
||
| 73 | } |
||
| 74 | .drawingToolbar .drawingButton .icon.iconText{ |
||
| 75 | background-position:-224px 0px; |
||
| 76 | } |
||
| 77 | .drawingToolbar .drawingButton .icon.iconArrow{ |
||
| 78 | background-position:-96px 0px; |
||
| 79 | } |
||
| 80 | .drawingToolbar .drawingButton .icon.iconVector{ |
||
| 81 | background-position:-128px 0px; |
||
| 82 | } |
||
| 83 | .drawingToolbar .drawingButton .icon.iconAxes{ |
||
| 84 | background-position:-160px 0px; |
||
| 85 | } |
||
| 86 | .drawingToolbar .drawingButton .icon.iconPan{ |
||
| 87 | background-position:-192px 0px; |
||
| 88 | } |
||
| 89 | .drawingToolbar .drawingButton .icon.iconEq{ |
||
| 90 | background-position:-351px 0px; |
||
| 91 | } |
||
| 92 | .dj_ie6 .drawingToolbar .drawingButton .icon { |
||
| 93 | |||
| 94 | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/tool_icons.png'); |
||
| 95 | } |
||
| 96 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboTop{ |
||
| 97 | background-position:-128px 0px; |
||
| 98 | margin:0; |
||
| 99 | margin-top:10px; |
||
| 100 | border-bottom:1px solid #d6d6d6; |
||
| 101 | } |
||
| 102 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboTop.hover{ |
||
| 103 | background-position:-160px 0px; |
||
| 104 | } |
||
| 105 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboTop.active{ |
||
| 106 | background-position:-192px 0px; |
||
| 107 | } |
||
| 108 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboMid{ |
||
| 109 | background-position:-384px 0px; |
||
| 110 | border-style:solid; |
||
| 111 | border-width:1px; |
||
| 112 | border-color:#fff #cccccc #d6d6d6 #cccccc; |
||
| 113 | height:24px; |
||
| 114 | width:30px; |
||
| 115 | margin:0; |
||
| 116 | } |
||
| 117 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboMid.hover, |
||
| 118 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboMid.hover{ |
||
| 119 | background-position:-416px 0px; |
||
| 120 | } |
||
| 121 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboMid.active, |
||
| 122 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboMid.active{ |
||
| 123 | background-position:-448px 0px; |
||
| 124 | } |
||
| 125 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboBot{ |
||
| 126 | background-position:-256px 0px; |
||
| 127 | border-top:1px solid #fff; |
||
| 128 | margin:0; |
||
| 129 | } |
||
| 130 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboBot.hover{ |
||
| 131 | background-position:-288px 0px; |
||
| 132 | } |
||
| 133 | .drawingToolbar.vertical .toolCombo .drawingButton.toolComboBot.active{ |
||
| 134 | background-position:-320px 0px; |
||
| 135 | } |
||
| 136 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboTop{ |
||
| 137 | background-position:-512px 0px; |
||
| 138 | margin:0; |
||
| 139 | margin-left:10px; |
||
| 140 | border:0px; |
||
| 141 | border-right:1px solid #d6d6d6; |
||
| 142 | } |
||
| 143 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboTop.hover{ |
||
| 144 | background-position:-544px 0px; |
||
| 145 | } |
||
| 146 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboTop.active{ |
||
| 147 | background-position:-576px 0px; |
||
| 148 | } |
||
| 149 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboMid{ |
||
| 150 | background-position:-384px 0px; |
||
| 151 | border-style:solid; |
||
| 152 | border-width:1px; |
||
| 153 | border-color:#cccccc #d6d6d6 #cccccc #fff; |
||
| 154 | height:30px; |
||
| 155 | width:31px; |
||
| 156 | margin:0; |
||
| 157 | } |
||
| 158 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboBot{ |
||
| 159 | background-position:-640px 0px; |
||
| 160 | border-left:1px solid #fff; |
||
| 161 | margin:0; |
||
| 162 | margin-top:-1px; |
||
| 163 | margin-right:-1px; |
||
| 164 | } |
||
| 165 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboBot.hover{ |
||
| 166 | background-position:-673px 0px; |
||
| 167 | } |
||
| 168 | .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboBot.active{ |
||
| 169 | background-position:-704px 0px; |
||
| 170 | } |
||
| 171 | .drawingToolbar .drawingButton .icon.iconZoomIn{ |
||
| 172 | background-position:-256px 0px; |
||
| 173 | } |
||
| 174 | .drawingToolbar .drawingButton .icon.iconZoom100{ |
||
| 175 | background-position:-320px -4px; |
||
| 176 | } |
||
| 177 | .drawingToolbar .drawingButton .icon.iconZoomOut{ |
||
| 178 | background-position:-288px 0px; |
||
| 179 | } |