/code/plugins/dhtmlx/dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_glassy_blue.css
CSS | 271 lines | 260 code | 2 blank | 9 comment | 0 complexity | 927539afb63d461329b07c4e39762da9 MD5 | raw file
1/***************************************************************************************************************************************************************** 2 dhtmlxToolbar "STANDARD" skin 3*****************************************************************************************************************************************************************/ 4div.dhtmlxToolbar_glassy_blue { 5 white-space: nowrap; 6 overflow: hidden; 7 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_top_bg_middle.gif"); 8 height: 25px; 9} 10div.dhtmlxToolbar_glassy_blue table.dhtmlxToolbarTable_glassy_blue { 11 width: 100%; 12 height: 100%; 13} 14div table.dhtmlxToolbarTable_glassy_blue td { 15 white-space: nowrap; 16 position: relative; 17} 18/* td with item's icon and text */ 19div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarIMG { 20 padding: 2px; 21 width: 16px; 22 -moz-user-select: none; 23} 24div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarIMG img { 25 width: 16px; 26} 27div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarTEXT { 28 padding: 2px; 29 -moz-user-select: none; 30 text-align: left; 31} 32/* item states */ 33div table.dhtmlxToolbarTable_glassy_blue table.itemDefault { 34 height: 23px; 35 margin-left: 1px; 36 margin-right: 1px; 37 background: none; 38 cursor: default; 39 color: #000000; 40} 41div table.dhtmlxToolbarTable_glassy_blue table.itemDisabled { 42 height: 23px; 43 margin-left: 1px; 44 margin-right: 1px; 45 background: none; 46 cursor: default; 47 color: #909090; 48} 49div table.dhtmlxToolbarTable_glassy_blue table.itemOver { 50 border-top: #FFFFFF 1px solid; 51 border-left: #FFFFFF 1px solid; 52 border-right: #C0C0C0 1px solid; 53 border-bottom: #C0C0C0 1px solid; 54 background: none; 55 height: 23px; 56 cursor: default; 57 color: #000000; 58} 59div table.dhtmlxToolbarTable_glassy_blue table.itemPressed { 60 border-top: #C0C0C0 1px solid; 61 border-left: #C0C0C0 1px solid; 62 border-right: #FFFFFF 1px solid; 63 border-bottom: #FFFFFF 1px solid; 64 background: none; 65 height: 23px; 66 cursor: default; 67 color: #000000; 68} 69 70div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem { 71 72} 73div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem span { 74 font-family: Tahoma; 75 font-size: 11px; 76} 77/* separator */ 78div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem div.dhtmlxToolbarSep { 79 width: 0px; 80 height: 20px; 81 font-size: 2px; 82 margin-left: 1px; 83 margin-right: 0px; 84 #margin-right: -1px; 85 border-left: #CDE2F2 1px solid; 86 aborder-right: #5F9BCA 1px solid; 87 -moz-user-select: none; 88} 89div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem .dhtmlxToolbarInp { 90 position: relative; 91 border-top: #C0C0C0 1px solid; 92 border-left: #C0C0C0 1px solid; 93 border-right: #FFFFFF 1px solid; 94 border-bottom: #FFFFFF 1px solid; 95 background-color: #FEFEFE; 96 font-family: Tahoma; 97 font-size: 11px; 98 @margin-top:2px; 99} 100/* select button arrow */ 101td.dhtmlxToolbarArrow { 102 -moz-user-select: none; 103} 104div.dhtmlxToolbarArrow { 105 width: 9px; 106 -moz-user-select: none; 107 background-repeat: no-repeat; 108 background-position: center center; 109} 110div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault div.dhtmlxToolbarArrow { 111 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow.gif"); 112} 113div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemOver div.dhtmlxToolbarArrow { 114 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow.gif"); 115} 116div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemPressed div.dhtmlxToolbarArrow { 117 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow.gif"); 118} 119div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled div.dhtmlxToolbarArrow { 120 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow_dis.gif"); 121} 122/* button select polygon */ 123div.dhtmlxToolbarPoly_glassy_blue { 124 position: absolute; 125 margin: 0px; 126 padding: 0px; 127 border-top: #A7C7DF 1px solid; 128 border-left: #A7C7DF 1px solid; 129 border-right: #739DCC 1px solid; 130 border-bottom: #739DCC 1px solid; 131 background-color: #F9FDFF; 132 overflow: hidden; 133 cursor: default; 134} 135div.dhtmlxToolbarPoly_glassy_blue div.buttonItem { 136 position: relative; 137 font-family: Tahoma; 138 font-size: 11px; 139 font-weight: normal; 140 cursor: default; 141 white-space: nowrap; 142 -moz-user-select: none; 143 color: #333333; 144 margin: 0px 0px 0px 0px; 145 padding: 2px 12px 2px 18px; 146} 147div.dhtmlxToolbarPoly_glassy_blue div.buttonItemDis { 148 position: relative; 149 font-family: Tahoma; 150 font-size: 11px; 151 font-weight: normal; 152 cursor: default; 153 white-space: nowrap; 154 -moz-user-select: none; 155 color: #999999; 156 margin: 0px 0px 0px 0px; 157 padding: 2px 12px 2px 18px; 158} 159div.dhtmlxToolbarPoly_glassy_blue div.buttonItemOver { 160 position: relative; 161 font-family: Tahoma; 162 font-size: 11px; 163 font-weight: normal; 164 cursor: default; 165 white-space: nowrap; 166 -moz-user-select: none; 167 color: #333333; 168 background-color: #C5DCED; 169 margin: 0px 0px 0px 0px; 170 padding: 2px 12px 2px 18px; 171} 172div.dhtmlxToolbarPoly_glassy_blue div.buttonItemSelected { 173 position: relative; 174 font-family: Tahoma; 175 font-size: 11px; 176 font-weight: normal; 177 cursor: default; 178 white-space: nowrap; 179 -moz-user-select: none; 180 color: #333333; 181 background-color: #FFEB0F; 182 margin: 0px 0px 0px 0px; 183 padding: 2px 12px 2px 18px; 184} 185div.dhtmlxToolbarPoly_glassy_blue div.buttonSeparator { 186 position: relative; 187 border-top: #A7C7DF 1px solid; 188 font-size: 1px; 189} 190div.dhtmlxToolbarPoly_glassy_blue img.buttonImage { 191 position: absolute; 192 width: 12px; 193 height: 12px; 194 top: 2px; 195 margin-left: -16px; 196} 197/* slider */ 198div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault td.dhtmlxToolbarSliderBarLeft { 199 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_left.gif"); 200} 201div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault td.dhtmlxToolbarSliderBarMiddle { 202 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_middle.gif"); 203} 204div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault td.dhtmlxToolbarSliderBarRight { 205 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_right.gif"); 206} 207div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled td.dhtmlxToolbarSliderBarLeft { 208 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_left_dis.gif"); 209} 210div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled td.dhtmlxToolbarSliderBarMiddle { 211 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_middle_dis.gif"); 212} 213div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled td.dhtmlxToolbarSliderBarRight { 214 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_right_dis.gif"); 215} 216div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem td.dhtmlxToolbarSliderBarLeft { 217 font-size: 2px; 218 width: 3px; 219 background-repeat: no-repeat; 220 background-position: right center; 221} 222div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem td.dhtmlxToolbarSliderBarMiddle { 223 font-size: 2px; 224 height: 20px; 225 background-repeat: repeat-x; 226 background-position: center center; 227} 228div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem td.dhtmlxToolbarSliderBarRight { 229 font-size: 2px; 230 width: 3px; 231 background-repeat: no-repeat; 232 background-position: left center; 233} 234div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault div.dhtmlxToolbarBarSliderPen { 235 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_pen.gif"); 236} 237div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled div.dhtmlxToolbarBarSliderPen { 238 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_pen_dis.gif"); 239} 240div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem div.dhtmlxToolbarBarSliderPen { 241 position: absolute; 242 top: 3px; 243 width: 7px; 244 height: 16px; 245 background-repeat: no-repeat; 246 -moz-user-select: none; 247 cursor: default; 248} 249div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem div.dhtmlxToolbarBarSliderPenOver { 250 position: absolute; 251 top: 3px; 252 width: 7px; 253 height: 16px; 254 background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_pen_over.gif"); 255 background-repeat: no-repeat; 256 -moz-user-select: none; 257 cursor: default; 258} 259div.dhtmlxToolbarSliderPenLabel_glassy_blue { 260 position: absolute; 261 border: #A3A172 1px solid; 262 background-color: #FFF992; 263 font-family: Tahoma; 264 font-size: 10px; 265 color: #000000; 266 font-weight: normal; 267 padding: 0px 2px 0px 2px; 268 cursor: default; 269 -moz-user-select: none; 270 z-index: 8422; 271}