/code/plugins/dhtmlx/dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_aquaorange.css
CSS | 567 lines | 532 code | 1 blank | 34 comment | 0 complexity | 2aeecc344a17e7347b2cf746d886ab8f MD5 | raw file
1/*************************************************************************************************************************************************************** 2 dhtmlxToolbar "AQUA ORANGE" skin 3***************************************************************************************************************************************************************/ 4table.dhtmlxToolbarTableOuter_AquaOrange { 5 height: 30px; 6} 7td.dhtmlxToolbarTopLeft_AquaOrange { 8 width: 8px; 9 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_left.gif"); 10 background-repeat: no-repeat; 11} 12td.dhtmlxToolbarTopRight_AquaOrange { 13 width: 8px; 14 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_right.gif"); 15 background-repeat: no-repeat; 16} 17div.dhtmlxToolbar_AquaOrange { 18 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_middle.gif"); 19 background-repeat: repeat-x; 20 width: 1100px; 21 height: 30px; 22} 23div.dhtmlxToolbarVer_AquaOrange { 24 position: absolute; 25 top: 70px; 26 left: 20px; 27 /* 28 background-image: url("../imgs/dhtmlxtoolbar/webbar_bg_ver.gif"); 29 background-repeat: repeat; 30 */ 31 background-color: #C5CBCC; 32 /* width: 1%; */ 33 height: 600px; 34 border: silver 1px solid; 35 /* -moz-user-select: none; */ 36 overflow: hidden; 37} 38div.dhtmlxToolbar_AquaOrange table.dhtmlxToolbarTable_AquaOrange { 39 width: 100%; 40 height: 100%; 41 /* 42 border: #FFFFFF 1px solid; 43 border-bottom: #E0E0E0 1px solid; 44 */ 45} 46div.dhtmlxToolbarVer_AquaOrange table.dhtmlxToolbarTable_AquaOrange { 47 @height: 100%; 48 border: #FFFFFF 1px solid; 49 border-bottom: #E0E0E0 1px solid; 50 /* border-bottom: none; */ 51} 52div table.dhtmlxToolbarTable_AquaOrange td { 53 white-space: nowrap; 54 position: relative; 55} 56/***************************************************************************************************************************************************************** 57 SEPARATOR 58*****************************************************************************************************************************************************************/ 59div table.dhtmlxToolbarTable_AquaOrange td.itemSeparator div.dhtmlxToolbarSeparator { 60 position: relative; 61 width: 0px; 62 margin-left: 3px; 63 margin-right: 3px; 64 border-left: #B04E0D 1px solid; 65 border-right: #F6D7C3 1px solid; 66 margin-top: -2px; 67 #margin-top: 1px; 68 font-size: 1px; 69 cursor: default; 70 height: 26px; 71 -moz-user-select: none; 72} 73div table.dhtmlxToolbarTable_AquaOrange td.itemSeparatorVert div.dhtmlxToolbarSeparator { 74 padding-left: 3px; 75 margin-right: 3px; 76 border-bottom: #808080 1px solid; 77 margin-top: 1px; 78 font-size: 1px; 79 cursor: default; 80 height: 1px; 81 -moz-user-select: none; 82} 83/***************************************************************************************************************************************************************** 84 TEXT 85*****************************************************************************************************************************************************************/ 86div table.dhtmlxToolbarTable_AquaOrange td.itemText div.dhtmlxToolbarText { 87 padding-left: 2px; 88 padding-right: 2px; 89 padding-top: 4px; 90 font-size: 11px; 91 font-weight: bold; 92 font-family: Arial; 93 font-size: 11px; 94 color: #FFFFFF; 95 cursor: default; 96 height: 18px; 97 -moz-user-select: none; 98} 99div table.dhtmlxToolbarTable_AquaOrange td.itemTextVert div.dhtmlxToolbarText { 100 padding-left: 2px; 101 padding-right: 2px; 102 padding-top: 4px; 103 font-size: 11px; 104 font-family: Tahoma; 105 font-weight: bold; 106 color: #303030; 107 cursor: default; 108 -moz-user-select: none; 109} 110/***************************************************************************************************************************************************************** 111 INPUT 112*****************************************************************************************************************************************************************/ 113div table.dhtmlxToolbarTable_AquaOrange td.itemButtonInput .dhtmlxToolbarButtonInput { 114 position: relative; 115 height: 15px; 116 border-top: #B04E0D 1px solid; 117 border-left: #B04E0D 1px solid; 118 border-right: #F6D7C3 1px solid; 119 border-bottom: #F6D7C3 1px solid; 120 margin-top: -1px; 121 #margin-top: 3px; 122 padding-left: 2px; 123 padding-right: 2px; 124 font-family: Arial; 125 font-size: 11px; 126 color: #000000; 127 padding-top: 2px; 128} 129/***************************************************************************************************************************************************************** 130 BUTTON 131*****************************************************************************************************************************************************************/ 132div table.dhtmlxToolbarTable_AquaOrange td.itemButton { 133 cursor: pointer; 134 font-weight: bold; 135 font-family: Arial; 136 font-size: 11px; 137 -moz-user-select: none; 138} 139div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.itemDefault { 140 position: absolute; 141 display: none; 142} 143div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.itemOver { 144 position: absolute; 145 border-left: #F6D7C3 1px solid; 146 border-right: #F6D7C3 1px solid; 147 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_over.gif"); 148 background-repeat: repeat-x; 149 top: 0px; 150 left: 0px; 151 height: 28px; 152 height= 26px; 153 right: 0px; 154 width= 100%; 155} 156div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.itemPressed { 157 position: absolute; 158 border-left: #B04E0D 1px solid; 159 border-right: #B04E0D 1px solid; 160 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_pressed.gif"); 161 background-repeat: repeat-x; 162 top: -1px; 163 left: 0px; 164 height: 30px; 165 height= 26px; 166 right: 0px; 167 width= 100%; 168} 169div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarButton { 170 position: relative; 171 height: 100%; 172 color: #FFFFFF; 173} 174div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarButtonDisabled { 175 position: relative; 176 height: 100%; 177 color: #F6C09D; 178} 179div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarImage { 180 position: relative; 181 width: 16px; 182 height: 16px; 183 margin-top: 5px; 184 margin-left: 2px; 185 margin-right: 2px; 186 margin-bottom: 3px; 187} 188div table.dhtmlxToolbarTable_AquaOrange td.itemButton div.dhtmlxToolbarText { 189 position: relative; 190 font-weight: bold; 191 font-family: Arial; 192 font-size: 11px; 193 padding-top: 6px; 194 padding-right: 2px; 195 padding-left: 2px; 196} 197/***************************************************************************************************************************************************************** 198 BUTTONSELECT 199*****************************************************************************************************************************************************************/ 200div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect { 201 cursor: pointer; 202 font-weight: bold; 203 font-family: Arial; 204 font-size: 11px; 205 -moz-user-select: none; 206} 207.dhtmlxButtonSelectTBL { 208 height: 31px; 209} 210div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.itemDefault { 211 position: absolute; 212 display: none; 213} 214div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.itemOver { 215 position: absolute; 216 border-left: #F6D7C3 1px solid; 217 border-right: #F6D7C3 1px solid; 218 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_over.gif"); 219 background-repeat: repeat-x; 220 top: 0px; 221 left: 0px; 222 height: 28px; 223 height= 26px; 224 right: 0px; 225 width= 100%; 226} 227div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.itemPressed { 228 position: absolute; 229 border-left: #B04E0D 1px solid; 230 border-right: #B04E0D 1px solid; 231 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_top_bg_pressed.gif"); 232 background-repeat: repeat-x; 233 top: -1px; 234 left: 0px; 235 height: 30px; 236 height= 26px; 237 right: 0px; 238 width= 100%; 239} 240div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrow { 241 position: relative; 242 width: 13px; 243 height: 28px; 244 background-position: center center; 245 background-repeat: no-repeat; 246 z-index: 10; 247} 248div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrowDisabled { 249 position: relative; 250 width: 13px; 251 height: 28px; 252 background-position: center center; 253 background-repeat: no-repeat; 254 z-index: 10; 255} 256div.dhtmlxToolbar_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrow { 257 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_btnarrow.gif"); 258} 259div.dhtmlxToolbar_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrowDisabled { 260 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_btnarrow_dis.gif"); 261} 262div.dhtmlxToolbarVer_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrow { 263 background-image: url("../imgs/dhtmlxtoolbar/webbar_btnarrow_ver.gif"); 264} 265div.dhtmlxToolbarVer_AquaOrange table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButtonArrowDisabled { 266 background-image: url("../imgs/dhtmlxtoolbar/webbar_btnarrow_ver_dis.gif"); 267} 268div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelectArrow div.dhtmlxToolbarButton { 269 position: relative; 270 height: 100%; 271} 272div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelectArrow div.dhtmlxToolbarButtonDisabled { 273 position: relative; 274 height: 100%; 275} 276div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarButton { 277 position: relative; 278 height: 100%; 279 color: #FFFFFF; 280} 281div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarDisabled { 282 position: relative; 283 height: 100%; 284 color: #909090; 285} 286 287div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarImage { 288 position: relative; 289 width: 16px; 290 height: 16px; 291 margin-top: 4px; 292 margin-left: 2px; 293 margin-right: 2px; 294 margin-bottom: 4px; 295} 296div table.dhtmlxToolbarTable_AquaOrange td.itemButtonSelect div.dhtmlxToolbarText { 297 position: relative; 298 font-family: Arial; 299 font-size: 11px; 300 font-weight: bold; 301 padding-top: 6px; 302 padding-right: 2px; 303 padding-left: 2px; 304} 305/* button's sublevel polygon */ 306div.dhtmlxToolbarButtonPolygon_AquaOrange { 307 margin-top: -4px; 308 position: absolute; 309 background-color: #FFFFFF; 310 padding-top: 1px; 311 border-top: #FF6600 1px solid; 312 border-left: #FF6600 1px solid; 313 border-bottom: #C1570F 1px solid; 314 border-right: #C1570F 1px solid; 315 -moz-user-select: none; 316 overflow: hidden; 317 cursor: default; 318} 319div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItem { 320 position: relative; 321 font-family: Tahoma; 322 font-size: 11px; 323 font-weight: normal; 324 color: #333333; 325 border-left: #FFFFFF 1px solid; 326 border-right: #CCCCCC 1px solid; 327 background-color: #F5F5F5; 328 margin: 0px 0px 0px 0px; 329 padding: 5px 28px 5px 28px; 330 cursor: default; 331 white-space: nowrap; 332 -moz-user-select: none; 333} 334div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItemDis { 335 position: relative; 336 font-family: Tahoma; 337 font-size: 11px; 338 font-weight: normal; 339 color: #999999; 340 border-left: #FFFFFF 1px solid; 341 border-right: #CCCCCC 1px solid; 342 background-color: #F5F5F5; 343 margin: 0px 0px 0px 0px; 344 padding: 5px 28px 5px 28px; 345 cursor: default; 346 white-space: nowrap; 347 -moz-user-select: none; 348} 349div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItemOver { 350 position: relative; 351 font-family: Tahoma; 352 font-size: 11px; 353 font-weight: normal; 354 color: #FFFFFF; 355 margin: 0px 0px 0px 0px; 356 padding: 5px 28px 5px 28px; 357 border-left: #F87D1D 1px solid; 358 border-right: #F87D1D 1px solid; 359 background-color: #F87D1D; 360 cursor: default; 361 white-space: nowrap; 362 -moz-user-select: none; 363} 364div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonItemSelected { 365 position: relative; 366 font-family: Tahoma; 367 font-size: 11px; 368 font-weight: normal; 369 color: #FFFFFF; 370 margin: 0px 0px 0px 0px; 371 padding: 5px 28px 5px 28px; 372 border-left: #F87D1D 1px solid; 373 border-right: #F87D1D 1px solid; 374 background-color: #FF0000; 375 cursor: default; 376 white-space: nowrap; 377 -moz-user-select: none; 378} 379div.dhtmlxToolbarButtonPolygon_AquaOrange div img.buttonImage { 380 position: absolute; 381 width: 16px; 382 height: 16px; 383 margin-top: -2px; 384 margin-left: -23px; 385} 386div.dhtmlxToolbarButtonPolygon_AquaOrange div img.buttonImageFake { 387 position: absolute; 388 right: 2px; 389 width: 0px; 390 height: 0px; 391} 392div.dhtmlxToolbarButtonPolygon_AquaOrange div.buttonSeparator { 393 border-top: #D3D2D2 1px solid; 394 border-bottom: #FFFFFF 1px solid; 395 cursor: default; 396 -moz-user-select: none; 397} 398/***************************************************************************************************************************************************************** 399 SLIDER 400*****************************************************************************************************************************************************************/ 401div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSlider { 402 height: 28px; 403 position: relative; 404 #position: static; 405 -moz-user-select: none; 406} 407div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderDisabled { 408 height: 28px; 409 position: relative; 410 #position: static; 411 -moz-user-select: none; 412} 413div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSlider { 414 position: relative; 415 #position: static; 416} 417div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderDisabled { 418 position: relative; 419 #position: static; 420} 421div table.dhtmlxToolbarTable_AquaOrange div.dhtmlxToolbarSlider { 422 color: #000000; 423} 424div table.dhtmlxToolbarTable_AquaOrange div.dhtmlxToolbarSliderDisabled { 425 color: #909090; 426} 427div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderText { 428 font-family: Arial; 429 font-size: 11px; 430 font-weight: normal; 431 color: #FFFFFF; 432 cursor: default; 433 padding-left: 2px; 434 padding-right: 2px; 435} 436div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider table.dhtmlxToolbarSliderLineHor { 437 height: 29px; 438} 439div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgLeft { 440 font-size: 1px; 441 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_left.gif"); 442 background-position: center center; 443 background-repeat: no-repeat; 444 cursor: default; 445} 446div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgMiddle { 447 font-size: 1px; 448 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_middle.gif"); 449 background-position: center; 450 background-repeat: repeat-x; 451 cursor: default; 452} 453div table.dhtmlxToolbarTable_AquaOrange td.itemSlider table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgRight { 454 font-size: 1px; 455 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_right.gif"); 456 background-position: center center; 457 background-repeat: no-repeat; 458 cursor: default; 459} 460div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderPen { 461 position: absolute; 462 top: 7px; 463 width: 9px; 464 height: 17px; 465 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_pen.gif"); 466 background-repeat: no-repeat; 467 -moz-user-select: none; 468 cursor: default; 469} 470div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderPenDis { 471 position: absolute; 472 top: 7px; 473 width: 9px; 474 height: 17px; 475 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_pen_dis.gif"); 476 background-repeat: no-repeat; 477 -moz-user-select: none; 478 cursor: default; 479} 480div table.dhtmlxToolbarTable_AquaOrange td.itemSlider div.dhtmlxToolbarSliderPenOver { 481 position: absolute; 482 top: 7px; 483 width: 9px; 484 height: 17px; 485 background-image: url("../imgs/dhtmlxtoolbar/aquaorange/dhtmlxtoolbar_slider_hor_pen_over.gif"); 486 background-repeat: no-repeat; 487 -moz-user-select: none; 488 cursor: default; 489} 490div.dhtmlxToolbarSliderPenLabel_AquaOrange { 491 position: absolute; 492 border: #A3A172 1px solid; 493 background-color: #FFF992; 494 font-family: Tahoma; 495 font-size: 10px; 496 color: #000000; 497 font-weight: normal; 498 padding: 0px 2px 0px 2px; 499 cursor: default; 500 -moz-user-select: none; 501 z-index: 8422; 502} 503/* vert */ 504div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgLeft { 505 font-size: 1px; 506 height: 3px; 507 width: 2px; 508 background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderleftvert.gif"); 509 background-position: center center; 510 background-repeat: no-repeat; 511 cursor: default; 512} 513div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgMiddle { 514 font-size: 1px; 515 height: 3px; 516 background-image: url("../imgs/dhtmlxtoolbar/webbar_slidermiddlevert.gif"); 517 background-position: center; 518 background-repeat: repeat-y; 519 cursor: default; 520} 521div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderImgRight { 522 font-size: 1px; 523 height: 3px; 524 width: 2px; 525 background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderrightvert.gif"); 526 background-position: center center; 527 background-repeat: no-repeat; 528 cursor: default; 529} 530div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert table.dhtmlxToolbarSlider td.dhtmlxToolbarSliderText { 531 font-family: Arial; 532 font-size: 11px; 533 font-weight: normal; 534 cursor: default; 535 padding-left: 2px; 536 padding-right: 2px; 537} 538div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderPen { 539 position: absolute; 540 left: 4px; 541 width: 9px; 542 height: 17px; 543 background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderpenvert.gif"); 544 background-repeat: no-repeat; 545 -moz-user-select: none; 546 cursor: default; 547} 548div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderPenDis { 549 position: absolute; 550 left: 4px; 551 width: 9px; 552 height: 17px; 553 background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderpendisvert.gif"); 554 background-repeat: no-repeat; 555 -moz-user-select: none; 556 cursor: default; 557} 558div table.dhtmlxToolbarTable_AquaOrange td.itemSliderVert div.dhtmlxToolbarSliderPenOver { 559 position: absolute; 560 left: 4px; 561 width: 9px; 562 height: 17px; 563 background-image: url("../imgs/dhtmlxtoolbar/webbar_sliderpenoververt.gif"); 564 background-repeat: no-repeat; 565 -moz-user-select: none; 566 cursor: default; 567}