Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.0 Alpha 1

     3  * Copyright(c) 2006-2007, Ext JS, LLC.

     4  *

     5  * @license LGPL

     6  * @author Kemal Tunador <tunador@madrabaz.com>

     7  */

     8 

     9 .x-panel {

    10     border-style: solid;

    11     border-color: #777777;

    12 }

    13 .x-panel-header {

    14     color:#eeeeee;

    15 	border:1px solid #777777;

    16     background-image:url(../images/darkgray/panel/white-top-bottom.gif);

    17 }

    18 

    19 .x-panel-body {

    20     border-color:#777777;

    21 }

    22 

    23 .x-panel-bbar .x-toolbar {

    24     border-color:#777777;

    25 }

    26 

    27 .x-panel-tbar .x-toolbar {

    28     border-color:#777777;

    29 }

    30 

    31 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {

    32     border-color:#777777;

    33 }

    34 .x-panel-body-noheader, .x-panel-mc .x-panel-body {

    35     border-color:#777777;

    36 }

    37 .x-panel-tl .x-panel-header {

    38     color:#eeeeee;

    39 }

    40 .x-panel-tc {

    41 	background-image:url(../images/darkgray/panel/top-bottom.gif);

    42 }

    43 .x-panel-tl {

    44 	background-image:url(../images/darkgray/panel/corners-sprite.gif);

    45     border-color:#777777;

    46 }

    47 .x-panel-tr {

    48 	background-image:url(../images/darkgray/panel/corners-sprite.gif);

    49 }

    50 .x-panel-bc {

    51 	background-image:url(../images/darkgray/panel/top-bottom.gif);

    52 }

    53 .x-panel-bl {

    54 	background-image:url(../images/darkgray/panel/corners-sprite.gif);

    55 }

    56 .x-panel-br {

    57 	background-image:url(../images/darkgray/panel/corners-sprite.gif);

    58 }

    59 .x-panel-mc {

    60     background:#888888;

    61     color:#f9f9f9; /*ADDED*/

    62 }

    63 .x-panel-mc .x-panel-body {

    64     background:transparent;

    65     border: 0 none;

    66 }

    67 .x-panel-ml {

    68 	background-image:url(../images/darkgray/panel/left-right.gif);

    69 }

    70 .x-panel-mr {

    71 	background-image:url(../images/darkgray/panel/left-right.gif);

    72 }

    73 

    74 /* Grid */

    75 .x-grid3-row {

    76     color:#000000;

    77 }

    78 .x-grid3-row-over {

    79 	border:1px solid #dddddd;

    80     background-image:url(../images/darkgray/grid/row-over.gif);

    81 }

    82 .x-grid3-header{

    83 	background-image:url(../images/darkgray/grid/grid3-hrow.gif);

    84 }

    85 .x-grid3-header-pop-inner {

    86     border-left:1px solid #eeeeee;

    87     background-image:url(../images/darkgray/grid/hd-pop.gif);

    88 }

    89 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {

    90     border-left:1px solid #906699;

    91     border-right:1px solid #906699;

    92     color:  #000000;

    93 }

    94 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {

    95     background-image:url(../images/darkgray/grid/grid3-hrow-over.gif);

    96 }

    97 .x-dd-drag-proxy .x-grid3-hd-inner{

    98 	background-image:url(../images/darkgray/grid/grid3-hrow-over.gif);

    99 }

   100 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{

   101     background-image:url(../images/darkgray/grid/grid-hrow.gif);

   102     color:black;

   103     border-top:1px solid white;

   104     border-right:1px solid #df6fd8 !important;

   105 }

   106 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{

   107 	background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);

   108     color:black !important;

   109 }

   110 .x-grid3-hd-btn {

   111     background-image:url(../images/darkgray/grid/grid3-hd-btn.gif);

   112 }

   113 .x-grid3-body .x-grid3-td-expander {

   114     background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);

   115 }

   116 .x-grid3-body .x-grid3-td-checker {

   117     background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);

   118 }

   119 .x-grid3-body .x-grid3-td-numberer {

   120     background-image:url(../images/darkgray/grid/grid3-special-col-bg.gif);

   121 }

   122 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,

   123 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,

   124 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {

   125 	background-image:url(../images/darkgray/grid/grid3-special-col-sel-bg.gif);

   126 }

   127 .x-grid3-row-selected {

   128     color: #eeeeee;

   129 	background: #585559;

   130 	border:1px dotted #111111;

   131 }

   132 

   133 /* Menu */

   134 .x-menu {

   135 	border: 1px solid #333333;

   136 	background-image:url(../images/darkgray/menu/menu.gif);

   137 }

   138 .x-menu-sep {

   139     background-color:#e6e6e6;

   140 	border-bottom:1px solid #bfbfbf;

   141 }

   142 .x-menu-item-active {

   143 	background-image:url(../images/darkgray/menu/item-over.gif);

   144 	border:1px solid #aaaaaa;

   145 }

   146 

   147 /* Tools */

   148 .x-tool {

   149     background-image:url(../images/darkgray/panel/tool-sprites.gif);

   150 }

   151 

   152 /* Ghosting */

   153 .x-panel-ghost {

   154     background:#888888;

   155 }

   156 

   157 .x-panel-ghost ul {

   158     border-color:#555555;

   159 }

   160 

   161 .x-grid-panel .x-panel-mc .x-panel-body {

   162     border:1px solid #777777;

   163 }

   164 

   165 /* Buttons */

   166 

   167 .x-btn-text{

   168 color: #eeeeee;

   169 }

   170 .x-btn-left{

   171 	background-image:url(../images/darkgray/button/btn-sprite.gif);

   172 }

   173 .x-btn-right{

   174 	background-image:url(../images/darkgray/button/btn-sprite.gif);

   175 }

   176 .x-btn-center{

   177 	background-image:url(../images/darkgray/button/btn-sprite.gif);

   178 }

   179 

   180 /* Layout classes */

   181 

   182 .x-border-layout-ct {

   183     background:#aeabaf; /* f1f2f4 */

   184 }

   185 

   186 .x-accordion-hd {

   187 	background-image:url(../images/darkgray/panel/light-hd.gif);

   188 }

   189 

   190 .x-layout-collapsed{

   191     background-color:#777777;

   192     border-color:#555555;

   193 }

   194 .x-layout-collapsed-over{

   195 	 background-color:#888888;

   196 }

   197 

   198 

   199 /* qtips */

   200 .x-tip .x-tip-close{

   201 	background-image: url(../images/darkgray/qtip/close.gif);

   202 }

   203 .x-tip .x-tip-tc {

   204 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   205 }

   206 .x-tip .x-tip-tl {

   207 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   208 }

   209 .x-tip .x-tip-tr {

   210 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   211 }

   212 .x-tip .x-tip-bc {

   213 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   214 }

   215 .x-tip .x-tip-bl {

   216 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   217 }

   218 .x-tip .x-tip-br {

   219 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   220 }

   221 .x-tip .x-tip-ml {

   222 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   223 }

   224 .x-tip .x-tip-mr {

   225 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);

   226 }

   227 .x-tip .x-tip-header-text {

   228     color:#eeeeee;

   229 }

   230 .x-tip .x-tip-body {

   231     color:#eeeeee;

   232 }

   233 /* Toolbars */

   234 

   235 .x-toolbar{

   236 	border-color:#777777;

   237     background:#9c9c9c url(../images/darkgray/toolbar/bg.gif) repeat-x top left;

   238 }

   239 .x-toolbar button {

   240     color:#e5e5e5;

   241 }

   242 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {

   243     background-image:url(../images/darkgray/toolbar/btn-arrow.gif);

   244 }

   245 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {

   246     background-image:url(../images/darkgray/toolbar/btn-arrow.gif);

   247 }

   248 .x-toolbar .x-btn-over .x-btn-left{

   249 	background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);

   250 }

   251 .x-toolbar .x-btn-over .x-btn-right{

   252 	background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);

   253 }

   254 .x-toolbar .x-btn-over .x-btn-center{

   255 	background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);

   256 }

   257 .x-toolbar .x-btn-over button {

   258     color:#eeeeee;

   259 }

   260 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{

   261 	background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);

   262 }

   263 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{

   264 	background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);

   265 }

   266 

   267 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{

   268 	background-image:url(../images/darkgray/toolbar/tb-btn-sprite.gif);

   269 }

   270 .x-toolbar .ytb-sep {

   271 	background-image: url(../images/darkgray/grid/grid-split.gif);

   272 }

   273 .x-paging-info {

   274     color:#f9f9f9;

   275 }

   276 

   277 /* Form */

   278 

   279 .x-form-field-wrap .x-form-trigger{

   280     background-image:url(../images/darkgray/form/trigger.gif);

   281     border-bottom: 1px solid #a5a5a5;

   282 }

   283 .x-form-field-wrap .x-form-date-trigger{

   284     background-image: url(../images/darkgray/form/date-trigger.gif);

   285 }

   286 .x-form-field-wrap .x-form-clear-trigger{

   287     background-image: url(../images/darkgray/form/clear-trigger.gif);

   288 }

   289 .x-form-field-wrap .x-form-search-trigger{

   290     background-image: url(../images/darkgray/form/search-trigger.gif);

   291 }

   292 .x-form-text, textarea.x-form-field{

   293     border: 1px solid #a5a5a5;

   294 }

   295 .x-form-select-one {

   296     border: 1px solid #a5a5a5;

   297 }

   298 .x-item-disabled .x-form-trigger-over{

   299     border-bottom: 1px solid #a5a5a5;

   300 }

   301 .x-item-disabled .x-form-trigger-click{

   302     border-bottom: 1px solid #a5a5a5;

   303 }

   304 .x-form fieldset {

   305     border:1px solid #a5a5a5;

   306 }

   307 .x-trigger-wrap-focus .x-form-trigger{

   308     border-bottom: 1px solid #929292;

   309 }

   310 .x-form-focus, textarea.x-form-focus{

   311 	border: 1px solid #929292;

   312 }

   313 /* Tabs */

   314 

   315 .x-tab-panel-header, .x-tab-panel-footer {

   316 	background: #646464;

   317 	border-color:#777777;

   318 }

   319 

   320 

   321 .x-tab-panel-header {

   322 	border-color:#777777;

   323 }

   324 

   325 .x-tab-panel-footer {

   326 	border-color:#777777;

   327 }

   328 

   329 ul.x-tab-strip-top{

   330 	background:#7a7a7a url(../images/darkgray/tabs/tab-strip-bg.gif) repeat-x left top;

   331 	border-color:#777777;

   332     padding-top: 2px;

   333 }

   334 

   335 ul.x-tab-strip-bottom{

   336 	background-image:url(../images/darkgray/tabs/tab-strip-btm-bg.gif);

   337 	border-color:#777777;

   338 }

   339 

   340 .x-tab-strip span.x-tab-strip-text {

   341 	color:#dddddd;

   342 }

   343 .x-tab-strip-over span.x-tab-strip-text {

   344 	color:#000000;

   345 }

   346 

   347 .x-tab-strip-active span.x-tab-strip-text {

   348 	color:#eeeeee;

   349 }

   350 

   351 .x-tab-strip-disabled .x-tabs-text {

   352 	color:#888888;

   353 }

   354 

   355 .x-tab-strip-top .x-tab-right {

   356 	background-image:url(../images/darkgray/tabs/tabs-sprite.gif);

   357 }

   358 

   359 .x-tab-strip-top .x-tab-left {

   360 	background-image:url(../images/darkgray/tabs/tabs-sprite.gif);

   361 }

   362 .x-tab-strip-top .x-tab-strip-inner {

   363 	background-image:url(../images/darkgray/tabs/tabs-sprite.gif);

   364 }

   365 

   366 .x-tab-strip-bottom .x-tab-right {

   367 	background-image:url(../images/darkgray/tabs/tab-btm-inactive-right-bg.gif);

   368 }

   369 

   370 .x-tab-strip-bottom .x-tab-left {

   371 	background-image:url(../images/darkgray/tabs/tab-btm-inactive-left-bg.gif);

   372 }

   373 

   374 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {

   375 	background-image:url(../images/darkgray/tabs/tab-btm-right-bg.gif);

   376 }

   377 

   378 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {

   379 	background-image:url(../images/darkgray/tabs/tab-btm-left-bg.gif);

   380 }

   381 

   382 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {

   383 	background-image:url(../images/darkgray/tabs/tab-close.gif);

   384 }

   385 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{

   386 	background-image:url(../images/darkgray/tabs/tab-close.gif);

   387 }

   388 

   389 .x-tab-panel-body {

   390     border-color:#777777;

   391     background:#eeeeee;

   392 }

   393 .x-tab-panel-bbar .x-toolbar {

   394     border-color: #777777;

   395 }

   396 

   397 .x-tab-panel-tbar .x-toolbar {

   398     border-color: #777777;

   399 }

   400 

   401 .x-tab-panel-header-plain .x-tab-strip-spacer {

   402     border-color:#777777;

   403     background: #e7e7e7;

   404 }

   405 

   406 .x-tab-scroller-left {

   407     background-image: url(../images/darkgray/tabs/scroll-left.gif);

   408     border-color:#aeaeae;

   409 }

   410 .x-tab-scroller-right {

   411     background-image: url(../images/darkgray/tabs/scroll-right.gif);

   412     border-color:#aeaeae;

   413 }

   414 

   415 /* Buttons */

   416 

   417 .x-btn-menu-arrow-wrap .x-btn-center button {

   418     background-image:url(../images/darkgray/button/btn-arrow.gif);

   419 }

   420 .x-btn-with-menu  .x-btn-center em {

   421     background-image:url(../images/darkgray/toolbar/btn-arrow.gif);

   422 }

   423 

   424 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {

   425     background-image:url(../images/darkgray/toolbar/btn-arrow-light.gif);

   426 }

   427 

   428 /* Window */

   429 

   430 .x-window-proxy {

   431     background:#e0e0e0;

   432     border-color:#b0b0b0;

   433 }

   434 

   435 .x-window-tl .x-window-header {

   436     color:#eeeeee;

   437 }

   438 .x-window-tc {

   439 	background-image:url(../images/darkgray/window/top-bottom.png);

   440 }

   441 .x-window-tl {

   442 	background-image:url(../images/darkgray/window/left-corners.png);

   443 }

   444 .x-window-tr {

   445 	background-image:url(../images/darkgray/window/right-corners.png);

   446 }

   447 .x-window-bc {

   448 	background-image:url(../images/darkgray/window/top-bottom.png);

   449 }

   450 .x-window-bl {

   451 	background-image:url(../images/darkgray/window/left-corners.png);

   452 }

   453 .x-window-br {

   454 	background-image:url(../images/darkgray/window/right-corners.png);

   455 }

   456 .x-window-mc {

   457     border:1px solid #555555;

   458     background:#aaaaaa;

   459 }

   460 

   461 .x-window-ml {

   462 	background-image:url(../images/darkgray/window/left-right.png);

   463 }

   464 .x-window-mr {

   465 	background-image:url(../images/darkgray/window/left-right.png);

   466 }

   467 .x-panel-ghost .x-window-tl {

   468     border-color:#555555;

   469 }

   470 .x-panel-collapsed .x-window-tl {

   471     border-color:#555555;

   472 }

   473 

   474 .x-window-plain .x-window-mc {

   475     background: #999999;

   476     border-right:1px solid #eeeeee;

   477     border-bottom:1px solid #eeeeee;

   478     border-top:1px solid #555555;

   479     border-left:1px solid #555555;

   480 }

   481 

   482 .x-window-plain .x-window-body {

   483     border-left:1px solid #eeeeee;

   484     border-top:1px solid #eeeeee;

   485     border-bottom:1px solid #555555;

   486     border-right:1px solid #555555;

   487     background:transparent !important;

   488 }

   489 

   490 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {

   491     background-color: #999999;

   492 }

   493 

   494 /* Date Picker */

   495 .x-date-picker {

   496     border: 1px solid #000000;

   497     background:#eeeeee;

   498 }

   499 .x-date-middle,.x-date-left,.x-date-right {

   500 	background-image: url(../images/darkgray/shared/hd-sprite.gif);

   501 }

   502 .x-date-middle .x-btn-with-menu  .x-btn-center em {

   503     background-image:url(../images/darkgray/toolbar/btn-arrow-light.gif);

   504 }

   505 .x-date-right a {

   506     background-image: url(../images/darkgray/shared/right-btn.gif);

   507 }

   508 .x-date-left a{

   509 	background-image: url(../images/darkgray/shared/left-btn.gif);

   510 }

   511 .x-date-inner th {

   512     background-image:url(../images/darkgray/shared/glass-bg.gif);

   513 	border-bottom: 1px solid #333333;

   514 	color:#f2eef0;

   515 }

   516 .x-date-inner .x-date-selected a{

   517 	background-image:url(../images/darkgray/shared/glass-bg.gif);

   518 	border:1px solid #333333;

   519     color:#f2eef0;

   520 }

   521 .x-date-bottom {

   522     border-top: 1px solid #333333;

   523     background-image:url(../images/darkgray/shared/glass-bg.gif);

   524 }

   525 .x-date-mp-btns {

   526 	background-image:url(../images/darkgray/shared/glass-bg.gif);

   527 }

   528 td.x-date-mp-sel a {

   529 	background-image:url(../images/darkgray/shared/glass-bg.gif);

   530 	border:1px solid #000000;

   531 	color: #f2eef0;

   532 }

   533 .x-date-mp-ybtn a {

   534     background-image:url(../images/darkgray/panel/tool-sprites.gif);

   535 }

   536 .x-date-mp-btns button {

   537 	background-image:url(../images/darkgray/shared/glass-bg.gif);

   538 	border-color: #555555 #000000 #000000 #555555;

   539 }

   540 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{

   541     color:#f2eef0;

   542     background: #333333;

   543 }

   544 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {

   545 	color:#f2eef0;

   546 	background: #333333;

   547 }

   548 

   549 /* misc */

   550 .x-html-editor-wrap {

   551     border-color:#d0d0d0;

   552 }

   553 

   554 /* Borders go last for specificity */

   555 .x-panel-noborder .x-panel-body-noborder {

   556     border-width:0;

   557 }

   558 

   559 .x-panel-noborder .x-panel-header-noborder {

   560     border-width:0;

   561     border-bottom:1px solid #d0d0d0;

   562 }

   563 

   564 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {

   565     border-width:0;

   566     border-bottom:1px solid #d0d0d0;

   567 }

   568 

   569 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {

   570     border-width:0;

   571     border-top:1px solid #d0d0d0;

   572 }

   573 

   574 .x-window-noborder .x-window-mc {

   575     border-width:0;

   576 }

   577 .x-window-plain .x-window-body-noborder {

   578     border-width:0;

   579 }

   580 

   581 .x-tab-panel-noborder .x-tab-panel-body-noborder {

   582 	border-width:0;

   583 }

   584 

   585 .x-tab-panel-noborder .x-tab-panel-header-noborder {

   586 	border-top-width:0;

   587 	border-left-width:0;

   588 	border-right-width:0;

   589 }

   590 

   591 .x-tab-panel-noborder .x-tab-panel-footer-noborder {

   592 	border-bottom-width:0;

   593 	border-left-width:0;

   594 	border-right-width:0;

   595 }

   596 

   597 

   598 .x-tab-panel-bbar-noborder .x-toolbar {

   599     border-width:0;

   600     border-top:1px solid #d0d0d0;

   601 }

   602 

   603 .x-tab-panel-tbar-noborder .x-toolbar {

   604     border-width:0;

   605     border-bottom:1px solid #d0d0d0;

   606 }