Mercurial > laserkard

view onlypaths/theme/css/xtheme-peppermint.css @ 63:3d3b8671de71 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[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 /*



     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 }