| OLD | NEW |
| (Empty) |
| 1 body { | |
| 2 width:100%; | |
| 3 height:100%; | |
| 4 margin:0px; | |
| 5 padding:0px; | |
| 6 background-color:#EEE; | |
| 7 } | |
| 8 | |
| 9 div.single-line { | |
| 10 clear:both; | |
| 11 } | |
| 12 | |
| 13 div.column-set { | |
| 14 width:100%; | |
| 15 height:100%; | |
| 16 display:table; | |
| 17 vertical-align:top; | |
| 18 border-collapse:collapse; | |
| 19 margin:0px; | |
| 20 } | |
| 21 | |
| 22 div.column { | |
| 23 display:table-cell; | |
| 24 vertical-align:top; | |
| 25 margin:0px; | |
| 26 } | |
| 27 | |
| 28 div.row-set { | |
| 29 width:100%; | |
| 30 height:100%; | |
| 31 display:table; | |
| 32 vertical-align:top; | |
| 33 border-collapse:collapse; | |
| 34 margin:0px; | |
| 35 } | |
| 36 | |
| 37 div.row { | |
| 38 display:table-row; | |
| 39 vertical-align:top; | |
| 40 margin:0px; | |
| 41 } | |
| 42 | |
| 43 #buttons { | |
| 44 height:5px; | |
| 45 overflow:auto; | |
| 46 } | |
| 47 | |
| 48 #left_column { | |
| 49 width:230px; | |
| 50 } | |
| 51 | |
| 52 #command_list_div { | |
| 53 } | |
| 54 | |
| 55 #command_list_form { | |
| 56 width:100%; | |
| 57 height:100%; | |
| 58 } | |
| 59 | |
| 60 #command_list { | |
| 61 width:100%; | |
| 62 height:100%; | |
| 63 } | |
| 64 | |
| 65 #bottom_row { | |
| 66 height:275px; | |
| 67 } | |
| 68 | |
| 69 #display_pane { | |
| 70 } | |
| 71 | |
| 72 #right_panel { | |
| 73 width:230px; | |
| 74 } | |
| 75 | |
| 76 #tabview { | |
| 77 } | |
| 78 | |
| 79 #matrixclip { | |
| 80 } | |
| 81 | |
| 82 #small_window { | |
| 83 width:218px; | |
| 84 height:218px; | |
| 85 background-color:#FFF; | |
| 86 } | |
| 87 | |
| 88 div.thin_outline { | |
| 89 border:1px solid; | |
| 90 margin:6px; | |
| 91 padding:8px; | |
| 92 } | |
| 93 | |
| 94 div.settings_block { | |
| 95 } | |
| 96 | |
| 97 input.matrix { | |
| 98 width:50px; | |
| 99 } | |
| 100 | |
| 101 #overviewdetails { | |
| 102 width:100%; | |
| 103 height:100%; | |
| 104 resize:none; | |
| 105 padding:10px; | |
| 106 } | |
| 107 | |
| 108 #menu { | |
| 109 height:5px; | |
| 110 overflow:auto; | |
| 111 background-color:#999; | |
| 112 } | |
| 113 | |
| 114 #menu-bar { | |
| 115 margin:0px; | |
| 116 } | |
| 117 | |
| 118 ul.dropdown-menu a { | |
| 119 display:block; | |
| 120 text-decoration:none; | |
| 121 color:#000; | |
| 122 } | |
| 123 | |
| 124 ul.dropdown-menu, ul.dropdown-menu li, ul.dropdown-menu ul { | |
| 125 list-style:none; | |
| 126 margin:0px; | |
| 127 padding:0px; | |
| 128 } | |
| 129 | |
| 130 ul.dropdown-menu { | |
| 131 position:relative; | |
| 132 z-index:597; | |
| 133 float:left; | |
| 134 } | |
| 135 | |
| 136 ul.dropdown-menu li { | |
| 137 float:left; | |
| 138 padding:5px; | |
| 139 cursor:pointer; | |
| 140 } | |
| 141 | |
| 142 ul.dropdown-menu li.hover, ul.dropdown-menu li:hover { | |
| 143 position:relative; | |
| 144 z-index:599; | |
| 145 cursor:default; | |
| 146 background-color:#FFF; | |
| 147 } | |
| 148 | |
| 149 ul.dropdown-menu ul { | |
| 150 visibility:hidden; | |
| 151 position:absolute; | |
| 152 top:100%; | |
| 153 left:0; | |
| 154 z-index:598; | |
| 155 width:195px; | |
| 156 border:1px solid; | |
| 157 border-collapse:collapse; | |
| 158 background-color:#DDD; | |
| 159 } | |
| 160 | |
| 161 ul.dropdown-menu ul li { | |
| 162 float:none; | |
| 163 } | |
| 164 | |
| 165 ul.dropdown-menu ul ul { | |
| 166 top:-2px; | |
| 167 left:100%; | |
| 168 } | |
| 169 | |
| 170 ul.dropdown-menu li:hover > ul { | |
| 171 visibility:visible; | |
| 172 } | |
| OLD | NEW |