|  |  | 
 |  |  |   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; | 
 |  |  | } | 
 |  |  | } |