Mercurial > laserkard
view onlypaths/theme/css/xtheme-black.css @ 77:bf68c9ea9528 laserkard
saving
| author | Robert McIntyre <rlm@mit.edu> |
|---|---|
| date | Thu, 22 Jul 2010 09:30:45 -0400 |
| parents | 26c2b3ad21c7 |
| children |
line wrap: on
line source
1 /*2 * Ext JS Library 2.0 Alpha 13 * Copyright(c) 2006-2007, Ext JS, LLC.4 *5 * @license LGPL6 * @author Kemal Tunador <tunador@madrabaz.com>7 */9 .x-panel {10 border-style: solid;11 border-color: #000000;12 }13 .x-panel-header {14 color:#f0eeef;15 border:1px solid #000000;16 background-image:url(../images/black/panel/white-top-bottom.gif);17 }19 .x-panel-body {20 border-color:#000000;21 }23 .x-panel-bbar .x-toolbar {24 border-color:#000000;25 }27 .x-panel-tbar .x-toolbar {28 border-color:#000000;29 }31 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {32 border-color:#000000;33 }34 .x-panel-body-noheader, .x-panel-mc .x-panel-body {35 border-color:#000000;36 }37 .x-panel-tl .x-panel-header {38 color:#f0eeef;39 }40 .x-panel-tc {41 background-image:url(../images/black/panel/top-bottom.gif);42 }43 .x-panel-tl {44 background-image:url(../images/black/panel/corners-sprite.gif);45 border-color:#000000;46 }47 .x-panel-tr {48 background-image:url(../images/black/panel/corners-sprite.gif);49 }50 .x-panel-bc {51 background-image:url(../images/black/panel/top-bottom.gif);52 }53 .x-panel-bl {54 background-image:url(../images/black/panel/corners-sprite.gif);55 }56 .x-panel-br {57 background-image:url(../images/black/panel/corners-sprite.gif);58 }59 .x-panel-mc {60 background:#363636;61 color:#eeeeee;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/black/panel/left-right.gif);69 }70 .x-panel-mr {71 background-image:url(../images/black/panel/left-right.gif);72 }74 /* Ghosting */75 .x-panel-ghost {76 background:#363636;77 }79 .x-panel-ghost ul {80 border-color:#000000;81 }83 .x-grid-panel .x-panel-mc .x-panel-body {84 border:1px solid #000000;85 }87 /* Grid */88 .x-grid3-row {89 color:#000000;90 }91 .x-grid3-row-over {92 border:1px solid #292929;93 background-image:url(../images/black/grid/row-over.gif);94 }95 .x-grid3-header{96 background-image:url(../images/black/grid/grid3-hrow.gif);97 }98 .x-grid3-header-pop-inner {99 border-left:1px solid #000000;100 background-image:url(../images/black/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 #000000;104 border-right:1px solid #000000;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/black/grid/grid3-hrow-over.gif);108 background-color:#595959;109 }110 .x-dd-drag-proxy .x-grid3-hd-inner{111 background-image:url(../images/black/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/black/grid/grid-hrow.gif);115 color:#666666;116 border-top:1px solid white;117 border-right:1px solid #000000 !important;118 }119 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{120 background-image:url(../images/black/grid/grid3-special-col-bg.gif);121 color:#eeeeee !important;122 }123 .x-grid3-hd-btn {124 background-image:url(../images/black/grid/grid3-hd-btn.gif);125 }126 .x-grid3-body .x-grid3-td-expander {127 background-image:url(../images/black/grid/grid3-special-col-bg.gif);128 }129 .x-grid3-body .x-grid3-td-checker {130 background-image:url(../images/black/grid/grid3-special-col-bg.gif);131 }132 .x-grid3-body .x-grid3-td-numberer {133 background-image:url(../images/black/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/black/grid/grid3-special-col-sel-bg.gif);139 }140 .x-grid3-hd-row td {141 border-left:1px solid #888888;142 border-right:1px solid #666666;143 }144 .x-grid3-row-selected {145 background: #f0eeef;146 border:1px dotted #999999;147 }148 .xg-hmenu-sort-asc .x-menu-item-icon{149 background-image: url(../images/black/grid/hmenu-asc.gif);150 }151 .xg-hmenu-sort-desc .x-menu-item-icon{152 background-image: url(../images/black/grid/hmenu-desc.gif);153 }155 /* Menu */157 .x-menu {158 border: 1px solid #000000;159 background-color:#393939;160 background-image:url(../images/black/menu/menu.gif);161 }162 .x-menu-sep {163 background-color:#4d4d4d;164 border-bottom:1px solid #272727;165 }166 .x-menu-plain {167 background:#393939 !important;168 }169 .x-menu-item-active {170 background-image:url(../images/black/menu/item-over.gif);171 background-color:#3f3f3f;172 border:1px solid #222222;173 }174 .x-menu a.x-menu-item {175 color:#eeeeee;176 }177 .x-menu-item-active a.x-menu-item {178 color: #ffffff;179 }181 /* Tools */182 .x-tool {183 background-image:url(../images/black/panel/tool-sprites.gif);184 }186 /* Buttons */188 .x-btn-text{189 color: #f0eeef;190 font-weight:bold !important;191 }192 .x-btn-left{193 background-image:url(../images/black/button/btn-sprite.gif);194 }195 .x-btn-right{196 background-image:url(../images/black/button/btn-sprite.gif);197 }198 .x-btn-center{199 background-image:url(../images/black/button/btn-sprite.gif);200 }201 .x-btn-menu-arrow-wrap .x-btn-center button {202 background-image:url(../images/black/button/btn-arrow.gif);203 }204 .x-btn-with-menu .x-btn-center em {205 background-image:url(../images/black/toolbar/btn-arrow.gif);206 }208 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {209 background-image:url(../images/black/toolbar/btn-arrow-light.gif);210 }212 /* Layout classes */214 .x-border-layout-ct {215 background:#f3f3f3; /* f1f2f4 */216 }218 .x-accordion-hd {219 background-image:url(../images/black/panel/light-hd.gif);220 }222 .x-layout-collapsed{223 background-color:#222222;224 border-color:#000000;225 }226 .x-layout-collapsed-over{227 background-color:#444444;228 }231 /* qtips */232 .x-tip .x-tip-close{233 background-image: url(../images/black/qtip/close.gif);234 }235 .x-tip .x-tip-tc {236 background-image:url(../images/black/qtip/tip-sprite.gif);237 }238 .x-tip .x-tip-tl {239 background-image:url(../images/black/qtip/tip-sprite.gif);240 }241 .x-tip .x-tip-tr {242 background-image:url(../images/black/qtip/tip-sprite.gif);243 }244 .x-tip .x-tip-bc {245 background-image:url(../images/black/qtip/tip-sprite.gif);246 }247 .x-tip .x-tip-bl {248 background-image:url(../images/black/qtip/tip-sprite.gif);249 }250 .x-tip .x-tip-br {251 background-image:url(../images/black/qtip/tip-sprite.gif);252 }253 .x-tip .x-tip-ml {254 background-image:url(../images/black/qtip/tip-sprite.gif);255 }256 .x-tip .x-tip-mr {257 background-image:url(../images/black/qtip/tip-sprite.gif);258 }259 .x-tip .x-tip-header-text {260 color:#ffffff;261 }262 .x-tip .x-tip-body {263 color:#eeeeee;264 }265 /* Toolbars */267 .x-toolbar{268 border-color:#444444;269 background:#282828 url(../images/black/toolbar/bg.gif) repeat-x top left;270 }271 .x-toolbar button {272 color:#f0eeef;273 }274 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {275 background-image:url(../images/black/toolbar/btn-arrow.gif);276 }277 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {278 background-image:url(../images/black/toolbar/btn-arrow.gif);279 }280 .x-toolbar .x-btn-over .x-btn-left{281 background-image:url(../images/black/toolbar/tb-btn-sprite.gif);282 }283 .x-toolbar .x-btn-over .x-btn-right{284 background-image:url(../images/black/toolbar/tb-btn-sprite.gif);285 }286 .x-toolbar .x-btn-over .x-btn-center{287 background-image:url(../images/black/toolbar/tb-btn-sprite.gif);288 }289 .x-toolbar .x-btn-over button {290 color:#ffffff;291 }292 .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{293 background-image:url(../images/black/toolbar/tb-btn-sprite.gif);294 }295 .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{296 background-image:url(../images/black/toolbar/tb-btn-sprite.gif);297 }299 .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{300 background-image:url(../images/black/toolbar/tb-btn-sprite.gif);301 }302 .x-toolbar .ytb-sep {303 background-image: url(../images/black/grid/grid-split.gif);304 }305 .x-paging-info {306 color:#f0eeef;307 }309 /* Form */311 .x-form-field-wrap .x-form-trigger{312 background-image:url(../images/black/form/trigger.gif);313 border-bottom: 1px solid #a3a3a3;314 }315 .x-form-field-wrap .x-form-date-trigger{316 background-image: url(../images/black/form/date-trigger.gif);317 }318 .x-form-field-wrap .x-form-clear-trigger{319 background-image: url(../images/black/form/clear-trigger.gif);320 }321 .x-form-field-wrap .x-form-search-trigger{322 background-image: url(../images/black/form/search-trigger.gif);323 }325 .x-form-text, textarea.x-form-field{326 border: 1px solid #a3a3a3;327 }328 .x-form-select-one {329 border: 1px solid #a3a3a3;330 }331 .x-item-disabled .x-form-trigger-over{332 border-bottom: 1px solid #a3a3a3;333 }334 .x-item-disabled .x-form-trigger-click{335 border-bottom: 1px solid #a3a3a3;336 }337 .x-form fieldset {338 border:1px solid #a3a3a3;339 }340 .x-trigger-wrap-focus .x-form-trigger{341 border-bottom: 1px solid #0e0e0e;342 }343 .x-form-focus, textarea.x-form-focus{344 border: 1px solid #0e0e0e;345 }348 /* Tabs */350 .x-tab-panel-header, .x-tab-panel-footer {351 background: #363636;352 border-color:#000000;353 }356 .x-tab-panel-header {357 border-color:#000000;358 }360 .x-tab-panel-footer {361 border-color:#000000;362 }364 ul.x-tab-strip-top{365 background:#353535 url(../images/black/tabs/tab-strip-bg.gif) repeat-x left top;366 border-color:#000000;367 }369 ul.x-tab-strip-bottom{370 background-image:url(../images/black/tabs/tab-strip-btm-bg.gif);371 border-color:#000000;372 }374 .x-tab-strip span.x-tab-strip-text {375 color:#cccccc;376 }377 .x-tab-strip-over span.x-tab-strip-text {378 color:#ffffff;379 }381 .x-tab-strip-active span.x-tab-strip-text {382 color:#f0eeef;383 }385 .x-tab-strip-top .x-tab-right {386 background-image:url(../images/black/tabs/tabs-sprite.gif);387 }389 .x-tab-strip-top .x-tab-left {390 background-image:url(../images/black/tabs/tabs-sprite.gif);391 }392 .x-tab-strip-top .x-tab-strip-inner {393 background-image:url(../images/black/tabs/tabs-sprite.gif);394 }396 .x-tab-strip-bottom .x-tab-right {397 background-image:url(../images/black/tabs/tab-btm-inactive-right-bg.gif);398 }400 .x-tab-strip-bottom .x-tab-left {401 background-image:url(../images/black/tabs/tab-btm-inactive-left-bg.gif);402 }404 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {405 background-image:url(../images/black/tabs/tab-btm-right-bg.gif);406 }408 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {409 background-image:url(../images/black/tabs/tab-btm-left-bg.gif);410 }412 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {413 background-image:url(../images/black/tabs/tab-close.gif);414 }415 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{416 background-image:url(../images/black/tabs/tab-close.gif);417 }419 .x-tab-panel-body {420 border-color:#000000;421 background:#eeeeee;422 }423 .x-tab-panel-bbar .x-toolbar {424 border-color: #000000;425 }427 .x-tab-panel-tbar .x-toolbar {428 border-color: #000000;429 }431 .x-tab-panel-header-plain .x-tab-strip-spacer {432 border-color:#000000;433 background: #353535;434 }436 .x-tab-scroller-left {437 background-image: url(../images/black/tabs/scroll-left.gif);438 border-color:#000000;439 }440 .x-tab-scroller-right {441 background-image: url(../images/black/tabs/scroll-right.gif);442 border-color:#000000;443 }445 /* Window */447 .x-window-proxy {448 background:#363636;449 border-color:#000000;450 }452 .x-window-tl .x-window-header {453 color:#f0eeef;454 }455 .x-window-tc {456 background-image:url(../images/black/window/top-bottom.png);457 }458 .x-window-tl {459 background-image:url(../images/black/window/left-corners.png);460 }461 .x-window-tr {462 background-image:url(../images/black/window/right-corners.png);463 }464 .x-window-bc {465 background-image:url(../images/black/window/top-bottom.png);466 }467 .x-window-bl {468 background-image:url(../images/black/window/left-corners.png);469 }470 .x-window-br {471 background-image:url(../images/black/window/right-corners.png);472 }473 .x-window-mc {474 border:1px solid #333333;475 background:#454545;476 color: #eeeeee;477 }479 .x-window-ml {480 background-image:url(../images/black/window/left-right.png);481 }482 .x-window-mr {483 background-image:url(../images/black/window/left-right.png);484 }485 .x-panel-ghost .x-window-tl {486 border-color:#000000;487 }488 .x-panel-collapsed .x-window-tl {489 border-color:#000000;490 }492 .x-window-plain .x-window-mc {493 color: #eeeeee;494 background: #222222;495 border-left:1px solid #111111;496 border-top:1px solid #111111;497 border-bottom:1px solid #222222;498 border-right:1px solid #222222;499 }501 .x-window-plain .x-window-body {502 border-left:1px solid #555555;503 border-top:1px solid #555555;504 border-bottom:1px solid #333333;505 border-right:1px solid #333333;506 background:transparent !important;507 }509 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {510 color: #eeeeee;511 background-color: #1a1a1a;512 }514 /* Date Picker */515 .x-date-picker {516 border: 1px solid #000000;517 background:#ffffff;518 }519 .x-date-middle,.x-date-left,.x-date-right {520 background-image: url(../images/black/shared/hd-sprite.gif);521 }522 .x-date-middle .x-btn-with-menu .x-btn-center em {523 background-image:url(../images/black/toolbar/btn-arrow-light.gif);524 }525 .x-date-right a {526 background-image: url(../images/black/shared/right-btn.gif);527 }528 .x-date-left a{529 background-image: url(../images/black/shared/left-btn.gif);530 }531 .x-date-inner th {532 background-image:url(../images/black/shared/glass-bg.gif);533 border-bottom: 1px solid #000000;534 color:#f0eeef;535 }536 .x-date-inner .x-date-selected a{537 background-image:url(../images/black/shared/glass-bg.gif);538 border:1px solid #000000;539 color:#f0eeef;540 }541 .x-date-bottom {542 border-top: 1px solid #000000;543 background-image:url(../images/black/shared/glass-bg.gif);544 }545 .x-date-mp-btns {546 background-image:url(../images/black/shared/glass-bg.gif);547 }548 td.x-date-mp-sel a {549 background-image:url(../images/black/shared/glass-bg.gif);550 border:1px solid #000000;551 color: #f0eeef !important;552 }553 .x-date-mp-ybtn a {554 background-image:url(../images/black/panel/tool-sprites.gif);555 }556 .x-date-mp-btns button {557 background-image:url(../images/black/shared/glass-bg.gif);558 border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;559 color: #f0eeef;560 }561 .x-date-inner a{562 color:#000000;563 }564 .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{565 color:#f0eeef;566 background: #353535;567 }568 td.x-date-mp-month a,td.x-date-mp-year a {569 color:#000000;570 }571 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {572 color:#f0eeef;573 background: #353535;574 }576 /* misc */577 .x-html-editor-wrap {578 border-color:#000000;579 }581 /* Borders go last for specificity */582 .x-panel-noborder .x-panel-body-noborder {583 border-width:0;584 }586 .x-panel-noborder .x-panel-header-noborder {587 border-width:0;588 border-bottom:1px solid #000000;589 }591 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {592 border-width:0;593 border-bottom:1px solid #000000;594 }596 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {597 border-width:0;598 border-top:1px solid #000000;599 }601 .x-window-noborder .x-window-mc {602 border-width:0;603 }604 .x-window-plain .x-window-body-noborder {605 border-width:0;606 }608 .x-tab-panel-noborder .x-tab-panel-body-noborder {609 border-width:0;610 }612 .x-tab-panel-noborder .x-tab-panel-header-noborder {613 border-top-width:0;614 border-left-width:0;615 border-right-width:0;616 }618 .x-tab-panel-noborder .x-tab-panel-footer-noborder {619 border-bottom-width:0;620 border-left-width:0;621 border-right-width:0;622 }625 .x-tab-panel-bbar-noborder .x-toolbar {626 border-width:0;627 border-top:1px solid #000000;628 }630 .x-tab-panel-tbar-noborder .x-toolbar {631 border-width:0;632 border-bottom:1px solid #000000;633 }