Mercurial > laserkard
view onlypaths/theme/css/xtheme-midnight.css @ 63:3d3b8671de71 laserkard
[svn r64] Changed
1. About page text to agreed on 4/1/10
2. top_menu link "The Story" --> "About"
author | hong |
---|---|
date | Thu, 01 Apr 2010 20:06:28 -0400 |
parents | 26c2b3ad21c7 |
children |
line wrap: on
line source
1 .x-panel {2 border-style: solid;3 border-color: #cccccc;4 }5 .x-panel-header {6 color:#fafafa;7 border:1px solid #cccccc;8 background-image:url(../images/midnight/panel_white-top-bottom.gif);9 }11 .x-panel-body {12 border-color:#cccccc;13 }15 .x-panel-bbar .x-toolbar {16 border-color:#cccccc;17 }19 .x-panel-tbar .x-toolbar {20 border-color:#cccccc;21 }23 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {24 border-color:#cccccc;25 }26 .x-panel-body-noheader, .x-panel-mc .x-panel-body {27 border-color:#cccccc;28 }29 .x-panel-tl .x-panel-header {30 color:#f4f4f4;31 }32 .x-panel-tc {33 background-image:url(../images/midnight/panel_top-bottom.gif);34 }35 .x-panel-tl {36 background-image:url(../images/midnight/panel_corners-sprite.gif);37 border-color:#cccccc;38 }39 .x-panel-tr {40 background-image:url(../images/midnight/panel_corners-sprite.gif);41 }42 .x-panel-bc {43 background-image:url(../images/midnight/panel_top-bottom.gif);44 }45 .x-panel-bl {46 background-image:url(../images/midnight/panel_corners-sprite.gif);47 }48 .x-panel-br {49 background-image:url(../images/midnight/panel_corners-sprite.gif);50 }51 .x-panel-mc {52 background:#e4e6ef;53 }54 .x-panel-mc .x-panel-body {55 background:transparent;56 border: 0 none;57 }58 .x-panel-ml {59 background-image:url(../images/midnight/panel_left-right.gif);60 }61 .x-panel-mr {62 background-image:url(../images/midnight/panel_left-right.gif);63 }65 .x-panel-dd-spacer{66 border:2px dashed #89a;67 }70 /* Tools */71 .x-tool {72 background-image:url(../images/midnight/panel_tool-sprites.gif);73 }75 /* Ghosting */76 .x-panel-ghost {77 background:#e0e0e0;78 }80 .x-panel-ghost ul {81 border-color:#b0b0b0;82 }84 .x-grid-panel .x-panel-mc .x-panel-body {85 border:1px solid #cccccc;86 }88 /* Buttons */90 .x-btn-left{91 background-image:url(../images/midnight/button_btn-sprite.gif);92 }93 .x-btn-right{94 background-image:url(../images/midnight/button_btn-sprite.gif);95 }96 .x-btn-center{97 background-image:url(../images/midnight/button_btn-sprite.gif);98 }99 .x-btn-over button{100 color:#fff;101 }102 .x-btn-focus button{103 color:#fff;104 }105 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {106 background:transparent url(../images/midnight/toolbar_btn-arrow.gif) no-repeat scroll right 3px;107 }108 .x-btn-with-menu .x-btn-center em {109 background:transparent url(../images/midnight/toolbar_btn-arrow.gif) no-repeat scroll right 0pt;110 }111 .x-btn-menu-arrow-wrap .x-btn-center button{112 background:transparent url(../images/midnight/button_btn-arrow.gif) no-repeat left 3px;113 }114 .x-btn-text,.x-btn-text-icon{color:#fff;font-weight:bold !important;}115 .x-item-disabled{color:#999;}118 /* Layout classes */120 .x-border-layout-ct {121 background:#f0f0f0;122 }124 .x-accordion-hd {125 background-image:url(../images/midnight/panel_light-hd.gif);126 }128 .x-layout-collapsed{129 background-color:#141847;130 border-color:#e0e0e0;131 }132 .x-layout-collapsed-over{133 background-color:#171763;134 }138 /* Toolbars */140 .x-toolbar{141 border-color:#cccccc;142 background:#f0f4f5 url(../images/midnight/toolbar_bg.gif) repeat-x top left;143 }144 .x-toolbar button {145 color:#f4f4f4;146 }147 .x-toolbar .ytb-text {148 color:white;149 }150 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {151 background-image:url(../images/midnight/toolbar_btn-arrow.gif);152 }153 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {154 background-image:url(../images/midnight/toolbar_btn-arrow.gif);155 }156 .x-toolbar .x-btn-over .x-btn-left{157 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);158 }159 .x-toolbar .x-btn-over .x-btn-right{160 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);161 }162 .x-toolbar .x-btn-over .x-btn-center{163 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);164 }165 .x-toolbar .x-btn-over button {166 color:#fff;167 }168 .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{169 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);170 }171 .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{172 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);173 }175 .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{176 background-image:url(../images/midnight/toolbar_tb-btn-sprite.gif);177 }178 .x-toolbar .ytb-sep {179 background-image: url(../images/midnight/grid_grid-split.gif);180 }182 /* Menus */184 .x-menu{185 border:1px solid #aaa;186 background:#f0f0f0 url(../images/midnight/menu_menu.gif) repeat-y;187 }188 .x-menu-item-active{189 background:#ebf3fd url(../images/midnight/menu_item-over.gif) repeat-x left bottom;190 border:1px solid #c2cbd2;191 }192 .x-menu-item-arrow{193 background:transparent url(../images/midnight/menu_menu-parent.gif) no-repeat right;194 }197 /* Tabs */199 .x-tab-panel-header, .x-tab-panel-footer {201 background: #444a7d;202 border-color:#4f657b;203 }206 .x-tab-panel-header {207 border-color:#cccccc;208 }210 .x-tab-panel-footer {211 border-color:#cccccc;212 }214 ul.x-tab-strip-top{215 background:#dbdbdb url(../images/midnight/tabs_tab-strip-bg.gif) repeat-x left top;216 border-color:#4c647e;217 padding-top: 2px;218 }220 ul.x-tab-strip-bottom{221 background-image:url(../images/midnight/tabs_tab-strip-btm-bg.gif);222 border-color:#566c82;223 }225 .x-tab-strip span.x-tab-strip-text {226 color:#333;227 }228 .x-tab-strip-over span.x-tab-strip-text {229 color:#111;230 }232 .x-tab-strip-active span.x-tab-strip-text {233 color:#fff;234 }236 .x-tab-strip-disabled .x-tabs-text {237 color:#aaaaaa;238 }240 .x-tab-strip-top .x-tab-right {241 background-image:url(../images/midnight/tabs_tabs-sprite.gif);242 }244 .x-tab-strip-top .x-tab-left {245 background-image:url(../images/midnight/tabs_tabs-sprite.gif);246 }247 .x-tab-strip-top .x-tab-strip-inner {248 background-image:url(../images/midnight/tabs_tabs-sprite.gif);249 }251 .x-tab-strip-bottom .x-tab-right {252 background-image:url(../images/midnight/tabs_tab-btm-inactive-right-bg.gif);253 }255 .x-tab-strip-bottom .x-tab-left {256 background-image:url(../images/midnight/tabs_tab-btm-inactive-left-bg.gif);257 }259 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {260 background-image:url(../images/midnight/tabs_tab-btm-right-bg.gif);261 }263 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {264 background-image:url(../images/midnight/tabs_tab-btm-left-bg.gif);265 }267 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {268 background-image:url(../images/midnight/tabs_tab-close.gif);269 }270 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{271 background-image:url(../images/midnight/tabs_tab-close.gif);272 }274 .x-tab-panel-body {275 border-color:#cccccc;276 background:#fff;277 }278 .x-tab-panel-bbar .x-toolbar {279 border-color: #cccccc;280 }282 .x-tab-panel-tbar .x-toolbar {283 border-color: #cccccc;284 }286 .x-tab-panel-header-plain .x-tab-strip-spacer {287 border-color:#cccccc;288 background: #444a7d;289 }291 .x-tab-scroller-left {292 background-image: url(../images/midnight/tabs_scroll-left.gif);293 border-color:#aeaeae;294 }295 .x-tab-scroller-right {296 background-image: url(../images/midnight/tabs_scroll-right.gif);297 border-color:#aeaeae;298 }300 /* Window */302 .x-window-proxy {303 background:#e4e8ec;304 border-color:#cccccc;305 }307 .x-window-tl .x-window-header {308 color:#fafafa;309 }310 .x-window-tc {311 background-image:url(../images/midnight/window_top-bottom.png);312 }313 .x-window-tl {314 background-image:url(../images/midnight/window_left-corners.png);315 }316 .x-window-tr {317 background-image:url(../images/midnight/window_right-corners.png);318 }319 .x-window-bc {320 background-image:url(../images/midnight/window_top-bottom.png);321 }322 .x-window-bl {323 background-image:url(../images/midnight/window_left-corners.png);324 }325 .x-window-br {326 background-image:url(../images/midnight/window_right-corners.png);327 }328 .x-window-mc {329 border:1px solid #cccccc;330 background:#e8e8e8;331 }333 .x-window-ml {334 background-image:url(../images/midnight/window_left-right.png);335 }336 .x-window-mr {337 background-image:url(../images/midnight/window_left-right.png);338 }339 .x-panel-ghost .x-window-tl {340 border-color:#cccccc;341 }342 .x-panel-collapsed .x-window-tl {343 border-color:#cccccc;344 }346 .x-window-plain .x-window-mc {347 background: #e8e8e8;348 border-right:1px solid #eee;349 border-bottom:1px solid #eee;350 border-top:1px solid #cccccc;351 border-left:1px solid #cccccc;352 }354 .x-window-plain .x-window-body {355 border-left:1px solid #ddd;356 border-top:1px solid #ddd;357 border-bottom:1px solid #cccccc;358 border-right:1px solid #cccccc;359 background:transparent !important;360 }362 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {363 background-color: #eceef0;364 }367 /* HTML Editor */368 .x-html-editor-wrap {369 border-color:#cccccc;370 }371 .x-html-editor-tb .x-btn-text {372 background:transparent url(../images/midnight/editor_tb-sprite.gif) no-repeat scroll 0%;373 }376 /* Borders go last for specificity */377 .x-panel-noborder .x-panel-body-noborder {378 border-width:0;379 }381 .x-panel-noborder .x-panel-header-noborder {382 border-width:0;383 border-bottom:1px solid #cccccc;384 }386 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {387 border-width:0;388 border-bottom:1px solid #cccccc;389 }391 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {392 border-width:0;393 border-top:1px solid #cccccc;394 }396 .x-window-noborder .x-window-mc {397 border-width:0;398 }399 .x-window-plain .x-window-body-noborder {400 border-width:0;401 }403 .x-tab-panel-noborder .x-tab-panel-body-noborder {404 border-width:0;405 }407 .x-tab-panel-noborder .x-tab-panel-header-noborder {408 border-top-width:0;409 border-left-width:0;410 border-right-width:0;411 }413 .x-tab-panel-noborder .x-tab-panel-footer-noborder {414 border-bottom-width:0;415 border-left-width:0;416 border-right-width:0;417 }420 .x-tab-panel-bbar-noborder .x-toolbar {421 border-width:0;422 border-top:1px solid #cccccc;423 }425 .x-tab-panel-tbar-noborder .x-toolbar {426 border-width:0;427 border-bottom:1px solid #cccccc;428 }430 /* Forms */431 .x-form-text, textarea.x-form-field {432 border:1px solid #9ab;433 }434 .x-trigger-wrap-focus .x-form-trigger {435 border-bottom:1px solid #4a7192;436 }437 .x-form-focus,textarea.x-form-focus {438 border:1px solid #4a7192;439 }441 .x-form-field-wrap .x-form-trigger {442 background:transparent url(../images/midnight/form_trigger.gif) no-repeat 0 0;443 }444 .x-form-field-wrap .x-form-date-trigger {445 background-image:url(../images/midnight/form_date-trigger.gif);446 }447 .x-form-field-wrap .x-form-clear-trigger {448 background-image:url(../images/midnight/form_clear-trigger.gif);449 }450 .x-form-field-wrap .x-form-search-trigger {451 background-image:url(../images/midnight/form_search-trigger.gif);452 }454 .x-form-field-wrap .x-form-trigger {455 border-bottom:1px solid #778899;456 }458 .x-form fieldset legend {459 color:#333;460 }462 /* the following need to be duplicated from ext-all.js,463 otherwise hover effects are broken */464 .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;}465 .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;}466 .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;}467 .x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}468 .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}471 /* Grid */473 .x-grid3-row-selected {474 background:#fbf0d2;475 border:1px dotted #ccc;476 }477 .x-grid3-hd-btn{478 background:#f2daa9 url(../images/midnight/grid_grid3-hd-btn.gif) no-repeat left center;479 }480 .x-grid3-header{481 background:#f9f9f9 url(../images/midnight/grid_grid3-hrow.gif) repeat-x 0 bottom;482 }483 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{484 background:#ebf3fd url(../images/midnight/grid_grid3-hrow-over.gif) repeat-x left bottom;485 }486 .sort-asc .x-grid3-sort-icon{487 background-image:url(../images/midnight/grid_sort_asc.gif);488 }489 .sort-desc .x-grid3-sort-icon{490 background-image:url(../images/midnight/grid_sort_desc.gif);491 }492 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {493 border-left:1px solid #fff;494 border-right:1px solid #ccc;495 }496 .x-grid3-cell-selected{497 background-color:#e0eaee!important;498 }499 .x-grid3-body .x-grid3-td-expander{500 background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;501 }502 .x-grid3-body .x-grid3-td-checker{503 background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;504 }505 .x-grid3-body .x-grid3-td-numberer{506 background:transparent url(../images/midnight/grid_grid3-special-col-bg.gif) repeat-y right;507 }508 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{509 background:transparent url(../images/midnight/grid_grid3-special-col-sel-bg.gif) repeat-y right;510 }511 .x-grid-group-hd {512 border-bottom:2px solid #abb;513 }514 .x-grid-group-hd div {515 color: #456;516 }517 .x-dd-drag-proxy .x-grid3-hd-inner{518 background:#ebf3fd url(../images/midnight/grid_grid3-hrow-over.gif) repeat-x left bottom;519 border:1px solid #cccccc;520 }521 .x-tbar-page-first{522 background-image:url(../images/midnight/grid_page-first.gif)!important;523 }524 .x-tbar-page-last{525 background-image:url(../images/midnight/grid_page-last.gif)!important;526 }527 .x-tbar-page-next{528 background-image:url(../images/midnight/grid_page-next.gif)!important;529 }530 .x-tbar-page-prev{531 background-image:url(../images/midnight/grid_page-prev.gif)!important;532 }533 .x-paging-info {534 color:#FFFFFF;535 }538 /* Progress Bar */540 .x-progress-bar{541 background:#9CBFEE url( ../../resources/images/midnight/progress_progress-bg.gif ) repeat-x left center;542 border-top:1px solid #ddd;543 border-bottom:1px solid #ddd;544 }547 /* Combos */548 .x-combo-list{549 border:1px solid #89a;550 }551 .x-combo-list .x-combo-selected{552 border:1px dotted #ccc!important;553 background:#fbf0d2;554 }557 /* Calendars */559 .x-date-middle,.x-date-left,.x-date-right{560 background:url(../images/midnight/shared_hd-sprite.gif) repeat-x 0 -83px;561 }562 .x-date-bottom {563 background:#DFECFB url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;564 border-top:1px solid #cccccc;565 }566 .x-date-right a{567 background-image:url(../images/midnight/shared_right-btn.gif);568 }569 .x-date-left a{570 background-image:url(../images/midnight/shared_left-btn.gif);571 }572 .x-date-inner th{573 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x left top;574 border-bottom:1px solid #cccccc;575 color:#345;576 }577 .x-date-inner .x-date-selected a {578 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;579 border:1px solid #89a;580 }581 .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{582 background:#cfdce1;583 }584 td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{585 color:#123;586 background:#cfdce1;587 }588 .x-date-mp-ybtn a{589 background:transparent url(../images/midnight/panel_tool-sprites.gif) no-repeat;590 }591 .x-date-mp-btns {592 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x scroll left top;593 }594 td.x-date-mp-sel a{595 background:#dfecfb url(../images/midnight/shared_glass-bg.gif) repeat-x left top;596 border:1px solid #cccccc;597 }598 .x-date-mp-btns button{599 background:#405574;600 border:1px solid;601 border-color:#cccccc #055 #055 #cccccc;602 }604 /* Resizable Handle */605 .x-resizable-over .x-resizable-handle-east,.x-resizable-pinned .x-resizable-handle-east{606 background:url(../images/midnight/sizer_e-handle.gif);background-position:left;607 }608 .x-resizable-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west{609 background:url(../images/midnight/sizer_e-handle.gif);background-position:left;610 }611 .x-resizable-over .x-resizable-handle-south,.x-resizable-pinned .x-resizable-handle-south{612 background:url(../images/midnight/sizer_s-handle.gif);background-position:top;613 }614 .x-resizable-over .x-resizable-handle-north,.x-resizable-pinned .x-resizable-handle-north{615 background:url(../images/midnight/sizer_s-handle.gif);background-position:top;616 }617 .x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{618 background:url(../images/midnight/sizer_se-handle.gif);background-position:top left;619 }620 .x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{621 background:url(../images/midnight/sizer_nw-handle.gif);background-position:bottom right;622 }623 .x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{624 background:url(../images/midnight/sizer_ne-handle.gif);background-position:bottom left;625 }626 .x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{627 background:url(../images/midnight/sizer_sw-handle.gif);background-position:top right;628 }630 /* Tips */631 .x-tip .x-tip-close{632 background-image:url(../images/midnight/qtip_close.gif);633 }634 .x-tip .x-tip-tc{635 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -62px;636 }637 .x-tip .x-tip-tl{638 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 0;639 }640 .x-tip .x-tip-tr{641 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right 0;642 }643 .x-tip .x-tip-bc{644 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -121px;645 }646 .x-tip .x-tip-bl{647 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -59px;648 }649 .x-tip .x-tip-br{650 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right -59px;651 }652 .x-tip .x-tip-ml{653 background:#fff url(../images/midnight/qtip_tip-sprite.gif) no-repeat 0 -124px;654 }655 .x-tip .x-tip-mr{656 background:transparent url(../images/midnight/qtip_tip-sprite.gif) no-repeat right -124px;657 }658 .x-form-invalid-tip .x-tip-tc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-top:6px;}659 .x-form-invalid-tip .x-tip-tl{background-image:url(../images/default/form/error-tip-corners.gif);}660 .x-form-invalid-tip .x-tip-tr{background-image:url(../images/default/form/error-tip-corners.gif);}661 .x-form-invalid-tip .x-tip-bc{background:url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}662 .x-form-invalid-tip .x-tip-bl{background:url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;}663 .x-form-invalid-tip .x-tip-br{background:url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;}664 .x-form-invalid-tip .x-tip-ml{background-image:url(../images/default/form/error-tip-corners.gif);}665 .x-form-invalid-tip .x-tip-mr{background-image:url(../images/default/form/error-tip-corners.gif);}670 /* Miscellaneous */672 .x-item-disabled * {673 color:#333 !important;674 }