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: #68cccd;

    12 }

    13 .x-panel-header {

    14     color:#000000;

    15 	border:1px solid #68cccd;

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

    17 }

    18 .x-panel-tl .x-panel-header {

    19     color:#000000;

    20 }

    21 .x-panel-body {

    22     border-color:#68cccd;

    23 }

    24 

    25 .x-panel-bbar .x-toolbar {

    26     border-color:#68cccd;

    27 }

    28 

    29 .x-panel-tbar .x-toolbar {

    30     border-color:#68cccd;

    31 }

    32 

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

    34     border-color:#68cccd;

    35 }

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

    37     border-color:#68cccd;

    38 }

    39 .x-panel-tc {

    40 	background-image:url(../images/olive/panel/top-bottom.gif);

    41 }

    42 .x-panel-tl {

    43 	background-image:url(../images/olive/panel/corners-sprite.gif);

    44     border-color:#68cccd;

    45 }

    46 .x-panel-tr {

    47 	background-image:url(../images/olive/panel/corners-sprite.gif);

    48 }

    49 .x-panel-bc {

    50 	background-image:url(../images/olive/panel/top-bottom.gif);

    51 }

    52 .x-panel-bl {

    53 	background-image:url(../images/olive/panel/corners-sprite.gif);

    54 }

    55 .x-panel-br {

    56 	background-image:url(../images/olive/panel/corners-sprite.gif);

    57 }

    58 .x-panel-mc {

    59     background:#99dddd;

    60     color:#000000;

    61 }

    62 .x-panel-mc .x-panel-body {

    63     background:transparent;

    64     border: 0 none;

    65 }

    66 .x-panel-ml {

    67 	background-image:url(../images/olive/panel/left-right.gif);

    68 }

    69 .x-panel-mr {

    70 	background-image:url(../images/olive/panel/left-right.gif);

    71 }

    72 

    73 /* Ghosting */

    74 .x-panel-ghost {

    75     background:#99dddd;

    76 }

    77 

    78 .x-panel-ghost ul {

    79     border-color:#68cccd;

    80 }

    81 

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

    83     border:1px solid #68cccd;

    84 }

    85 

    86 /* Grid */

    87 .x-grid3-row {

    88     color:#000000;

    89 }

    90 .x-grid3-row-over {

    91 	border:1px solid #68cccd;

    92     background-image:url(../images/olive/grid/row-over.gif);

    93 }

    94 .x-grid3-header{

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

    96 }

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

    98     border-left:1px solid #2a8e8f;

    99     background-image:url(../images/olive/grid/hd-pop.gif);

   100 }

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

   102     border-left:1px solid #2a8e8f;

   103     border-right:1px solid #2a8e8f;

   104 }

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

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

   107    	background-color:#a5e1e1;

   108 }

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

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

   111 }

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

   113     background-image:url(../images/olive/grid/grid-hrow.gif);

   114     color:#666666;

   115     border-top:1px solid #188889;

   116     border-right:1px solid #2a8e8f !important;

   117 }

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

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

   120     color:#eeeeee !important;

   121 }

   122 .x-grid3-hd-btn {

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

   124 }

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

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

   127 }

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

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

   130 }

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

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

   133 }

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

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

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

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

   138 }

   139 .x-grid3-hd-row td {

   140     border-left:1px solid #77e7e9;

   141     border-right:1px solid #188889;

   142 }

   143 .x-grid3-row-selected {

   144 	background: #a5e1e1;

   145 	border:1px dotted #68cccd;

   146 }

   147 

   148 /* Menu */

   149 

   150 .x-menu {

   151 	border: 1px solid #5da9a9;

   152 	background-color:#afdadb;

   153 	background-image:url(../images/olive/menu/menu.gif);

   154 }

   155 .x-menu-sep {

   156     background-color:#c6edee;

   157 	border-bottom:1px solid #41807f;

   158 }

   159 .x-menu-plain {

   160 	background:#afdadb !important;

   161 }

   162 .x-menu-item-active {

   163 	background-image:url(../images/olive/menu/item-over.gif);

   164 	background-color:#a4efee;

   165 	border:1px solid #59b6b5;

   166 }

   167 .x-menu a.x-menu-item {

   168 	color:#222222;

   169 }

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

   171     color: #000000;

   172 }

   173 

   174 /* Tools */

   175 .x-tool {

   176     background-image:url(../images/olive/panel/tool-sprites.gif);

   177 }

   178 

   179 /* Buttons */

   180 

   181 .x-btn-text{

   182     color: #000000;

   183     font-weight:bold !important;

   184 }

   185 .x-btn-left{

   186 	background-image:url(../images/olive/button/btn-sprite.gif);

   187 }

   188 .x-btn-right{

   189 	background-image:url(../images/olive/button/btn-sprite.gif);

   190 }

   191 .x-btn-center{

   192 	background-image:url(../images/olive/button/btn-sprite.gif);

   193 }

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

   195     background-image:url(../images/olive/button/btn-arrow.gif);

   196 }

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

   198     background-image:url(../images/olive/toolbar/btn-arrow.gif);

   199 }

   200 

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

   202     background-image:url(../images/olive/toolbar/btn-arrow.gif);

   203 }

   204 

   205 /* Layout classes */

   206 

   207 .x-border-layout-ct {

   208     background:#f3f9ff; /* f1f2f4 */

   209 }

   210 

   211 .x-accordion-hd {

   212 	background-image:url(../images/olive/panel/light-hd.gif);

   213 }

   214 

   215 .x-layout-collapsed{

   216     background-color:#6acfcb;

   217     border-color:#5dc8c9;

   218 }

   219 .x-layout-collapsed-over{

   220 	 background-color:#78d5ca;

   221 }

   222 

   223 

   224 /* qtips */

   225 .x-tip .x-tip-close{

   226 	background-image: url(../images/olive/qtip/close.gif);

   227 }

   228 .x-tip .x-tip-tc {

   229 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   230 }

   231 .x-tip .x-tip-tl {

   232 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   233 }

   234 .x-tip .x-tip-tr {

   235 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   236 }

   237 .x-tip .x-tip-bc {

   238 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   239 }

   240 .x-tip .x-tip-bl {

   241 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   242 }

   243 .x-tip .x-tip-br {

   244 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   245 }

   246 .x-tip .x-tip-ml {

   247 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   248 }

   249 .x-tip .x-tip-mr {

   250 	background-image:url(../images/olive/qtip/tip-sprite.gif);

   251 }

   252 .x-tip .x-tip-header-text {

   253     color:#000000;

   254 }

   255 .x-tip .x-tip-body {

   256     color:#111111;

   257 }

   258 /* Toolbars */

   259 

   260 .x-toolbar{

   261 	border-color:#68cccd;

   262     background:#8fd9da url(../images/olive/toolbar/bg.gif) repeat-x top left;

   263 }

   264 .x-toolbar button {

   265     color:#222222;

   266 }

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

   268     background-image:url(../images/olive/toolbar/btn-arrow.gif);

   269 }

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

   271     background-image:url(../images/olive/toolbar/btn-arrow.gif);

   272 }

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

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

   275 }

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

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

   278 }

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

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

   281 }

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

   283     color:#000000;

   284 }

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

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

   287 }

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

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

   290 }

   291 

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

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

   294 }

   295 .x-toolbar .ytb-sep {

   296 	background-image: url(../images/olive/grid/grid-split.gif);

   297 }

   298 .x-paging-info {

   299     color:#000000;

   300 }

   301 

   302 /* Form */

   303 

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

   305     background-image:url(../images/olive/form/trigger.gif);

   306     border-bottom: 1px solid #55d4d6;

   307 }

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

   309     background-image: url(../images/olive/form/date-trigger.gif);

   310 }

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

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

   313 }

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

   315     background-image: url(../images/olive/form/search-trigger.gif);

   316 }

   317 

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

   319     border: 1px solid #55d4d6;

   320 }

   321 .x-form-select-one {

   322     border: 1px solid #55d4d6;

   323 }

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

   325     border-bottom: 1px solid #55d4d6;

   326 }

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

   328     border-bottom: 1px solid #55d4d6;

   329 }

   330 .x-form fieldset {

   331     border:1px solid #55d4d6;

   332 }

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

   334     border-bottom: 1px solid #2fb6b8;

   335 }

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

   337 	border: 1px solid #2fb6b8;

   338 }

   339 

   340 

   341 /* Tabs */

   342 

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

   344 	background: #9ededf;

   345 	border-color:#5dc8c9;

   346 }

   347 

   348 

   349 .x-tab-panel-header {

   350 	border-color:#5dc8c9;

   351 }

   352 

   353 .x-tab-panel-footer {

   354 	border-color:#5dc8c9;

   355 }

   356 

   357 ul.x-tab-strip-top{

   358 	background:#9ededf url(../images/olive/tabs/tab-strip-bg.gif) repeat-x left top;

   359 	border-color:#5dc8c9;

   360 }

   361 

   362 ul.x-tab-strip-bottom{

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

   364 	border-color:#5dc8c9;

   365 }

   366 

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

   368 	color:#333333;

   369 }

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

   371 	color:#000000;

   372 }

   373 

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

   375 	color:#111111;

   376 }

   377 

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

   379 	background-image:url(../images/olive/tabs/tabs-sprite.gif);

   380 }

   381 

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

   383 	background-image:url(../images/olive/tabs/tabs-sprite.gif);

   384 }

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

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

   387 }

   388 

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

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

   391 }

   392 

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

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

   395 }

   396 

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

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

   399 }

   400 

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

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

   403 }

   404 

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

   406 	background-image:url(../images/olive/tabs/tab-close.gif);

   407 }

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

   409 	background-image:url(../images/olive/tabs/tab-close.gif);

   410 }

   411 

   412 .x-tab-panel-body {

   413     border-color:#5dc8c9;

   414     background:#eeeeee;

   415 }

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

   417     border-color: #5dc8c9;

   418 }

   419 

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

   421     border-color: #5dc8c9;

   422 }

   423 

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

   425     border-color:#5dc8c9;

   426     background: #9ededf;

   427 }

   428 

   429 .x-tab-scroller-left {

   430     background-image: url(../images/olive/tabs/scroll-left.gif);

   431     border-color:#5dc8c9;

   432 }

   433 .x-tab-scroller-right {

   434     background-image: url(../images/olive/tabs/scroll-right.gif);

   435     border-color:#5dc8c9;

   436 }

   437 

   438 /* Window */

   439 

   440 .x-window-proxy {

   441     background:#363636;

   442     border-color:#5dc8c9;

   443 }

   444 

   445 .x-window-tl .x-window-header {

   446     color:#000000;

   447 }

   448 .x-window-tc {

   449 	background-image:url(../images/olive/window/top-bottom.png);

   450 }

   451 .x-window-tl {

   452 	background-image:url(../images/olive/window/left-corners.png);

   453 }

   454 .x-window-tr {

   455 	background-image:url(../images/olive/window/right-corners.png);

   456 }

   457 .x-window-bc {

   458 	background-image:url(../images/olive/window/top-bottom.png);

   459 }

   460 .x-window-bl {

   461 	background-image:url(../images/olive/window/left-corners.png);

   462 }

   463 .x-window-br {

   464 	background-image:url(../images/olive/window/right-corners.png);

   465 }

   466 .x-window-mc {

   467     border:1px solid #3db0b2;

   468     background:#92dedf;

   469 }

   470 

   471 .x-window-ml {

   472 	background-image:url(../images/olive/window/left-right.png);

   473 }

   474 .x-window-mr {

   475 	background-image:url(../images/olive/window/left-right.png);

   476 }

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

   478     border-color:#5dc8c9;

   479 }

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

   481     border-color:#5dc8c9;

   482 }

   483 

   484 .x-window-plain .x-window-mc {

   485     color: #eeeeee;

   486     background: #5dc6c6;

   487     border-left:1px solid #34a4a6;

   488     border-top:1px solid #34a4a6;

   489     border-bottom:1px solid #47c3c4;

   490     border-right:1px solid #47c3c4;

   491 }

   492 

   493 .x-window-plain .x-window-body {

   494     border-left:1px solid #5ec8c9;

   495     border-top:1px solid #5ec8c9;

   496     border-bottom:1px solid #3db0b2;

   497     border-right:1px solid #3db0b2;

   498     background:transparent !important;

   499 }

   500 

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

   502     background-color: #5dc6c6;

   503 }

   504 

   505 /* Date Picker */

   506 .x-date-picker {

   507     border: 1px solid #5dc8c9;

   508     background:#ffffff;

   509 }

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

   511 	background-image: url(../images/olive/shared/hd-sprite.gif);

   512 }

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

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

   515 }

   516 .x-date-right a {

   517     background-image: url(../images/olive/shared/right-btn.gif);

   518 }

   519 .x-date-left a{

   520 	background-image: url(../images/olive/shared/left-btn.gif);

   521 }

   522 .x-date-inner th {

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

   524 	border-bottom: 1px solid #5dc8c9;

   525 	color:#000000;

   526 }

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

   528 	background-image:url(../images/olive/shared/glass-bg.gif);

   529 	border:1px solid #5dc8c9;

   530     color:#000000;

   531 }

   532 .x-date-bottom {

   533     border-top: 1px solid #5dc8c9;

   534     background-image:url(../images/olive/shared/glass-bg.gif);

   535 }

   536 .x-date-mp-btns {

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

   538 }

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

   540 	background-image:url(../images/olive/shared/glass-bg.gif);

   541 	border:1px solid #5dc8c9;

   542 	color: #000000 !important;

   543 }

   544 .x-date-mp-ybtn a {

   545     background-image:url(../images/olive/panel/tool-sprites.gif);

   546 }

   547 .x-date-mp-btns button {

   548 	background-image:url(../images/olive/shared/glass-bg.gif);

   549 	border-color: #34a4a6 #5dc8c9 #5dc8c9 #34a4a6;

   550 	color: #000000;

   551 }

   552 .x-date-inner a{

   553     color:#000000;

   554 }

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

   556     color:#f0eeef;

   557     background: #5dc8c9;

   558 }

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

   560 	color:#000000;

   561 }

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

   563 	color:#f0eeef;

   564 	background: #5dc8c9;

   565 }

   566 

   567 /* misc */

   568 .x-html-editor-wrap {

   569     border-color:#5dc8c9;

   570 }

   571 

   572 /* Borders go last for specificity */

   573 .x-panel-noborder .x-panel-body-noborder {

   574     border-width:0;

   575 }

   576 

   577 .x-panel-noborder .x-panel-header-noborder {

   578     border-width:0;

   579     border-bottom:1px solid #5dc8c9;

   580 }

   581 

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

   583     border-width:0;

   584     border-bottom:1px solid #5dc8c9;

   585 }

   586 

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

   588     border-width:0;

   589     border-top:1px solid #5dc8c9;

   590 }

   591 

   592 .x-window-noborder .x-window-mc {

   593     border-width:0;

   594 }

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

   596     border-width:0;

   597 }

   598 

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

   600 	border-width:0;

   601 }

   602 

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

   604 	border-top-width:0;

   605 	border-left-width:0;

   606 	border-right-width:0;

   607 }

   608 

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

   610 	border-bottom-width:0;

   611 	border-left-width:0;

   612 	border-right-width:0;

   613 }

   614 

   615 

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

   617     border-width:0;

   618     border-top:1px solid #5dc8c9;

   619 }

   620 

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

   622     border-width:0;

   623     border-bottom:1px solid #5dc8c9;

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