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: #000000;

    12 }

    13 .x-panel-header {

    14     color:#f0eeef;

    15 	border:1px solid #000000;

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

    17 }

    18 

    19 .x-panel-body {

    20     border-color:#000000;

    21 }

    22 

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

    24     border-color:#000000;

    25 }

    26 

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

    28     border-color:#000000;

    29 }

    30 

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

    32     border-color:#000000;

    33 }

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

    35     border-color:#000000;

    36 }

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

    38     color:#f0eeef;

    39 }

    40 .x-panel-tc {

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

    42 }

    43 .x-panel-tl {

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

    45     border-color:#000000;

    46 }

    47 .x-panel-tr {

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

    49 }

    50 .x-panel-bc {

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

    52 }

    53 .x-panel-bl {

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

    55 }

    56 .x-panel-br {

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

    58 }

    59 .x-panel-mc {

    60     background:#363636;

    61     color:#eeeeee;

    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/black/panel/left-right.gif);

    69 }

    70 .x-panel-mr {

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

    72 }

    73 

    74 /* Ghosting */

    75 .x-panel-ghost {

    76     background:#363636;

    77 }

    78 

    79 .x-panel-ghost ul {

    80     border-color:#000000;

    81 }

    82 

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

    84     border:1px solid #000000;

    85 }

    86 

    87 /* Grid */

    88 .x-grid3-row {

    89     color:#000000;

    90 }

    91 .x-grid3-row-over {

    92 	border:1px solid #292929;

    93     background-image:url(../images/black/grid/row-over.gif);

    94 }

    95 .x-grid3-header{

    96 	background-image:url(../images/black/grid/grid3-hrow.gif);

    97 }

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

    99     border-left:1px solid #000000;

   100     background-image:url(../images/black/grid/hd-pop.gif);

   101 }

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

   103     border-left:1px solid #000000;

   104     border-right:1px solid #000000;

   105 }

   106 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 {

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

   108    	background-color:#595959;

   109 }

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

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

   112 }

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

   114     background-image:url(../images/black/grid/grid-hrow.gif);

   115     color:#666666;

   116     border-top:1px solid white;

   117     border-right:1px solid #000000 !important;

   118 }

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

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

   121     color:#eeeeee !important;

   122 }

   123 .x-grid3-hd-btn {

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

   125 }

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

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

   128 }

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

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

   131 }

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

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

   134 }

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

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

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

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

   139 }

   140 .x-grid3-hd-row td {

   141     border-left:1px solid #888888;

   142     border-right:1px solid #666666;

   143 }

   144 .x-grid3-row-selected {

   145 	background: #f0eeef;

   146 	border:1px dotted #999999;

   147 }

   148 .xg-hmenu-sort-asc .x-menu-item-icon{

   149 	background-image: url(../images/black/grid/hmenu-asc.gif);

   150 }

   151 .xg-hmenu-sort-desc .x-menu-item-icon{

   152 	background-image: url(../images/black/grid/hmenu-desc.gif);

   153 }

   154 

   155 /* Menu */

   156 

   157 .x-menu {

   158 	border: 1px solid #000000;

   159 	background-color:#393939;

   160 	background-image:url(../images/black/menu/menu.gif);

   161 }

   162 .x-menu-sep {

   163     background-color:#4d4d4d;

   164 	border-bottom:1px solid #272727;

   165 }

   166 .x-menu-plain {

   167 	background:#393939 !important;

   168 }

   169 .x-menu-item-active {

   170 	background-image:url(../images/black/menu/item-over.gif);

   171 	background-color:#3f3f3f;

   172 	border:1px solid #222222;

   173 }

   174 .x-menu a.x-menu-item {

   175 	color:#eeeeee;

   176 }

   177 .x-menu-item-active a.x-menu-item {

   178     color: #ffffff;

   179 }

   180 

   181 /* Tools */

   182 .x-tool {

   183     background-image:url(../images/black/panel/tool-sprites.gif);

   184 }

   185 

   186 /* Buttons */

   187 

   188 .x-btn-text{

   189 color: #f0eeef;

   190 font-weight:bold !important;

   191 }

   192 .x-btn-left{

   193 	background-image:url(../images/black/button/btn-sprite.gif);

   194 }

   195 .x-btn-right{

   196 	background-image:url(../images/black/button/btn-sprite.gif);

   197 }

   198 .x-btn-center{

   199 	background-image:url(../images/black/button/btn-sprite.gif);

   200 }

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

   202     background-image:url(../images/black/button/btn-arrow.gif);

   203 }

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

   205     background-image:url(../images/black/toolbar/btn-arrow.gif);

   206 }

   207 

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

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

   210 }

   211 

   212 /* Layout classes */

   213 

   214 .x-border-layout-ct {

   215     background:#f3f3f3; /* f1f2f4 */

   216 }

   217 

   218 .x-accordion-hd {

   219 	background-image:url(../images/black/panel/light-hd.gif);

   220 }

   221 

   222 .x-layout-collapsed{

   223     background-color:#222222;

   224     border-color:#000000;

   225 }

   226 .x-layout-collapsed-over{

   227 	 background-color:#444444;

   228 }

   229 

   230 

   231 /* qtips */

   232 .x-tip .x-tip-close{

   233 	background-image: url(../images/black/qtip/close.gif);

   234 }

   235 .x-tip .x-tip-tc {

   236 	background-image:url(../images/black/qtip/tip-sprite.gif);

   237 }

   238 .x-tip .x-tip-tl {

   239 	background-image:url(../images/black/qtip/tip-sprite.gif);

   240 }

   241 .x-tip .x-tip-tr {

   242 	background-image:url(../images/black/qtip/tip-sprite.gif);

   243 }

   244 .x-tip .x-tip-bc {

   245 	background-image:url(../images/black/qtip/tip-sprite.gif);

   246 }

   247 .x-tip .x-tip-bl {

   248 	background-image:url(../images/black/qtip/tip-sprite.gif);

   249 }

   250 .x-tip .x-tip-br {

   251 	background-image:url(../images/black/qtip/tip-sprite.gif);

   252 }

   253 .x-tip .x-tip-ml {

   254 	background-image:url(../images/black/qtip/tip-sprite.gif);

   255 }

   256 .x-tip .x-tip-mr {

   257 	background-image:url(../images/black/qtip/tip-sprite.gif);

   258 }

   259 .x-tip .x-tip-header-text {

   260     color:#ffffff;

   261 }

   262 .x-tip .x-tip-body {

   263     color:#eeeeee;

   264 }

   265 /* Toolbars */

   266 

   267 .x-toolbar{

   268 	border-color:#444444;

   269     background:#282828 url(../images/black/toolbar/bg.gif) repeat-x top left;

   270 }

   271 .x-toolbar button {

   272     color:#f0eeef;

   273 }

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

   275     background-image:url(../images/black/toolbar/btn-arrow.gif);

   276 }

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

   278     background-image:url(../images/black/toolbar/btn-arrow.gif);

   279 }

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

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

   282 }

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

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

   285 }

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

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

   288 }

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

   290     color:#ffffff;

   291 }

   292 .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{

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

   294 }

   295 .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{

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

   297 }

   298 

   299 .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{

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

   301 }

   302 .x-toolbar .ytb-sep {

   303 	background-image: url(../images/black/grid/grid-split.gif);

   304 }

   305 .x-paging-info {

   306     color:#f0eeef;

   307 }

   308 

   309 /* Form */

   310 

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

   312     background-image:url(../images/black/form/trigger.gif);

   313     border-bottom: 1px solid #a3a3a3;

   314 }

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

   316     background-image: url(../images/black/form/date-trigger.gif);

   317 }

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

   319     background-image: url(../images/black/form/clear-trigger.gif);

   320 }

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

   322     background-image: url(../images/black/form/search-trigger.gif);

   323 }

   324 

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

   326     border: 1px solid #a3a3a3;

   327 }

   328 .x-form-select-one {

   329     border: 1px solid #a3a3a3;

   330 }

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

   332     border-bottom: 1px solid #a3a3a3;

   333 }

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

   335     border-bottom: 1px solid #a3a3a3;

   336 }

   337 .x-form fieldset {

   338     border:1px solid #a3a3a3;

   339 }

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

   341     border-bottom: 1px solid #0e0e0e;

   342 }

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

   344 	border: 1px solid #0e0e0e;

   345 }

   346 

   347 

   348 /* Tabs */

   349 

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

   351 	background: #363636;

   352 	border-color:#000000;

   353 }

   354 

   355 

   356 .x-tab-panel-header {

   357 	border-color:#000000;

   358 }

   359 

   360 .x-tab-panel-footer {

   361 	border-color:#000000;

   362 }

   363 

   364 ul.x-tab-strip-top{

   365 	background:#353535 url(../images/black/tabs/tab-strip-bg.gif) repeat-x left top;

   366 	border-color:#000000;

   367 }

   368 

   369 ul.x-tab-strip-bottom{

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

   371 	border-color:#000000;

   372 }

   373 

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

   375 	color:#cccccc;

   376 }

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

   378 	color:#ffffff;

   379 }

   380 

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

   382 	color:#f0eeef;

   383 }

   384 

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

   386 	background-image:url(../images/black/tabs/tabs-sprite.gif);

   387 }

   388 

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

   390 	background-image:url(../images/black/tabs/tabs-sprite.gif);

   391 }

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

   393 	background-image:url(../images/black/tabs/tabs-sprite.gif);

   394 }

   395 

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

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

   398 }

   399 

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

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

   402 }

   403 

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

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

   406 }

   407 

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

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

   410 }

   411 

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

   413 	background-image:url(../images/black/tabs/tab-close.gif);

   414 }

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

   416 	background-image:url(../images/black/tabs/tab-close.gif);

   417 }

   418 

   419 .x-tab-panel-body {

   420     border-color:#000000;

   421     background:#eeeeee;

   422 }

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

   424     border-color: #000000;

   425 }

   426 

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

   428     border-color: #000000;

   429 }

   430 

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

   432     border-color:#000000;

   433     background: #353535;

   434 }

   435 

   436 .x-tab-scroller-left {

   437     background-image: url(../images/black/tabs/scroll-left.gif);

   438     border-color:#000000;

   439 }

   440 .x-tab-scroller-right {

   441     background-image: url(../images/black/tabs/scroll-right.gif);

   442     border-color:#000000;

   443 }

   444 

   445 /* Window */

   446 

   447 .x-window-proxy {

   448     background:#363636;

   449     border-color:#000000;

   450 }

   451 

   452 .x-window-tl .x-window-header {

   453     color:#f0eeef;

   454 }

   455 .x-window-tc {

   456 	background-image:url(../images/black/window/top-bottom.png);

   457 }

   458 .x-window-tl {

   459 	background-image:url(../images/black/window/left-corners.png);

   460 }

   461 .x-window-tr {

   462 	background-image:url(../images/black/window/right-corners.png);

   463 }

   464 .x-window-bc {

   465 	background-image:url(../images/black/window/top-bottom.png);

   466 }

   467 .x-window-bl {

   468 	background-image:url(../images/black/window/left-corners.png);

   469 }

   470 .x-window-br {

   471 	background-image:url(../images/black/window/right-corners.png);

   472 }

   473 .x-window-mc {

   474     border:1px solid #333333;

   475     background:#454545;

   476     color: #eeeeee;

   477 }

   478 

   479 .x-window-ml {

   480 	background-image:url(../images/black/window/left-right.png);

   481 }

   482 .x-window-mr {

   483 	background-image:url(../images/black/window/left-right.png);

   484 }

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

   486     border-color:#000000;

   487 }

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

   489     border-color:#000000;

   490 }

   491 

   492 .x-window-plain .x-window-mc {

   493     color: #eeeeee;

   494     background: #222222;

   495     border-left:1px solid #111111;

   496     border-top:1px solid #111111;

   497     border-bottom:1px solid #222222;

   498     border-right:1px solid #222222;

   499 }

   500 

   501 .x-window-plain .x-window-body {

   502     border-left:1px solid #555555;

   503     border-top:1px solid #555555;

   504     border-bottom:1px solid #333333;

   505     border-right:1px solid #333333;

   506     background:transparent !important;

   507 }

   508 

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

   510     color: #eeeeee;

   511     background-color: #1a1a1a;

   512 }

   513 

   514 /* Date Picker */

   515 .x-date-picker {

   516     border: 1px solid #000000;

   517     background:#ffffff;

   518 }

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

   520 	background-image: url(../images/black/shared/hd-sprite.gif);

   521 }

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

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

   524 }

   525 .x-date-right a {

   526     background-image: url(../images/black/shared/right-btn.gif);

   527 }

   528 .x-date-left a{

   529 	background-image: url(../images/black/shared/left-btn.gif);

   530 }

   531 .x-date-inner th {

   532     background-image:url(../images/black/shared/glass-bg.gif);

   533 	border-bottom: 1px solid #000000;

   534 	color:#f0eeef;

   535 }

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

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

   538 	border:1px solid #000000;

   539     color:#f0eeef;

   540 }

   541 .x-date-bottom {

   542     border-top: 1px solid #000000;

   543     background-image:url(../images/black/shared/glass-bg.gif);

   544 }

   545 .x-date-mp-btns {

   546 	background-image:url(../images/black/shared/glass-bg.gif);

   547 }

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

   549 	background-image:url(../images/black/shared/glass-bg.gif);

   550 	border:1px solid #000000;

   551 	color: #f0eeef !important;

   552 }

   553 .x-date-mp-ybtn a {

   554     background-image:url(../images/black/panel/tool-sprites.gif);

   555 }

   556 .x-date-mp-btns button {

   557 	background-image:url(../images/black/shared/glass-bg.gif);

   558 	border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;

   559 	color: #f0eeef;

   560 }

   561 .x-date-inner a{

   562     color:#000000;

   563 }

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

   565     color:#f0eeef;

   566     background: #353535;

   567 }

   568 td.x-date-mp-month a,td.x-date-mp-year a {

   569 	color:#000000;

   570 }

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

   572 	color:#f0eeef;

   573 	background: #353535;

   574 }

   575 

   576 /* misc */

   577 .x-html-editor-wrap {

   578     border-color:#000000;

   579 }

   580 

   581 /* Borders go last for specificity */

   582 .x-panel-noborder .x-panel-body-noborder {

   583     border-width:0;

   584 }

   585 

   586 .x-panel-noborder .x-panel-header-noborder {

   587     border-width:0;

   588     border-bottom:1px solid #000000;

   589 }

   590 

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

   592     border-width:0;

   593     border-bottom:1px solid #000000;

   594 }

   595 

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

   597     border-width:0;

   598     border-top:1px solid #000000;

   599 }

   600 

   601 .x-window-noborder .x-window-mc {

   602     border-width:0;

   603 }

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

   605     border-width:0;

   606 }

   607 

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

   609 	border-width:0;

   610 }

   611 

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

   613 	border-top-width:0;

   614 	border-left-width:0;

   615 	border-right-width:0;

   616 }

   617 

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

   619 	border-bottom-width:0;

   620 	border-left-width:0;

   621 	border-right-width:0;

   622 }

   623 

   624 

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

   626     border-width:0;

   627     border-top:1px solid #000000;

   628 }

   629 

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

   631     border-width:0;

   632     border-bottom:1px solid #000000;

   633 }
author	Robert McIntyre <rlm@mit.edu>
date	Tue, 29 Jun 2010 15:36:30 -0400
parents	26c2b3ad21c7
children