| | |
| | | vertical-align: top; |
| | | } |
| | | |
| | | .touch .menu_title { |
| | | .touch .menu_title { |
| | | padding: 7px 17px; |
| | | height: 26px; |
| | | line-height: 26px; |
| | |
| | | |
| | | .menu_list .menu_item.push_button_pressed { |
| | | background: transparent; |
| | | border: none; |
| | | border: none; |
| | | width: auto; |
| | | height: auto; |
| | | margin: 0; |
| | |
| | | margin-top: -16px; |
| | | } |
| | | |
| | | #ruler_x > div, |
| | | #ruler_x > div, |
| | | #ruler_y > div { |
| | | overflow: hidden; |
| | | } |
| | |
| | | .palette_item.transparent, .palette_item.white, .palette_item.black { |
| | | background: #fff; |
| | | position: absolute; |
| | | width: 10px; |
| | | height: 10px; |
| | | left: -10px; |
| | | width: 30px; |
| | | height: 30px; |
| | | top: 0; |
| | | /*background-size:cover;*/ |
| | | } |
| | | |
| | | .palette_item.transparent { |
| | | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAOC8yMi8xMg1cp6sAAABESURBVBiVjdBBCgAgCETRr/e/87SJKFPLnfIcQRMIwMBIShIAvgZzoSrfkzrs8WyF1+kX9r3p8AE7nL7kSpSshN+JEQ8GixkF0mSevgAAAABJRU5ErkJggg==); |
| | | left: -10px; |
| | | } |
| | | |
| | | .palette_item.black { |
| | | background: #000; |
| | | top: 10px; |
| | | left: 20px; |
| | | } |
| | | |
| | | .palette_item.white { |
| | | background: #fff; |
| | | top: 20px; |
| | | left:50px; |
| | | } |
| | | |
| | | #color_tools { |
| | |
| | | |
| | | .touch #tool_switch { |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | #use_panel .tool_button, #path_node_panel .tool_button { |
| | | color: #999; |
| | | border: solid #3F3F3C 1px; |
| | | border-radius: 3px; |
| | | padding: 3px 10px 3px 40px; |
| | | background: |
| | | background: |
| | | transparent; |
| | | position: relative; |
| | | margin-top: 10px; |
| | |
| | | position: absolute; |
| | | top: 10px; |
| | | width: 14px; |
| | | |
| | | |
| | | } |
| | | |
| | | #color_tools #tool_switch { |
| | |
| | | position: absolute; |
| | | } |
| | | |
| | | .tool_button, |
| | | .tool_button, |
| | | .tool_button_current, |
| | | .tool_button_pressed { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .tool_button:hover, |
| | | .tool_button:hover, |
| | | .push_button:hover, |
| | | .buttonup:hover, |
| | | .buttondown, |
| | |
| | | color: #999; |
| | | } |
| | | |
| | | div#font-selector { |
| | | width:140px; |
| | | height:300px; |
| | | overflow:auto; |
| | | margin:0 auto; |
| | | position:absolute; |
| | | div#font-selector { |
| | | width:140px; |
| | | height:300px; |
| | | overflow:auto; |
| | | margin:0 auto; |
| | | position:absolute; |
| | | top:27px; |
| | | right:0; |
| | | border:1px solid black; |
| | | padding:10px; |
| | | display:none; |
| | | border:1px solid black; |
| | | padding:10px; |
| | | display:none; |
| | | background-color:white; |
| | | z-index: 10; |
| | | border-radius: 3px; |
| | |
| | | right: 50%; |
| | | border: solid transparent 5px; |
| | | border-bottom-color: #fff; |
| | | |
| | | |
| | | } |
| | | |
| | | .dropdown li.special.down:after { |
| | |
| | | top: auto; |
| | | border: solid transparent 5px; |
| | | border-top-color: #fff; |
| | | |
| | | |
| | | } |
| | | |
| | | .tool_button, |
| | | .tool_button, |
| | | .push_button, |
| | | .tool_button_current, |
| | | .push_button_pressed |
| | | .push_button_pressed |
| | | { |
| | | height: 27px; |
| | | width: 27px; |
| | |
| | | overflow: hidden; |
| | | } |
| | | |
| | | #tool_open input, |
| | | #tool_open input, |
| | | #tool_import input, |
| | | #tool_import_bitmap input { |
| | | position: absolute; |
| | |
| | | left: -9999px; |
| | | } |
| | | |
| | | #tool_bold span, #tool_italic span { |
| | | #tool_bold span, #tool_italic span { |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | |
| | | .draginput_cell { |
| | | float: left; |
| | | height: 26px; |
| | | height: 26px; |
| | | border: solid #3f3f3c 10px; |
| | | outline: solid #2f2f2c 1px; |
| | |
| | | overflow: auto; |
| | | top: 0; |
| | | bottom: 0; |
| | | left: 110px; |
| | | left: 0; |
| | | /*left: 110px;*/ |
| | | right: 0; |
| | | position: absolute; |
| | | vertical-align: top; |
| | | } |
| | | |
| | | #shape_cats { |
| | | display: none; |
| | | min-width: 110px; |
| | | display: block; |
| | | /*display: block;*/ |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | |
| | | margin: 5px; |
| | | border-radius: 0px; |
| | | -moz-border-radius: 0px; |
| | | -webkit-border-radius: 0px; |
| | | -webkit-border-radius: 0px; |
| | | border-width: 0; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .contextMenu .shortcut { |
| | | width: 115px; |
| | | width: 115px; |
| | | text-align:right; |
| | | float:right; |
| | | } |
| | |
| | | } |
| | | |
| | | |
| | | #tool_bold, #tool_italic { |
| | | #tool_bold, #tool_italic { |
| | | font: bold 20px/35px serif; |
| | | text-align: center; |
| | | position: absolute; |
| | |
| | | } |
| | | |
| | | |
| | | .draginput input, .draginput input:hover, .draginput input:active { |
| | | .draginput input, .draginput input:hover, .draginput input:active { |
| | | cursor: url(../images/drag.png), move; |
| | | cursor: -webkit-grab; |
| | | cursor: -moz-grab; |
| | | } |
| | | |
| | | .draginput input[type="checkbox"], .draginput input[type="checkbox"]:hover, .draginput input[type="checkbox"]:active { |
| | | .draginput input[type="checkbox"], .draginput input[type="checkbox"]:hover, .draginput input[type="checkbox"]:active { |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .draginput.active input, .draginput.active input:hover, .draginput.active input:active { |
| | | .draginput.active input, .draginput.active input:hover, .draginput.active input:active { |
| | | cursor: url(../images/dragging.png), move; |
| | | cursor: -webkit-grabbing; |
| | | cursor: -moz-grabbing; |
| | |
| | | margin: 0; |
| | | z-index: 1; |
| | | top: 0; |
| | | left: 0; |
| | | left: 0; |
| | | } |
| | | |
| | | |
| | |
| | | #tool_align_relative select { |
| | | width: 100%; |
| | | display: block; |
| | | } |
| | | } |