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 Lubos Strapko <lubino@gmail.com>

     7 

     8  */

     9 

    10 .x-panel {

    11     border-style: solid;

    12     border-color: #ff8c37;

    13 }

    14 .x-panel-header {

    15     color:#010101;

    16 	border:1px solid #ff8c37;

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

    18 }

    19 .x-panel-tl .x-panel-header {

    20     color:#010101;

    21 }

    22 .x-panel-body {

    23     border-color:#ff8c37;

    24 }

    25 

    26 .x-panel-bbar .x-toolbar {

    27     border-color:#ff8c37;

    28 }

    29 

    30 .x-panel-tbar .x-toolbar {

    31     border-color:#ff8c37;

    32 }

    33 

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

    35     border-color:#ff8c37;

    36 }

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

    38     border-color:#ff8c37;

    39 }

    40 .x-panel-tc {

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

    42 }

    43 .x-panel-tl {

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

    45     border-color:#ff8c37;

    46 }

    47 .x-panel-tr {

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

    49 }

    50 .x-panel-bc {

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

    52 }

    53 .x-panel-bl {

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

    55 }

    56 .x-panel-br {

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

    58 }

    59 .x-panel-mc {

    60     background:#ffb177;

    61     color:#010101;

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

    69 }

    70 .x-panel-mr {

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

    72 }

    73 

    74 /* Ghosting */

    75 .x-panel-ghost {

    76     background:#ffb177;

    77 }

    78 

    79 .x-panel-ghost ul {

    80     border-color:#ff8c37;

    81 }

    82 

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

    84     border:1px solid #ff8c37;

    85 }

    86 

    87 /* Grid */

    88 .x-grid3-row {

    89     color:#010101;

    90 }

    91 .x-grid3-row-over {

    92 	border:1px solid #ff8c37;

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

    94 }

    95 .x-grid3-header{

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

    97 }

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

    99     border-left:1px solid #ba4f00;

   100     background-image:url(../images/orange/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 #ba4f00;

   104     border-right:1px solid #ba4f00;

   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/orange/grid/grid3-hrow-over.gif);

   108    	background-color:#feba88;

   109 }

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

   111 	background-image:url(../images/orange/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/orange/grid/grid-hrow.gif);

   115     color:#666666;

   116     border-top:1px solid #a24500;

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

   118 }

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

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

   121     color:#eeeeee !important;

   122 }

   123 .x-grid3-hd-btn {

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

   125 }

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

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

   128 }

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

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

   131 }

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

   133     background-image:url(../images/orange/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/orange/grid/grid3-special-col-sel-bg.gif);

   139 }

   140 .x-grid3-hd-row td {

   141     border-left:1px solid #ffa461;

   142     border-right:1px solid #a24500;

   143 }

   144 .x-grid3-row-selected {

   145 	background: #feba88;

   146 	border:1px dotted #ff8c37;

   147 }

   148 

   149 /* Menu */

   150 

   151 .x-menu {

   152 	border: 1px solid #cf7737;

   153 	background-color:#f1c099;

   154 	background-image:url(../images/orange/menu/menu.gif);

   155 }

   156 .x-menu-sep {

   157     background-color:#ffd4b5;

   158 	border-bottom:1px solid #a05422;

   159 }

   160 .x-menu-plain {

   161 	background:#f1c099 !important;

   162 }

   163 .x-menu-item-active {

   164 	background-image:url(../images/orange/menu/item-over.gif);

   165 	background-color:#ffbf95;

   166 	border:1px solid #e47a2c;

   167 }

   168 .x-menu a.x-menu-item {

   169 	color:#222222;

   170 }

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

   172     color: #010101;

   173 }

   174 

   175 /* Tools */

   176 .x-tool {

   177     background-image:url(../images/orange/panel/tool-sprites.gif);

   178 }

   179 

   180 /* Buttons */

   181 

   182 .x-btn-text{

   183     color: #010101;

   184     font-weight:bold !important;

   185 }

   186 .x-btn-left{

   187 	background-image:url(../images/orange/button/btn-sprite.gif);

   188 }

   189 .x-btn-right{

   190 	background-image:url(../images/orange/button/btn-sprite.gif);

   191 }

   192 .x-btn-center{

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

   194 }

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

   196     background-image:url(../images/orange/button/btn-arrow.gif);

   197 }

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

   199     background-image:url(../images/orange/toolbar/btn-arrow.gif);

   200 }

   201 

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

   203     background-image:url(../images/orange/toolbar/btn-arrow.gif);

   204 }

   205 

   206 /* Layout classes */

   207 

   208 .x-border-layout-ct {

   209     background:#ffd9b1; /* f1f2f4 */

   210 }

   211 

   212 .x-accordion-hd {

   213 	background-image:url(../images/orange/panel/light-hd.gif);

   214 }

   215 

   216 .x-layout-collapsed{

   217     background-color:#ff853b;

   218     border-color:#ff8327;

   219 }

   220 .x-layout-collapsed-over{

   221 	 background-color:#ff854f;

   222 }

   223 

   224 

   225 /* qtips */

   226 .x-tip .x-tip-close{

   227 	background-image: url(../images/orange/qtip/close.gif);

   228 }

   229 .x-tip .x-tip-tc {

   230 	background-image:url(../images/orange/qtip/tip-sprite.gif);

   231 }

   232 .x-tip .x-tip-tl {

   233 	background-image:url(../images/orange/qtip/tip-sprite.gif);

   234 }

   235 .x-tip .x-tip-tr {

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

   237 }

   238 .x-tip .x-tip-bc {

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

   240 }

   241 .x-tip .x-tip-bl {

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

   243 }

   244 .x-tip .x-tip-br {

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

   246 }

   247 .x-tip .x-tip-ml {

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

   249 }

   250 .x-tip .x-tip-mr {

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

   252 }

   253 .x-tip .x-tip-header-text {

   254     color:#010101;

   255 }

   256 .x-tip .x-tip-body {

   257     color:#111111;

   258 }

   259 /* Toolbars */

   260 

   261 .x-toolbar{

   262 	border-color:#ff8c37;

   263     background:#ffaa6b url(../images/orange/toolbar/bg.gif) repeat-x top left;

   264 }

   265 .x-toolbar button {

   266     color:#222222;

   267 }

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

   269     background-image:url(../images/orange/toolbar/btn-arrow.gif);

   270 }

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

   272     background-image:url(../images/orange/toolbar/btn-arrow.gif);

   273 }

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

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

   276 }

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

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

   279 }

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

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

   282 }

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

   284     color:#010101;

   285 }

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

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

   288 }

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

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

   291 }

   292 

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

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

   295 }

   296 .x-toolbar .ytb-sep {

   297 	background-image: url(../images/orange/grid/grid-split.gif);

   298 }

   299 .x-paging-info {

   300     color:#010101;

   301 }

   302 

   303 /* Form */

   304 

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

   306     background-image:url(../images/orange/form/trigger.gif);

   307     border-bottom: 1px solid #ff862d;

   308 }

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

   310     background-image: url(../images/orange/form/date-trigger.gif);

   311 }

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

   313     background-image: url(../images/orange/form/clear-trigger.gif);

   314 }

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

   316     background-image: url(../images/orange/form/search-trigger.gif);

   317 }

   318 

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

   320     border: 1px solid #ff862d;

   321 }

   322 .x-form-select-one {

   323     border: 1px solid #ff862d;

   324 }

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

   326     border-bottom: 1px solid #ff862d;

   327 }

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

   329     border-bottom: 1px solid #ff862d;

   330 }

   331 .x-form fieldset {

   332     border:1px solid #ff862d;

   333 }

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

   335     border-bottom: 1px solid #e86200;

   336 }

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

   338 	border: 1px solid #e86200;

   339 }

   340 

   341 

   342 /* Tabs */

   343 

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

   345 	background: #ffb57f;

   346 	border-color:#ff8327;

   347 }

   348 

   349 

   350 .x-tab-panel-header {

   351 	border-color:#ff8327;

   352 }

   353 

   354 .x-tab-panel-footer {

   355 	border-color:#ff8327;

   356 }

   357 

   358 ul.x-tab-strip-top{

   359 	background:#ffb57f url(../images/orange/tabs/tab-strip-bg.gif) repeat-x left top;

   360 	border-color:#ff8327;

   361 }

   362 

   363 ul.x-tab-strip-bottom{

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

   365 	border-color:#ff8327;

   366 }

   367 

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

   369 	color:#333333;

   370 }

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

   372 	color:#010101;

   373 }

   374 

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

   376 	color:#111111;

   377 }

   378 

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

   380 	background-image:url(../images/orange/tabs/tabs-sprite.gif);

   381 }

   382 

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

   384 	background-image:url(../images/orange/tabs/tabs-sprite.gif);

   385 }

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

   387 	background-image:url(../images/orange/tabs/tabs-sprite.gif);

   388 }

   389 

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

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

   392 }

   393 

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

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

   396 }

   397 

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

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

   400 }

   401 

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

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

   404 }

   405 

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

   407 	background-image:url(../images/orange/tabs/tab-close.gif);

   408 }

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

   410 	background-image:url(../images/orange/tabs/tab-close.gif);

   411 }

   412 

   413 .x-tab-panel-body {

   414     border-color:#ff8327;

   415     background:#eeeeee;

   416 }

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

   418     border-color: #ff8327;

   419 }

   420 

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

   422     border-color: #ff8327;

   423 }

   424 

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

   426     border-color:#ff8327;

   427     background: #ffb57f;

   428 }

   429 

   430 .x-tab-scroller-left {

   431     background-image: url(../images/orange/tabs/scroll-left.gif);

   432     border-color:#ff8327;

   433 }

   434 .x-tab-scroller-right {

   435     background-image: url(../images/orange/tabs/scroll-right.gif);

   436     border-color:#ff8327;

   437 }

   438 

   439 /* Window */

   440 

   441 .x-window-proxy {

   442     background:#363636;

   443     border-color:#ff8327;

   444 }

   445 

   446 .x-window-tl .x-window-header {

   447     color:#010101;

   448 }

   449 .x-window-tc {

   450 	background-image:url(../images/orange/window/top-bottom.png);

   451 }

   452 .x-window-tl {

   453 	background-image:url(../images/orange/window/left-corners.png);

   454 }

   455 .x-window-tr {

   456 	background-image:url(../images/orange/window/right-corners.png);

   457 }

   458 .x-window-bc {

   459 	background-image:url(../images/orange/window/top-bottom.png);

   460 }

   461 .x-window-bl {

   462 	background-image:url(../images/orange/window/left-corners.png);

   463 }

   464 .x-window-br {

   465 	background-image:url(../images/orange/window/right-corners.png);

   466 }

   467 .x-window-mc {

   468     border:1px solid #ee6602;

   469     background:#ffae73;

   470 }

   471 

   472 .x-window-ml {

   473 	background-image:url(../images/orange/window/left-right.png);

   474 }

   475 .x-window-mr {

   476 	background-image:url(../images/orange/window/left-right.png);

   477 }

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

   479     border-color:#ff8327;

   480 }

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

   482     border-color:#ff8327;

   483 }

   484 

   485 .x-window-plain .x-window-mc {

   486     color: #eeeeee;

   487     background: #f9822b;

   488     border-left:1px solid #da5c00;

   489     border-top:1px solid #da5c00;

   490     border-bottom:1px solid #ff730d;

   491     border-right:1px solid #ff730d;

   492 }

   493 

   494 .x-window-plain .x-window-body {

   495     border-left:1px solid #fe842a;

   496     border-top:1px solid #fe842a;

   497     border-bottom:1px solid #ee6602;

   498     border-right:1px solid #ee6602;

   499     background:transparent !important;

   500 }

   501 

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

   503     background-color: #f9822b;

   504 

   505 }

   506 

   507 /* Date Picker */

   508 .x-date-picker {

   509     border: 1px solid #ff8327;

   510     background:#ffffff;

   511 }

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

   513 	background-image: url(../images/orange/shared/hd-sprite.gif);

   514 }

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

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

   517 }

   518 .x-date-right a {

   519     background-image: url(../images/orange/shared/right-btn.gif);

   520 }

   521 .x-date-left a{

   522 	background-image: url(../images/orange/shared/left-btn.gif);

   523 }

   524 .x-date-inner th {

   525     background-image:url(../images/orange/shared/glass-bg.gif);

   526 	border-bottom: 1px solid #ff8327;

   527 	color:#010101;

   528 }

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

   530 	background-image:url(../images/orange/shared/glass-bg.gif);

   531 	border:1px solid #ff8327;

   532     color:#010101;

   533 }

   534 .x-date-bottom {

   535     border-top: 1px solid #ff8327;

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

   537 }

   538 .x-date-mp-btns {

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

   540 }

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

   542 	background-image:url(../images/orange/shared/glass-bg.gif);

   543 	border:1px solid #ff8327;

   544 	color: #010101 !important;

   545 }

   546 .x-date-mp-ybtn a {

   547     background-image:url(../images/orange/panel/tool-sprites.gif);

   548 }

   549 .x-date-mp-btns button {

   550 	background-image:url(../images/orange/shared/glass-bg.gif);

   551 	border-color: #da5c00 #ff8327 #ff8327 #da5c00;

   552 	color: #010101;

   553 }

   554 .x-date-inner a{

   555     color:#010101;

   556 }

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

   558     color:#edf1f1;

   559     background: #ff8327;

   560 }

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

   562 	color:#010101;

   563 }

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

   565 	color:#edf1f1;

   566 	background: #ff8327;

   567 }

   568 

   569 /* misc */

   570 .x-html-editor-wrap {

   571     border-color:#ff8327;

   572 }

   573 

   574 /* Borders go last for specificity */

   575 .x-panel-noborder .x-panel-body-noborder {

   576     border-width:0;

   577 }

   578 

   579 .x-panel-noborder .x-panel-header-noborder {

   580     border-width:0;

   581     border-bottom:1px solid #ff8327;

   582 }

   583 

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

   585     border-width:0;

   586     border-bottom:1px solid #ff8327;

   587 }

   588 

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

   590     border-width:0;

   591     border-top:1px solid #ff8327;

   592 }

   593 

   594 .x-window-noborder .x-window-mc {

   595     border-width:0;

   596 }

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

   598     border-width:0;

   599 }

   600 

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

   602 	border-width:0;

   603 }

   604 

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

   606 	border-top-width:0;

   607 	border-left-width:0;

   608 	border-right-width:0;

   609 }

   610 

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

   612 	border-bottom-width:0;

   613 	border-left-width:0;

   614 	border-right-width:0;

   615 }

   616 

   617 

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

   619     border-width:0;

   620     border-top:1px solid #ff8327;

   621 }

   622 

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

   624     border-width:0;

   625     border-bottom:1px solid #ff8327;

   626 }

   627 .sort-asc .x-grid3-sort-icon{background-image:url(../images/orange/grid/sort_asc.gif);display:inline;}

   628 .sort-desc .x-grid3-sort-icon{background-image:url(../images/orange/grid/sort_desc.gif);display:inline;}