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

    12 }

    13 .x-panel-header {

    14     color:#331033;

    15 	border:1px solid #ff82a3;

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

    17 }

    18 

    19 .x-panel-body {

    20     border-color:#ff82a3;

    21 }

    22 

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

    24     border-color:#ff82a3;

    25 }

    26 

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

    28     border-color:#ff82a3;

    29 }

    30 

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

    32     border-color:#ff82a3;

    33 }

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

    35     border-color:#ff82a3;

    36 }

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

    38     color:#331033;

    39 }

    40 .x-panel-tc {

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

    42 }

    43 .x-panel-tl {

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

    45     border-color:#ff82a3;

    46 }

    47 .x-panel-tr {

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

    49 }

    50 .x-panel-bc {

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

    52 }

    53 .x-panel-bl {

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

    55 }

    56 .x-panel-br {

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

    58 }

    59 .x-panel-mc {

    60     background:#ffd6df;

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

    68 }

    69 .x-panel-mr {

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

    71 }

    72 

    73 /* Grid */

    74 .x-grid3-row {

    75     color:#000000;

    76 }

    77 .x-grid3-row-over {

    78 	border:1px solid #ffd6df;

    79     background-image:url(../images/purple/grid/row-over.gif);

    80 }

    81 .x-grid3-header{

    82 	background-image:url(../images/purple/grid/grid3-hrow.gif);

    83 }

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

    85     border-left:1px solid #ffd6df;

    86     background-image:url(../images/purple/grid/hd-pop.gif);

    87 }

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

    89     border-left:1px solid #ff82a3;

    90     border-right:1px solid #ff82a3;

    91 }

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

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

    94 }

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

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

    97 }

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

    99     background-image:url(../images/purple/grid/grid-hrow.gif);

   100     color:black;

   101     border-top:1px solid white;

   102     border-right:1px solid #ff82a3 !important;

   103 }

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

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

   106     color:black !important;

   107 }

   108 .x-grid3-hd-btn {

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

   110 }

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

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

   113 }

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

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

   116 }

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

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

   119 }

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

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

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

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

   124 }

   125 .x-grid3-row-selected {

   126 	background: #ffd6df;

   127 	border:1px dotted #ff82a3;

   128 }

   129 

   130 /* Menu */

   131 .x-menu {

   132 	border: 1px solid #ffc6cf;

   133 	background-image:url(../images/purple/menu/menu.gif);

   134 }

   135 .x-menu-sep {

   136     background-color:#ffffff;

   137 	border-bottom:1px solid #ffc6cf;

   138 }

   139 .x-menu-item-active {

   140 	background-image:url(../images/purple/menu/item-over.gif);

   141 	border:1px solid #ff82a3;

   142 }

   143 

   144 /* Tools */

   145 .x-tool {

   146     background-image:url(../images/purple/panel/tool-sprites.gif);

   147 }

   148 

   149 /* Ghosting */

   150 .x-panel-ghost {

   151     background:#ffa7be;

   152 }

   153 

   154 .x-panel-ghost ul {

   155     border-color:#ff82a3;

   156 }

   157 

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

   159     border:1px solid #ffd6df;

   160 }

   161 

   162 /* Buttons */

   163 

   164 .x-btn-text{

   165 color: #331033;

   166 }

   167 .x-btn-left{

   168 	background-image:url(../images/purple/button/btn-sprite.gif);

   169 }

   170 .x-btn-right{

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

   172 }

   173 .x-btn-center{

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

   175 }

   176 

   177 /* Layout classes */

   178 

   179 .x-border-layout-ct {

   180     background:#f2f1f0; /* f1f2f4 */

   181 }

   182 

   183 .x-accordion-hd {

   184 	background-image:url(../images/purple/panel/light-hd.gif);

   185 }

   186 

   187 .x-layout-collapsed{

   188     background-color:#ffd6df;

   189     border-color:#ffa7be;

   190 }

   191 .x-layout-collapsed-over{

   192 	 background-color:#ffb6ca;

   193 }

   194 

   195 

   196 /* qtips */

   197 .x-tip .x-tip-close{

   198 	background-image: url(../images/purple/qtip/close.gif);

   199 }

   200 .x-tip .x-tip-tc {

   201 	background-image:url(../images/purple/qtip/tip-sprite.gif);

   202 }

   203 .x-tip .x-tip-tl {

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

   205 }

   206 .x-tip .x-tip-tr {

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

   208 }

   209 .x-tip .x-tip-bc {

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

   211 }

   212 .x-tip .x-tip-bl {

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

   214 }

   215 .x-tip .x-tip-br {

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

   217 }

   218 .x-tip .x-tip-ml {

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

   220 }

   221 .x-tip .x-tip-mr {

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

   223 }

   224 .x-tip .x-tip-header-text {

   225     color:#331033;

   226 }

   227 .x-tip .x-tip-body {

   228     color:#331033;

   229 }

   230 /* Toolbars */

   231 

   232 .x-toolbar{

   233 	border-color:#ff82a3;

   234     background:#ffc3d6 url(../images/purple/toolbar/bg.gif) repeat-x top left;

   235 }

   236 .x-toolbar button {

   237     color:#331033;

   238 }

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

   240     background-image:url(../images/purple/toolbar/btn-arrow.gif);

   241 }

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

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

   244 }

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

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

   247 }

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

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

   250 }

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

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

   253 }

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

   255     color:#000000;

   256 }

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

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

   259 }

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

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

   262 }

   263 

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

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

   266 }

   267 .x-toolbar .ytb-sep {

   268 	background-image: url(../images/purple/grid/grid-split.gif);

   269 }

   270 .x-paging-info {

   271     color:#331033;

   272 }

   273 

   274 /* Form */

   275 

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

   277     background-image:url(../images/purple/form/trigger.gif);

   278     border-bottom: 1px solid #ff7f7e;

   279 }

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

   281     background-image: url(../images/purple/form/date-trigger.gif);

   282 }

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

   284     background-image: url(../images/purple/form/clear-trigger.gif);

   285 }

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

   287     background-image: url(../images/purple/form/search-trigger.gif);

   288 }

   289 

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

   291     border: 1px solid #ff7f7e;

   292 }

   293 .x-form-select-one {

   294     border: 1px solid #ff7f7e;

   295 }

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

   297     border-bottom: 1px solid #ff7f7e;

   298 }

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

   300     border-bottom: 1px solid #ff7f7e;

   301 }

   302 .x-form fieldset {

   303     border:1px solid #ff7f7e;

   304 }

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

   306     border-bottom: 1px solid #ff5892;

   307 }

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

   309 	border: 1px solid #ff5892;

   310 }

   311 

   312 

   313 /* Tabs */

   314 

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

   316 	background: #ffdce5;

   317 	border-color:#ff7197;

   318 }

   319 

   320 

   321 .x-tab-panel-header {

   322 	border-color:#ff7197;

   323 }

   324 

   325 .x-tab-panel-footer {

   326 	border-color:#ff7197;

   327 }

   328 

   329 ul.x-tab-strip-top{

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

   331 	border-color:#ff7197;

   332 }

   333 

   334 ul.x-tab-strip-bottom{

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

   336 	border-color:#ff7197;

   337 }

   338 

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

   340 	color:#553355;

   341 }

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

   343 	color:#000000;

   344 }

   345 

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

   347 	color:#331033;

   348 }

   349 

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

   351 	color:#775577;

   352 }

   353 

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

   355 	background-image:url(../images/purple/tabs/tabs-sprite.gif);

   356 }

   357 

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

   359 	background-image:url(../images/purple/tabs/tabs-sprite.gif);

   360 }

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

   362 	background-image:url(../images/purple/tabs/tabs-sprite.gif);

   363 }

   364 

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

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

   367 }

   368 

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

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

   371 }

   372 

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

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

   375 }

   376 

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

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

   379 }

   380 

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

   382 	background-image:url(../images/purple/tabs/tab-close.gif);

   383 }

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

   385 	background-image:url(../images/purple/tabs/tab-close.gif);

   386 }

   387 

   388 .x-tab-panel-body {

   389     border-color:#ff7197;

   390     background:#eeeeee;

   391 }

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

   393     border-color: #ff7197;

   394 }

   395 

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

   397     border-color: #ff7197;

   398 }

   399 

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

   401     border-color:#ff7197;

   402     background: #ffdce5;

   403 }

   404 

   405 .x-tab-scroller-left {

   406     background-image: url(../images/purple/tabs/scroll-left.gif);

   407     border-color:#ff7197;

   408 }

   409 .x-tab-scroller-right {

   410     background-image: url(../images/purple/tabs/scroll-right.gif);

   411     border-color:#ff7197;

   412 }

   413 

   414 /* Buttons */

   415 

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

   417     background-image:url(../images/purple/button/btn-arrow.gif);

   418 }

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

   420     background-image:url(../images/purple/toolbar/btn-arrow.gif);

   421 }

   422 

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

   424     background-image:url(../images/purple/toolbar/btn-arrow.gif);

   425 }

   426 

   427 /* Window */

   428 

   429 .x-window-proxy {

   430     background:#ffd6df;

   431     border-color:#ffa7be;

   432 }

   433 

   434 .x-window-tl .x-window-header {

   435     color:#331033;

   436 }

   437 .x-window-tc {

   438 	background-image:url(../images/purple/window/top-bottom.png);

   439 }

   440 .x-window-tl {

   441 	background-image:url(../images/purple/window/left-corners.png);

   442 }

   443 .x-window-tr {

   444 	background-image:url(../images/purple/window/right-corners.png);

   445 }

   446 .x-window-bc {

   447 	background-image:url(../images/purple/window/top-bottom.png);

   448 }

   449 .x-window-bl {

   450 	background-image:url(../images/purple/window/left-corners.png);

   451 }

   452 .x-window-br {

   453 	background-image:url(../images/purple/window/right-corners.png);

   454 }

   455 .x-window-mc {

   456     border:1px solid #ff82a3;

   457     background:#ffd6df;

   458 }

   459 

   460 .x-window-ml {

   461 	background-image:url(../images/purple/window/left-right.png);

   462 }

   463 .x-window-mr {

   464 	background-image:url(../images/purple/window/left-right.png);

   465 }

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

   467     border-color:#ff82a3;

   468 }

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

   470     border-color:#ff82a3;

   471 }

   472 

   473 .x-window-plain .x-window-mc {

   474     background: #f5bdcd;

   475     border-right:1px solid #ffa7be;

   476     border-bottom:1px solid #ffa7be;

   477     border-top:1px solid #ff82a3;

   478     border-left:1px solid #ff82a3;

   479 }

   480 

   481 .x-window-plain .x-window-body {

   482     border-left:1px solid #ff82a3;

   483     border-top:1px solid #ff82a3;

   484     border-bottom:1px solid #ffa7be;

   485     border-right:1px solid #ffa7be;

   486     background:transparent !important;

   487 }

   488 

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

   490     background-color: #f5bdcd;

   491 }

   492 

   493 /* Date Picker */

   494 .x-date-picker {

   495     border: 1px solid #ff82a3;

   496     background:#ffd6df;

   497 }

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

   499 	background-image: url(../images/purple/shared/hd-sprite.gif);

   500 }

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

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

   503 }

   504 .x-date-right a {

   505     background-image: url(../images/purple/shared/right-btn.gif);

   506 }

   507 .x-date-left a{

   508 	background-image: url(../images/purple/shared/left-btn.gif);

   509 }

   510 .x-date-inner th {

   511     background-image:url(../images/purple/shared/glass-bg.gif);

   512 	border-bottom: 1px solid #ff82a3;

   513 	color:#331033;

   514 }

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

   516 	background-image:url(../images/purple/shared/glass-bg.gif);

   517 	border:1px solid #ff82a3;

   518     color:#331033;

   519 }

   520 .x-date-bottom {

   521     border-top: 1px solid #ff82a3;

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

   523 }

   524 .x-date-mp-btns {

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

   526 }

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

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

   529 	border:1px solid #ff82a3;

   530 	color: #331033;

   531 }

   532 .x-date-mp-ybtn a {

   533     background-image:url(../images/purple/panel/tool-sprites.gif);

   534 }

   535 .x-date-mp-btns button {

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

   537 	border-color: #ffa7be #ff82a3 #ff82a3 #ffa7be;

   538 	color: #331033

   539 }

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

   541     color:#331033;

   542     background: #ff82a3;

   543 }

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

   545 	color:#331033;

   546 	background: #ff82a3;

   547 }

   548 

   549 /* misc */

   550 .x-html-editor-wrap {

   551     border-color:#ffd6df;

   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 #ffd6df;

   562 }

   563 

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

   565     border-width:0;

   566     border-bottom:1px solid #ffd6df;

   567 }

   568 

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

   570     border-width:0;

   571     border-top:1px solid #ffd6df;

   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 #ffd6df;

   601 }

   602 

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

   604     border-width:0;

   605     border-bottom:1px solid #ffd6df;

   606 }
author	Robert McIntyre <rlm@mit.edu>
date	Wed, 14 Jul 2010 13:44:42 -0400
parents	26c2b3ad21c7
children