Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.0

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

     4  *

     5  * @Theme: Peppermint

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

     7  */

     8 //border-color: #ff0f0f;

     9 //background:#ffe3e3;

    10 

    11 .x-panel {

    12     border-style: solid;

    13     border-color: #ff0f0f;

    14 }

    15 .x-panel-header {

    16     color:#000000;

    17 	border:1px solid #ff0f0f;

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

    19 }

    20 .x-panel-tl .x-panel-header {

    21     color:#000000;

    22 }

    23 .x-panel-body {

    24     border-color:#ff0f0f;

    25 }

    26 

    27 .x-panel-bbar .x-toolbar {

    28     border-color:#ff0f0f;

    29 }

    30 

    31 .x-panel-tbar .x-toolbar {

    32     border-color:#ff0f0f;

    33 }

    34 

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

    36     border-color:#ff0f0f;

    37 }

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

    39     border-color:#ff0f0f;

    40 }

    41 .x-panel-tc {

    42 	background-image:url(../images/peppermint/panel/top-bottom.gif);

    43 }

    44 .x-panel-tl {

    45 	background-image:url(../images/peppermint/panel/corners-sprite.gif);

    46     border-color:#ff0f0f;

    47 }

    48 .x-panel-tr {

    49 	background-image:url(../images/peppermint/panel/corners-sprite.gif);

    50 }

    51 .x-panel-bc {

    52 	background-image:url(../images/peppermint/panel/top-bottom.gif);

    53 }

    54 .x-panel-bl {

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

    56 }

    57 .x-panel-br {

    58 	background-image:url(../images/peppermint/panel/corners-sprite.gif);

    59 }

    60 .x-panel-mc {

    61     background-color:#ffe3e3;

    62     color:#000000;

    63 }

    64 .x-panel-mc .x-panel-body {

    65     background:transparent;

    66     border: 0 none;

    67 }

    68 .x-panel-ml {

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

    70 }

    71 .x-panel-mr {

    72 	background-image:url(../images/peppermint/panel/left-right.gif);

    73 }

    74 

    75 /* Ghosting */

    76 .x-panel-ghost {

    77     background:#ffe3e3;

    78 }

    79 

    80 .x-panel-ghost ul {

    81     border-color:#ff0f0f;

    82 }

    83 

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

    85     border:1px solid #ff0f0f;

    86 }

    87 

    88 /* Grid */

    89 .x-grid3-row {

    90     color:#000000;

    91 }

    92 .x-grid3-row-over {

    93 	border:1px solid #ff0f0f;

    94     background-image:url(../images/peppermint/grid/row-over.gif);

    95 }

    96 .x-grid3-header{

    97 	background-image:url(../images/peppermint/grid/grid3-hrow.gif);

    98 }

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

   100     border-left:1px solid #ffe3e3;

   101     background-image:url(../images/peppermint/grid/hd-pop.gif);

   102 }

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

   104     border-left:1px solid #ffe3e3;

   105     border-right:1px solid #ffe3e3;

   106 }

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

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

   109    	background-color:#ffe3e3;

   110 }

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

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

   113 }

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

   115     background-image:url(../images/peppermint/grid/grid-hrow.gif);

   116     color:#666666;

   117     border-top:1px solid #ffe3e3;

   118     border-right:1px solid #ffe3e3 !important;

   119 }

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

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

   122     color:#eeeeee !important;

   123 }

   124 .x-grid3-hd-btn {

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

   126 }

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

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

   129 }

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

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

   132 }

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

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

   135 }

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

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

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

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

   140 }

   141 .x-grid3-hd-row td {

   142     border-left:1px solid #ffe3e3;

   143     border-right:1px solid #ffe3e3;

   144 }

   145 .x-grid3-row-selected {

   146 	background: #ffe3e3;

   147 	border:1px dotted #ff0f0f;

   148 }

   149 

   150 /* Menu */

   151 

   152 .x-menu {

   153 	border: 1px solid #ffe3e3;

   154 	background-color:#ff0f0f;

   155 	background-image:url(../images/peppermint/menu/menu.gif);

   156 }

   157 .x-menu-sep {

   158     background-color:#ff0f0f;

   159 	border-bottom:1px solid #ffe3e3;

   160 }

   161 .x-menu-plain {

   162 	background:#ff0f0f !important;

   163 }

   164 .x-menu-item-active {

   165 	background-image:url(../images/peppermint/menu/item-over.gif);

   166 	background-color:#ffe3e3;

   167 	border:1px solid #ff0f0f;

   168 }

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

   170 	color:#222222;

   171 }

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

   173     color: #000000;

   174 }

   175 

   176 /* Tools */

   177 .x-tool {

   178     background-image:url(../images/peppermint/panel/tool-sprites.gif);

   179 }

   180 

   181 /* Buttons */

   182 

   183 .x-btn-text{

   184     color: #000000;

   185     font-weight:bold !important;

   186 }

   187 .x-btn-left{

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

   189 }

   190 .x-btn-right{

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

   192 }

   193 .x-btn-center{

   194 	background-image:url(../images/peppermint/button/btn-sprite.gif);

   195 }

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

   197     background-image:url(../images/peppermint/button/btn-arrow.gif);

   198 }

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

   200     background-image:url(../images/peppermint/toolbar/btn-arrow.gif);

   201 }

   202 

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

   204     background-image:url(../images/peppermint/toolbar/btn-arrow.gif);

   205 }

   206 

   207 /* Layout classes */

   208 

   209 .x-border-layout-ct {

   210     background:#ffe3e3; /* f1f2f4 */

   211 }

   212 

   213 .x-accordion-hd {

   214 	background-image:url(../images/peppermint/panel/light-hd.gif);

   215 }

   216 

   217 .x-layout-collapsed{

   218     background-color:#ffe3e3;

   219     border-color:#ff0f0f;

   220 }

   221 .x-layout-collapsed-over{

   222 	 background-color:#ffe3e3;

   223 }

   224 

   225 

   226 /* qtips */

   227 .x-tip .x-tip-close{

   228 	background-image: url(../images/peppermint/qtip/close.gif);

   229 }

   230 .x-tip .x-tip-tc {

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

   232 }

   233 .x-tip .x-tip-tl {

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

   235 }

   236 .x-tip .x-tip-tr {

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

   238 }

   239 .x-tip .x-tip-bc {

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

   241 }

   242 .x-tip .x-tip-bl {

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

   244 }

   245 .x-tip .x-tip-br {

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

   247 }

   248 .x-tip .x-tip-ml {

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

   250 }

   251 .x-tip .x-tip-mr {

   252 	background-image:url(../images/peppermint/qtip/tip-sprite.gif);

   253 }

   254 .x-tip .x-tip-header-text {

   255     color:#000000;

   256 }

   257 .x-tip .x-tip-body {

   258     color:#111111;

   259 }

   260 /* Toolbars */

   261 

   262 .x-toolbar{

   263 	border-color:#ff0f0f;

   264     background:#ffe3e3 url(../images/peppermint/toolbar/bg.gif) repeat-x top left;

   265 }

   266 .x-toolbar button {

   267     color:#222222;

   268 }

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

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

   271 }

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

   273     background-image:url(../images/peppermint/toolbar/btn-arrow.gif);

   274 }

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

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

   277 }

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

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

   280 }

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

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

   283 }

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

   285     color:#000000;

   286 }

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

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

   289 }

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

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

   292 }

   293 

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

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

   296 }

   297 .x-toolbar .ytb-sep {

   298 	background-image: url(../images/peppermint/grid/grid-split.gif);

   299 }

   300 .x-paging-info {

   301     color:#000000;

   302 }

   303 

   304 /* Form */

   305 

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

   307     background-image:url(../images/peppermint/form/trigger.gif);

   308     border-bottom: 1px solid #ff0f0f;

   309 }

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

   311     background-image: url(../images/peppermint/form/date-trigger.gif);

   312 }

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

   314     background-image: url(../images/peppermint/form/clear-trigger.gif);

   315 }

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

   317     background-image: url(../images/peppermint/form/search-trigger.gif);

   318 }

   319 

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

   321     border: 1px solid #ff0f0f;

   322 }

   323 .x-form-select-one {

   324     border: 1px solid #ff0f0f;

   325 }

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

   327     border-bottom: 1px solid #ff0f0f;

   328 }

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

   330     border-bottom: 1px solid #ff0f0f;

   331 }

   332 .x-form fieldset {

   333     border:1px solid #ff0f0f;

   334 }

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

   336     border-bottom: 1px solid #ff0f0f;

   337 }

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

   339 	border: 1px solid #ff0f0f;

   340 }

   341 

   342 

   343 /* Tabs */

   344 

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

   346 	background: #ffe3e3;

   347 	border-color:#ff0f0f;

   348 }

   349 

   350 

   351 .x-tab-panel-header {

   352 	border-color:#ff0f0f;

   353 }

   354 

   355 .x-tab-panel-footer {

   356 	border-color:#ff0f0f;

   357 }

   358 

   359 ul.x-tab-strip-top{

   360 	background:#ffe3e3 url(../images/peppermint/tabs/tab-strip-bg.gif) repeat-x left top;

   361 	border-color:#ff0f0f;

   362 }

   363 

   364 ul.x-tab-strip-bottom{

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

   366 	border-color:#ff0f0f;

   367 }

   368 

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

   370 	color:#333333;

   371 }

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

   373 	color:#000000;

   374 }

   375 

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

   377 	color:#111111;

   378 }

   379 

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

   381 	background-image:url(../images/peppermint/tabs/tabs-sprite.gif);

   382 }

   383 

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

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

   386 }

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

   388 	background-image:url(../images/peppermint/tabs/tabs-sprite.gif);

   389 }

   390 

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

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

   393 }

   394 

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

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

   397 }

   398 

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

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

   401 }

   402 

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

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

   405 }

   406 

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

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

   409 }

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

   411 	background-image:url(../images/peppermint/tabs/tab-close.gif);

   412 }

   413 

   414 .x-tab-panel-body {

   415     border-color:#ff0f0f;

   416     background:#ffe3e3;

   417 }

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

   419     border-color: #ff0f0f;

   420 }

   421 

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

   423     border-color: #ff0f0f;

   424 }

   425 

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

   427     border-color:#ff0f0f;

   428     background: #ffe3e3;

   429 }

   430 

   431 .x-tab-scroller-left {

   432     background-image: url(../images/peppermint/tabs/scroll-left.gif);

   433     border-color:#ff0f0f;

   434 }

   435 .x-tab-scroller-right {

   436     background-image: url(../images/peppermint/tabs/scroll-right.gif);

   437     border-color:#ff0f0f;

   438 }

   439 

   440 /* Window */

   441 

   442 .x-window-proxy {

   443     background:#ffe3e3;

   444     border-color:#ff0f0f;

   445 }

   446 

   447 .x-window-tl .x-window-header {

   448     color:#000000;

   449 }

   450 .x-window-tc {

   451 	background-image:url(../images/peppermint/window/top-bottom.png);

   452 }

   453 .x-window-tl {

   454 	background-image:url(../images/peppermint/window/left-corners.png);

   455 }

   456 .x-window-tr {

   457 	background-image:url(../images/peppermint/window/right-corners.png);

   458 }

   459 .x-window-bc {

   460 	background-image:url(../images/peppermint/window/top-bottom.png);

   461 }

   462 .x-window-bl {

   463 	background-image:url(../images/peppermint/window/left-corners.png);

   464 }

   465 .x-window-br {

   466 	background-image:url(../images/peppermint/window/right-corners.png);

   467 }

   468 .x-window-mc {

   469     border:1px solid #ff0f0f;

   470     background:#ffe3e3;

   471 }

   472 

   473 .x-window-ml {

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

   475 }

   476 .x-window-mr {

   477 	background-image:url(../images/peppermint/window/left-right.png);

   478 }

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

   480     border-color:#ff0f0f;

   481 }

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

   483     border-color:#ff0f0f;

   484 }

   485 

   486 .x-window-plain .x-window-mc {

   487     color: #eeeeee;

   488     background: #ffe3e3;

   489     border-left:1px solid #ff0f0f;

   490     border-top:1px solid #ff0f0f;

   491     border-bottom:1px solid #ff0f0f;

   492     border-right:1px solid #ff0f0f;

   493 }

   494 

   495 .x-window-plain .x-window-body {

   496     border-left:1px solid #ff0f0f;

   497     border-top:1px solid #ff0f0f;

   498     border-bottom:1px solid #ff0f0f;

   499     border-right:1px solid #ff0f0f;

   500     background:transparent !important;

   501 }

   502 

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

   504     background-color: #ffe3e3;

   505 }

   506 

   507 /* Date Picker */

   508 .x-date-picker {

   509     border: 1px solid #ff0f0f;

   510     background:#ffffff;

   511 }

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

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

   514 }

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

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

   517 }

   518 .x-date-right a {

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

   520 }

   521 .x-date-left a{

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

   523 }

   524 .x-date-inner th {

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

   526 	border-bottom: 1px solid #ff0f0f;

   527 	color:#000000;

   528 }

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

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

   531 	border:1px solid #ff0f0f;

   532     color:#000000;

   533 }

   534 .x-date-bottom {

   535     border-top: 1px solid #ff0f0f;

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

   537 }

   538 .x-date-mp-btns {

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

   540 }

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

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

   543 	border:1px solid #ff0f0f;

   544 	color: #000000 !important;

   545 }

   546 .x-date-mp-ybtn a {

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

   548 }

   549 .x-date-mp-btns button {

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

   551 	border-color: #ff0f0f #ff0f0f #ff0f0f #ff0f0f;

   552 	color: #000000;

   553 }

   554 .x-date-inner a{

   555     color:#000000;

   556 }

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

   558     color:#eeeef0;

   559     background: #ff0f0f;

   560 }

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

   562 	color:#000000;

   563 }

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

   565 	color:#eeeef0;

   566 	background: #ff0f0f;

   567 }

   568 

   569 /* misc */

   570 .x-html-editor-wrap {

   571     border-color:#ff0f0f;

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

   582 }

   583 

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

   585     border-width:0;

   586     border-bottom:1px solid #ff0f0f;

   587 }

   588 

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

   590     border-width:0;

   591     border-top:1px solid #ff0f0f;

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

   621 }

   622 

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

   624     border-width:0;

   625     border-bottom:1px solid #ff0f0f;

   626 }