| |
| .horizontal.drawingToolbar{ |
| position:relative; |
| width:auto; |
| height:32px; |
| padding:5px; |
| left:5px; |
| } |
| .vertical.drawingToolbar{ |
| width:32px; |
| padding:5px; |
| position:absolute; |
| left:5px; |
| margin-top:5px; |
| background:#fff; |
| } |
| .drawingToolbar .drawingButton{ |
| position:relative; |
| padding:0; |
| width:32px; |
| height:32px; |
| background-image:url("images/tool_sprites.png"); |
| background-position:0px 0px; |
| border:0; |
| cursor:pointer; |
| } |
| .horizontal.drawingToolbar .drawingButton{ |
| float:left; |
| margin-right:5px; |
| } |
| .dj_ie6 .drawingToolbar .drawingButton { |
| filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/tool_sprites.png'); |
| } |
| .vertical.drawingToolbar .drawingButton{ |
| margin-bottom:5px; |
| margin-right:0px; |
| } |
| .drawingToolbar .drawingButton.hover{ |
| background-position:-32px 0px; |
| } |
| .drawingToolbar .drawingButton.active{ |
| background-position:-64px 0px; |
| } |
| .drawingToolbar .drawingButton.selected{ |
| background-position:-96px 0px; |
| } |
| .drawingToolbar .drawingButton.selected:hover{} |
| .drawingToolbar.vertical{} |
| .drawingToolbar .drawingButton .icon{ |
| background-image:url("images/tool_icons.png"); |
| width:32px; |
| height:64px; |
| position:absolute; |
| left:0px; |
| top:0px; |
| margin:0; |
| padding:0; |
| clip: rect(0px 32px 32px 0px); |
| } |
| .drawingToolbar .drawingButton.selected .icon{ |
| |
| top:-32px; |
| clip: rect(32px 32px 64px 0px); |
| } |
| .drawingToolbar .drawingButton .icon.iconLine{ |
| background-position:-64px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconRect{ |
| background-position: 0px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconEllipse{ |
| background-position:-32px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconText{ |
| background-position:-224px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconArrow{ |
| background-position:-96px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconVector{ |
| background-position:-128px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconAxes{ |
| background-position:-160px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconPan{ |
| background-position:-192px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconEq{ |
| background-position:-351px 0px; |
| } |
| .dj_ie6 .drawingToolbar .drawingButton .icon { |
| |
| filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/tool_icons.png'); |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboTop{ |
| background-position:-128px 0px; |
| margin:0; |
| margin-top:10px; |
| border-bottom:1px solid #d6d6d6; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboTop.hover{ |
| background-position:-160px 0px; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboTop.active{ |
| background-position:-192px 0px; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboMid{ |
| background-position:-384px 0px; |
| border-style:solid; |
| border-width:1px; |
| border-color:#fff #cccccc #d6d6d6 #cccccc; |
| height:24px; |
| width:30px; |
| margin:0; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboMid.hover, |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboMid.hover{ |
| background-position:-416px 0px; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboMid.active, |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboMid.active{ |
| background-position:-448px 0px; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboBot{ |
| background-position:-256px 0px; |
| border-top:1px solid #fff; |
| margin:0; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboBot.hover{ |
| background-position:-288px 0px; |
| } |
| .drawingToolbar.vertical .toolCombo .drawingButton.toolComboBot.active{ |
| background-position:-320px 0px; |
| } |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboTop{ |
| background-position:-512px 0px; |
| margin:0; |
| margin-left:10px; |
| border:0px; |
| border-right:1px solid #d6d6d6; |
| } |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboTop.hover{ |
| background-position:-544px 0px; |
| } |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboTop.active{ |
| background-position:-576px 0px; |
| } |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboMid{ |
| background-position:-384px 0px; |
| border-style:solid; |
| border-width:1px; |
| border-color:#cccccc #d6d6d6 #cccccc #fff; |
| height:30px; |
| width:31px; |
| margin:0; |
| } |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboBot{ |
| background-position:-640px 0px; |
| border-left:1px solid #fff; |
| margin:0; |
| margin-top:-1px; |
| margin-right:-1px; |
| } |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboBot.hover{ |
| background-position:-673px 0px; |
| } |
| .drawingToolbar.horizontal .toolCombo .drawingButton.toolComboBot.active{ |
| background-position:-704px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconZoomIn{ |
| background-position:-256px 0px; |
| } |
| .drawingToolbar .drawingButton .icon.iconZoom100{ |
| background-position:-320px -4px; |
| } |
| .drawingToolbar .drawingButton .icon.iconZoomOut{ |
| background-position:-288px 0px; |
| } |