Mercurial > laserkard

view onlypaths/theme/css/xtheme-chocolate.css @ 75:874a6a2c28cf laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
     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 }