Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.0

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

     4  *

     5  * @Theme: Chocolate

     6  * @Created by Paul Baugher <digitalskyline@gmail.com>

     7  */

     8 .x-panel {

     9     border-style: solid;

    10     border-color: #578746;

    11 }

    12 .x-panel-header {

    13     color:#000000;

    14 	border:1px solid #578746;

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

    16 }

    17 .x-panel-tl .x-panel-header {

    18     color:#000000;

    19 }

    20 .x-panel-body {

    21     border-color:#578746;

    22 }

    23 

    24 .x-panel-bbar .x-toolbar {

    25     border-color:#578746;

    26 }

    27 

    28 .x-panel-tbar .x-toolbar {

    29     border-color:#578746;

    30 }

    31 

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

    33     border-color:#578746;

    34 }

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

    36     border-color:#578746;

    37 }

    38 .x-panel-tc {

    39 	background-image:url(../images/chocolate/panel/top-bottom.gif);

    40 }

    41 .x-panel-tl {

    42 	background-image:url(../images/chocolate/panel/corners-sprite.gif);

    43     border-color:#578746;

    44 }

    45 .x-panel-tr {

    46 	background-image:url(../images/chocolate/panel/corners-sprite.gif);

    47 }

    48 .x-panel-bc {

    49 	background-image:url(../images/chocolate/panel/top-bottom.gif);

    50 }

    51 .x-panel-bl {

    52 	background-image:url(../images/chocolate/panel/corners-sprite.gif);

    53 }

    54 .x-panel-br {

    55 	background-image:url(../images/chocolate/panel/corners-sprite.gif);

    56 }

    57 .x-panel-mc {

    58     background-color:#abcb9f;

    59     color:#000000;

    60 }

    61 .x-panel-mc .x-panel-body {

    62     background:transparent;

    63     border: 0 none;

    64 }

    65 .x-panel-ml {

    66 	background-image:url(../images/chocolate/panel/left-right.gif);

    67 }

    68 .x-panel-mr {

    69 	background-image:url(../images/chocolate/panel/left-right.gif);

    70 }

    71 

    72 /* Ghosting */

    73 .x-panel-ghost {

    74     background:#abcb9f;

    75 }

    76 

    77 .x-panel-ghost ul {

    78     border-color:#578746;

    79 }

    80 

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

    82     border:1px solid #578746;

    83 }

    84 

    85 /* Grid */

    86 .x-grid3-row {

    87     color:#000000;

    88 }

    89 .x-grid3-row-over {

    90 	border:1px solid #578746;

    91     background-image:url(../images/chocolate/grid/row-over.gif);

    92 }

    93 .x-grid3-header{

    94 	background-image:url(../images/chocolate/grid/grid3-hrow.gif);

    95 }

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

    97     border-left:1px solid #abcb9f;

    98     background-image:url(../images/chocolate/grid/hd-pop.gif);

    99 }

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

   101     border-left:1px solid #abcb9f;

   102     border-right:1px solid #abcb9f;

   103 }

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

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

   106    	background-color:#abcb9f;

   107 }

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

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

   110 }

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

   112     background-image:url(../images/chocolate/grid/grid-hrow.gif);

   113     color:#666666;

   114     border-top:1px solid #abcb9f;

   115     border-right:1px solid #abcb9f !important;

   116 }

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

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

   119     color:#eeeeee !important;

   120 }

   121 .x-grid3-hd-btn {

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

   123 }

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

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

   126 }

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

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

   129 }

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

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

   132 }

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

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

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

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

   137 }

   138 .x-grid3-hd-row td {

   139     border-left:1px solid #abcb9f;

   140     border-right:1px solid #abcb9f;

   141 }

   142 .x-grid3-row-selected {

   143 	background: #abcb9f;

   144 	border:1px dotted #578746;

   145 }

   146 

   147 /* Menu */

   148 

   149 .x-menu {

   150 	border: 1px solid #abcb9f;

   151 	background-color:#578746;

   152 	background-image:url(../images/chocolate/menu/menu.gif);

   153 }

   154 .x-menu-sep {

   155     background-color:#578746;

   156 	border-bottom:1px solid #abcb9f;

   157 }

   158 .x-menu-plain {

   159 	background:#578746 !important;

   160 }

   161 .x-menu-item-active {

   162 	background-image:url(../images/chocolate/menu/item-over.gif);

   163 	background-color:#abcb9f;

   164 	border:1px solid #578746;

   165 }

   166 .x-menu a.x-menu-item {

   167 	color:#222222;

   168 }

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

   170     color: #000000;

   171 }

   172 

   173 /* Tools */

   174 .x-tool {

   175     background-image:url(../images/chocolate/panel/tool-sprites.gif);

   176 }

   177 

   178 /* Buttons */

   179 

   180 .x-btn-text{

   181     color: #000000;

   182     font-weight:bold !important;

   183 }

   184 .x-btn-left{

   185 	background-image:url(../images/chocolate/button/btn-sprite.gif);

   186 }

   187 .x-btn-right{

   188 	background-image:url(../images/chocolate/button/btn-sprite.gif);

   189 }

   190 .x-btn-center{

   191 	background-image:url(../images/chocolate/button/btn-sprite.gif);

   192 }

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

   194     background-image:url(../images/chocolate/button/btn-arrow.gif);

   195 }

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

   197     background-image:url(../images/chocolate/toolbar/btn-arrow.gif);

   198 }

   199 

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

   201     background-image:url(../images/chocolate/toolbar/btn-arrow.gif);

   202 }

   203 

   204 /* Layout classes */

   205 

   206 .x-border-layout-ct {

   207     background:#abcb9f; /* f1f2f4 */

   208 }

   209 

   210 .x-accordion-hd {

   211 	background-image:url(../images/chocolate/panel/light-hd.gif);

   212 }

   213 

   214 .x-layout-collapsed{

   215     background-color:#abcb9f;

   216     border-color:#578746;

   217 }

   218 .x-layout-collapsed-over{

   219 	 background-color:#abcb9f;

   220 }

   221 

   222 

   223 /* qtips */

   224 .x-tip .x-tip-close{

   225 	background-image: url(../images/chocolate/qtip/close.gif);

   226 }

   227 .x-tip .x-tip-tc {

   228 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   229 }

   230 .x-tip .x-tip-tl {

   231 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   232 }

   233 .x-tip .x-tip-tr {

   234 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   235 }

   236 .x-tip .x-tip-bc {

   237 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   238 }

   239 .x-tip .x-tip-bl {

   240 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   241 }

   242 .x-tip .x-tip-br {

   243 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   244 }

   245 .x-tip .x-tip-ml {

   246 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   247 }

   248 .x-tip .x-tip-mr {

   249 	background-image:url(../images/chocolate/qtip/tip-sprite.gif);

   250 }

   251 .x-tip .x-tip-header-text {

   252     color:#000000;

   253 }

   254 .x-tip .x-tip-body {

   255     color:#111111;

   256 }

   257 /* Toolbars */

   258 

   259 .x-toolbar{

   260 	border-color:#578746;

   261     background:#abcb9f url(../images/chocolate/toolbar/bg.gif) repeat-x top left;

   262 }

   263 .x-toolbar button {

   264     color:#222222;

   265 }

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

   267     background-image:url(../images/chocolate/toolbar/btn-arrow.gif);

   268 }

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

   270     background-image:url(../images/chocolate/toolbar/btn-arrow.gif);

   271 }

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

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

   274 }

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

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

   277 }

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

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

   280 }

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

   282     color:#000000;

   283 }

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

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

   286 }

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

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

   289 }

   290 

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

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

   293 }

   294 .x-toolbar .ytb-sep {

   295 	background-image: url(../images/chocolate/grid/grid-split.gif);

   296 }

   297 .x-paging-info {

   298     color:#000000;

   299 }

   300 

   301 /* Form */

   302 

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

   304     background-image:url(../images/chocolate/form/trigger.gif);

   305     border-bottom: 1px solid #578746;

   306 }

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

   308     background-image: url(../images/chocolate/form/date-trigger.gif);

   309 }

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

   311     background-image: url(../images/chocolate/form/clear-trigger.gif);

   312 }

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

   314     background-image: url(../images/chocolate/form/search-trigger.gif);

   315 }

   316 

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

   318     border: 1px solid #578746;

   319 }

   320 .x-form-select-one {

   321     border: 1px solid #578746;

   322 }

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

   324     border-bottom: 1px solid #578746;

   325 }

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

   327     border-bottom: 1px solid #578746;

   328 }

   329 .x-form fieldset {

   330     border:1px solid #578746;

   331 }

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

   333     border-bottom: 1px solid #578746;

   334 }

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

   336 	border: 1px solid #578746;

   337 }

   338 

   339 

   340 /* Tabs */

   341 

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

   343 	background: #abcb9f;

   344 	border-color:#578746;

   345 }

   346 

   347 

   348 .x-tab-panel-header {

   349 	border-color:#578746;

   350 }

   351 

   352 .x-tab-panel-footer {

   353 	border-color:#578746;

   354 }

   355 

   356 ul.x-tab-strip-top{

   357 	background:#abcb9f url(../images/chocolate/tabs/tab-strip-bg.gif) repeat-x left top;

   358 	border-color:#578746;

   359 }

   360 

   361 ul.x-tab-strip-bottom{

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

   363 	border-color:#578746;

   364 }

   365 

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

   367 	color:#333333;

   368 }

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

   370 	color:#000000;

   371 }

   372 

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

   374 	color:#111111;

   375 }

   376 

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

   378 	background-image:url(../images/chocolate/tabs/tabs-sprite.gif);

   379 }

   380 

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

   382 	background-image:url(../images/chocolate/tabs/tabs-sprite.gif);

   383 }

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

   385 	background-image:url(../images/chocolate/tabs/tabs-sprite.gif);

   386 }

   387 

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

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

   390 }

   391 

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

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

   394 }

   395 

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

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

   398 }

   399 

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

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

   402 }

   403 

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

   405 	background-image:url(../images/chocolate/tabs/tab-close.gif);

   406 }

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

   408 	background-image:url(../images/chocolate/tabs/tab-close.gif);

   409 }

   410 

   411 .x-tab-panel-body {

   412     border-color:#578746;

   413     background:#abcb9f;

   414 }

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

   416     border-color: #578746;

   417 }

   418 

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

   420     border-color: #578746;

   421 }

   422 

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

   424     border-color:#578746;

   425     background: #abcb9f;

   426 }

   427 

   428 .x-tab-scroller-left {

   429     background-image: url(../images/chocolate/tabs/scroll-left.gif);

   430     border-color:#578746;

   431 }

   432 .x-tab-scroller-right {

   433     background-image: url(../images/chocolate/tabs/scroll-right.gif);

   434     border-color:#578746;

   435 }

   436 

   437 /* Window */

   438 

   439 .x-window-proxy {

   440     background:#abcb9f;

   441     border-color:#578746;

   442 }

   443 

   444 .x-window-tl .x-window-header {

   445     color:#000000;

   446 }

   447 .x-window-tc {

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

   449 }

   450 .x-window-tl {

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

   452 }

   453 .x-window-tr {

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

   455 }

   456 .x-window-bc {

   457 	background-image:url(../images/chocolate/window/top-bottom.png);

   458 }

   459 .x-window-bl {

   460 	background-image:url(../images/chocolate/window/left-corners.png);

   461 }

   462 .x-window-br {

   463 	background-image:url(../images/chocolate/window/right-corners.png);

   464 }

   465 .x-window-mc {

   466     border:1px solid #578746;

   467     background:#abcb9f;

   468 }

   469 

   470 .x-window-ml {

   471 	background-image:url(../images/chocolate/window/left-right.png);

   472 }

   473 .x-window-mr {

   474 	background-image:url(../images/chocolate/window/left-right.png);

   475 }

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

   477     border-color:#578746;

   478 }

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

   480     border-color:#578746;

   481 }

   482 

   483 .x-window-plain .x-window-mc {

   484     color: #eeeeee;

   485     background: #abcb9f;

   486     border-left:1px solid #578746;

   487     border-top:1px solid #578746;

   488     border-bottom:1px solid #578746;

   489     border-right:1px solid #578746;

   490 }

   491 

   492 .x-window-plain .x-window-body {

   493     border-left:1px solid #578746;

   494     border-top:1px solid #578746;

   495     border-bottom:1px solid #578746;

   496     border-right:1px solid #578746;

   497     background:transparent !important;

   498 }

   499 

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

   501     background-color: #abcb9f;

   502 }

   503 

   504 /* Date Picker */

   505 .x-date-picker {

   506     border: 1px solid #578746;

   507     background:#ffffff;

   508 }

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

   510 	background-image: url(../images/chocolate/shared/hd-sprite.gif);

   511 }

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

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

   514 }

   515 .x-date-right a {

   516     background-image: url(../images/chocolate/shared/right-btn.gif);

   517 }

   518 .x-date-left a{

   519 	background-image: url(../images/chocolate/shared/left-btn.gif);

   520 }

   521 .x-date-inner th {

   522     background-image:url(../images/chocolate/shared/glass-bg.gif);

   523 	border-bottom: 1px solid #578746;

   524 	color:#000000;

   525 }

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

   527 	background-image:url(../images/chocolate/shared/glass-bg.gif);

   528 	border:1px solid #578746;

   529     color:#000000;

   530 }

   531 .x-date-bottom {

   532     border-top: 1px solid #578746;

   533     background-image:url(../images/chocolate/shared/glass-bg.gif);

   534 }

   535 .x-date-mp-btns {

   536 	background-image:url(../images/chocolate/shared/glass-bg.gif);

   537 }

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

   539 	background-image:url(../images/chocolate/shared/glass-bg.gif);

   540 	border:1px solid #578746;

   541 	color: #000000 !important;

   542 }

   543 .x-date-mp-ybtn a {

   544     background-image:url(../images/chocolate/panel/tool-sprites.gif);

   545 }

   546 .x-date-mp-btns button {

   547 	background-image:url(../images/chocolate/shared/glass-bg.gif);

   548 	border-color: #578746 #578746 #578746 #578746;

   549 	color: #000000;

   550 }

   551 .x-date-inner a{

   552     color:#000000;

   553 }

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

   555     color:#f0eeef;

   556     background: #578746;

   557 }

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

   559 	color:#000000;

   560 }

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

   562 	color:#f0eeef;

   563 	background: #578746;

   564 }

   565 

   566 /* misc */

   567 .x-html-editor-wrap {

   568     border-color:#578746;

   569 }

   570 

   571 /* Borders go last for specificity */

   572 .x-panel-noborder .x-panel-body-noborder {

   573     border-width:0;

   574 }

   575 

   576 .x-panel-noborder .x-panel-header-noborder {

   577     border-width:0;

   578     border-bottom:1px solid #578746;

   579 }

   580 

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

   582     border-width:0;

   583     border-bottom:1px solid #578746;

   584 }

   585 

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

   587     border-width:0;

   588     border-top:1px solid #578746;

   589 }

   590 

   591 .x-window-noborder .x-window-mc {

   592     border-width:0;

   593 }

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

   595     border-width:0;

   596 }

   597 

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

   599 	border-width:0;

   600 }

   601 

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

   603 	border-top-width:0;

   604 	border-left-width:0;

   605 	border-right-width:0;

   606 }

   607 

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

   609 	border-bottom-width:0;

   610 	border-left-width:0;

   611 	border-right-width:0;

   612 }

   613 

   614 

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

   616     border-width:0;

   617     border-top:1px solid #578746;

   618 }

   619 

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

   621     border-width:0;

   622     border-bottom:1px solid #578746;

   623 }
author	r@rlm
date	Fri, 25 Jun 2010 19:59:31 -0400
parents	26c2b3ad21c7
children