Mercurial > laserkard

view onlypaths/theme/css/xtheme-darkgray.css @ 73:5fb0e5db5926 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
ready to load live site to server
author Robert McIntyre <rlm@mit.edu>
date Wed, 23 Jun 2010 10:14:46 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
     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: #777777;



    12 }



    13 .x-panel-header {



    14     color:#eeeeee;



    15 	border:1px solid #777777;



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



    17 }



    18 



    19 .x-panel-body {



    20     border-color:#777777;



    21 }



    22 



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



    24     border-color:#777777;



    25 }



    26 



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



    28     border-color:#777777;



    29 }



    30 



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



    32     border-color:#777777;



    33 }



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



    35     border-color:#777777;



    36 }



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



    38     color:#eeeeee;



    39 }



    40 .x-panel-tc {



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



    42 }



    43 .x-panel-tl {



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



    45     border-color:#777777;



    46 }



    47 .x-panel-tr {



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



    49 }



    50 .x-panel-bc {



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



    52 }



    53 .x-panel-bl {



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



    55 }



    56 .x-panel-br {



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



    58 }



    59 .x-panel-mc {



    60     background:#888888;



    61     color:#f9f9f9; /*ADDED*/



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



    69 }



    70 .x-panel-mr {



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



    72 }



    73 



    74 /* Grid */



    75 .x-grid3-row {



    76     color:#000000;



    77 }



    78 .x-grid3-row-over {



    79 	border:1px solid #dddddd;



    80     background-image:url(../images/darkgray/grid/row-over.gif);



    81 }



    82 .x-grid3-header{



    83 	background-image:url(../images/darkgray/grid/grid3-hrow.gif);



    84 }



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



    86     border-left:1px solid #eeeeee;



    87     background-image:url(../images/darkgray/grid/hd-pop.gif);



    88 }



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



    90     border-left:1px solid #906699;



    91     border-right:1px solid #906699;



    92     color:  #000000;



    93 }



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



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



    96 }



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



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



    99 }



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



   101     background-image:url(../images/darkgray/grid/grid-hrow.gif);



   102     color:black;



   103     border-top:1px solid white;



   104     border-right:1px solid #df6fd8 !important;



   105 }



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



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



   108     color:black !important;



   109 }



   110 .x-grid3-hd-btn {



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



   112 }



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



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



   115 }



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



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



   118 }



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



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



   121 }



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



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



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



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



   126 }



   127 .x-grid3-row-selected {



   128     color: #eeeeee;



   129 	background: #585559;



   130 	border:1px dotted #111111;



   131 }



   132 



   133 /* Menu */



   134 .x-menu {



   135 	border: 1px solid #333333;



   136 	background-image:url(../images/darkgray/menu/menu.gif);



   137 }



   138 .x-menu-sep {



   139     background-color:#e6e6e6;



   140 	border-bottom:1px solid #bfbfbf;



   141 }



   142 .x-menu-item-active {



   143 	background-image:url(../images/darkgray/menu/item-over.gif);



   144 	border:1px solid #aaaaaa;



   145 }



   146 



   147 /* Tools */



   148 .x-tool {



   149     background-image:url(../images/darkgray/panel/tool-sprites.gif);



   150 }



   151 



   152 /* Ghosting */



   153 .x-panel-ghost {



   154     background:#888888;



   155 }



   156 



   157 .x-panel-ghost ul {



   158     border-color:#555555;



   159 }



   160 



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



   162     border:1px solid #777777;



   163 }



   164 



   165 /* Buttons */



   166 



   167 .x-btn-text{



   168 color: #eeeeee;



   169 }



   170 .x-btn-left{



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



   172 }



   173 .x-btn-right{



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



   175 }



   176 .x-btn-center{



   177 	background-image:url(../images/darkgray/button/btn-sprite.gif);



   178 }



   179 



   180 /* Layout classes */



   181 



   182 .x-border-layout-ct {



   183     background:#aeabaf; /* f1f2f4 */



   184 }



   185 



   186 .x-accordion-hd {



   187 	background-image:url(../images/darkgray/panel/light-hd.gif);



   188 }



   189 



   190 .x-layout-collapsed{



   191     background-color:#777777;



   192     border-color:#555555;



   193 }



   194 .x-layout-collapsed-over{



   195 	 background-color:#888888;



   196 }



   197 



   198 



   199 /* qtips */



   200 .x-tip .x-tip-close{



   201 	background-image: url(../images/darkgray/qtip/close.gif);



   202 }



   203 .x-tip .x-tip-tc {



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



   205 }



   206 .x-tip .x-tip-tl {



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



   208 }



   209 .x-tip .x-tip-tr {



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



   211 }



   212 .x-tip .x-tip-bc {



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



   214 }



   215 .x-tip .x-tip-bl {



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



   217 }



   218 .x-tip .x-tip-br {



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



   220 }



   221 .x-tip .x-tip-ml {



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



   223 }



   224 .x-tip .x-tip-mr {



   225 	background-image:url(../images/darkgray/qtip/tip-sprite.gif);



   226 }



   227 .x-tip .x-tip-header-text {



   228     color:#eeeeee;



   229 }



   230 .x-tip .x-tip-body {



   231     color:#eeeeee;



   232 }



   233 /* Toolbars */



   234 



   235 .x-toolbar{



   236 	border-color:#777777;



   237     background:#9c9c9c url(../images/darkgray/toolbar/bg.gif) repeat-x top left;



   238 }



   239 .x-toolbar button {



   240     color:#e5e5e5;



   241 }



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



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



   244 }



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



   246     background-image:url(../images/darkgray/toolbar/btn-arrow.gif);



   247 }



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



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



   250 }



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



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



   253 }



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



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



   256 }



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



   258     color:#eeeeee;



   259 }



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



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



   262 }



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



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



   265 }



   266 



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



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



   269 }



   270 .x-toolbar .ytb-sep {



   271 	background-image: url(../images/darkgray/grid/grid-split.gif);



   272 }



   273 .x-paging-info {



   274     color:#f9f9f9;



   275 }



   276 



   277 /* Form */



   278 



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



   280     background-image:url(../images/darkgray/form/trigger.gif);



   281     border-bottom: 1px solid #a5a5a5;



   282 }



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



   284     background-image: url(../images/darkgray/form/date-trigger.gif);



   285 }



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



   287     background-image: url(../images/darkgray/form/clear-trigger.gif);



   288 }



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



   290     background-image: url(../images/darkgray/form/search-trigger.gif);



   291 }



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



   293     border: 1px solid #a5a5a5;



   294 }



   295 .x-form-select-one {



   296     border: 1px solid #a5a5a5;



   297 }



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



   299     border-bottom: 1px solid #a5a5a5;



   300 }



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



   302     border-bottom: 1px solid #a5a5a5;



   303 }



   304 .x-form fieldset {



   305     border:1px solid #a5a5a5;



   306 }



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



   308     border-bottom: 1px solid #929292;



   309 }



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



   311 	border: 1px solid #929292;



   312 }



   313 /* Tabs */



   314 



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



   316 	background: #646464;



   317 	border-color:#777777;



   318 }



   319 



   320 



   321 .x-tab-panel-header {



   322 	border-color:#777777;



   323 }



   324 



   325 .x-tab-panel-footer {



   326 	border-color:#777777;



   327 }



   328 



   329 ul.x-tab-strip-top{



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



   331 	border-color:#777777;



   332     padding-top: 2px;



   333 }



   334 



   335 ul.x-tab-strip-bottom{



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



   337 	border-color:#777777;



   338 }



   339 



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



   341 	color:#dddddd;



   342 }



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



   344 	color:#000000;



   345 }



   346 



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



   348 	color:#eeeeee;



   349 }



   350 



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



   352 	color:#888888;



   353 }



   354 



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



   356 	background-image:url(../images/darkgray/tabs/tabs-sprite.gif);



   357 }



   358 



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



   360 	background-image:url(../images/darkgray/tabs/tabs-sprite.gif);



   361 }



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



   363 	background-image:url(../images/darkgray/tabs/tabs-sprite.gif);



   364 }



   365 



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



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



   368 }



   369 



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



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



   372 }



   373 



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



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



   376 }



   377 



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



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



   380 }



   381 



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



   383 	background-image:url(../images/darkgray/tabs/tab-close.gif);



   384 }



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



   386 	background-image:url(../images/darkgray/tabs/tab-close.gif);



   387 }



   388 



   389 .x-tab-panel-body {



   390     border-color:#777777;



   391     background:#eeeeee;



   392 }



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



   394     border-color: #777777;



   395 }



   396 



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



   398     border-color: #777777;



   399 }



   400 



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



   402     border-color:#777777;



   403     background: #e7e7e7;



   404 }



   405 



   406 .x-tab-scroller-left {



   407     background-image: url(../images/darkgray/tabs/scroll-left.gif);



   408     border-color:#aeaeae;



   409 }



   410 .x-tab-scroller-right {



   411     background-image: url(../images/darkgray/tabs/scroll-right.gif);



   412     border-color:#aeaeae;



   413 }



   414 



   415 /* Buttons */



   416 



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



   418     background-image:url(../images/darkgray/button/btn-arrow.gif);



   419 }



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



   421     background-image:url(../images/darkgray/toolbar/btn-arrow.gif);



   422 }



   423 



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



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



   426 }



   427 



   428 /* Window */



   429 



   430 .x-window-proxy {



   431     background:#e0e0e0;



   432     border-color:#b0b0b0;



   433 }



   434 



   435 .x-window-tl .x-window-header {



   436     color:#eeeeee;



   437 }



   438 .x-window-tc {



   439 	background-image:url(../images/darkgray/window/top-bottom.png);



   440 }



   441 .x-window-tl {



   442 	background-image:url(../images/darkgray/window/left-corners.png);



   443 }



   444 .x-window-tr {



   445 	background-image:url(../images/darkgray/window/right-corners.png);



   446 }



   447 .x-window-bc {



   448 	background-image:url(../images/darkgray/window/top-bottom.png);



   449 }



   450 .x-window-bl {



   451 	background-image:url(../images/darkgray/window/left-corners.png);



   452 }



   453 .x-window-br {



   454 	background-image:url(../images/darkgray/window/right-corners.png);



   455 }



   456 .x-window-mc {



   457     border:1px solid #555555;



   458     background:#aaaaaa;



   459 }



   460 



   461 .x-window-ml {



   462 	background-image:url(../images/darkgray/window/left-right.png);



   463 }



   464 .x-window-mr {



   465 	background-image:url(../images/darkgray/window/left-right.png);



   466 }



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



   468     border-color:#555555;



   469 }



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



   471     border-color:#555555;



   472 }



   473 



   474 .x-window-plain .x-window-mc {



   475     background: #999999;



   476     border-right:1px solid #eeeeee;



   477     border-bottom:1px solid #eeeeee;



   478     border-top:1px solid #555555;



   479     border-left:1px solid #555555;



   480 }



   481 



   482 .x-window-plain .x-window-body {



   483     border-left:1px solid #eeeeee;



   484     border-top:1px solid #eeeeee;



   485     border-bottom:1px solid #555555;



   486     border-right:1px solid #555555;



   487     background:transparent !important;



   488 }



   489 



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



   491     background-color: #999999;



   492 }



   493 



   494 /* Date Picker */



   495 .x-date-picker {



   496     border: 1px solid #000000;



   497     background:#eeeeee;



   498 }



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



   500 	background-image: url(../images/darkgray/shared/hd-sprite.gif);



   501 }



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



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



   504 }



   505 .x-date-right a {



   506     background-image: url(../images/darkgray/shared/right-btn.gif);



   507 }



   508 .x-date-left a{



   509 	background-image: url(../images/darkgray/shared/left-btn.gif);



   510 }



   511 .x-date-inner th {



   512     background-image:url(../images/darkgray/shared/glass-bg.gif);



   513 	border-bottom: 1px solid #333333;



   514 	color:#f2eef0;



   515 }



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



   517 	background-image:url(../images/darkgray/shared/glass-bg.gif);



   518 	border:1px solid #333333;



   519     color:#f2eef0;



   520 }



   521 .x-date-bottom {



   522     border-top: 1px solid #333333;



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



   524 }



   525 .x-date-mp-btns {



   526 	background-image:url(../images/darkgray/shared/glass-bg.gif);



   527 }



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



   529 	background-image:url(../images/darkgray/shared/glass-bg.gif);



   530 	border:1px solid #000000;



   531 	color: #f2eef0;



   532 }



   533 .x-date-mp-ybtn a {



   534     background-image:url(../images/darkgray/panel/tool-sprites.gif);



   535 }



   536 .x-date-mp-btns button {



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



   538 	border-color: #555555 #000000 #000000 #555555;



   539 }



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



   541     color:#f2eef0;



   542     background: #333333;



   543 }



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



   545 	color:#f2eef0;



   546 	background: #333333;



   547 }



   548 



   549 /* misc */



   550 .x-html-editor-wrap {



   551     border-color:#d0d0d0;



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



   562 }



   563 



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



   565     border-width:0;



   566     border-bottom:1px solid #d0d0d0;



   567 }



   568 



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



   570     border-width:0;



   571     border-top:1px solid #d0d0d0;



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



   601 }



   602 



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



   604     border-width:0;



   605     border-bottom:1px solid #d0d0d0;



   606 }