Mercurial > laserkard

view onlypaths/theme/css/xtheme-purple.css @ 46:26c2b3ad21c7 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author rlm
date Sun, 31 Jan 2010 12:33:33 -0500
parents
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: #ff82a3;



    12 }



    13 .x-panel-header {



    14     color:#331033;



    15 	border:1px solid #ff82a3;



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



    17 }



    18 



    19 .x-panel-body {



    20     border-color:#ff82a3;



    21 }



    22 



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



    24     border-color:#ff82a3;



    25 }



    26 



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



    28     border-color:#ff82a3;



    29 }



    30 



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



    32     border-color:#ff82a3;



    33 }



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



    35     border-color:#ff82a3;



    36 }



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



    38     color:#331033;



    39 }



    40 .x-panel-tc {



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



    42 }



    43 .x-panel-tl {



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



    45     border-color:#ff82a3;



    46 }



    47 .x-panel-tr {



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



    49 }



    50 .x-panel-bc {



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



    52 }



    53 .x-panel-bl {



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



    55 }



    56 .x-panel-br {



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



    58 }



    59 .x-panel-mc {



    60     background:#ffd6df;



    61 }



    62 .x-panel-mc .x-panel-body {



    63     background:transparent;



    64     border: 0 none;



    65 }



    66 .x-panel-ml {



    67 	background-image:url(../images/purple/panel/left-right.gif);



    68 }



    69 .x-panel-mr {



    70 	background-image:url(../images/purple/panel/left-right.gif);



    71 }



    72 



    73 /* Grid */



    74 .x-grid3-row {



    75     color:#000000;



    76 }



    77 .x-grid3-row-over {



    78 	border:1px solid #ffd6df;



    79     background-image:url(../images/purple/grid/row-over.gif);



    80 }



    81 .x-grid3-header{



    82 	background-image:url(../images/purple/grid/grid3-hrow.gif);



    83 }



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



    85     border-left:1px solid #ffd6df;



    86     background-image:url(../images/purple/grid/hd-pop.gif);



    87 }



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



    89     border-left:1px solid #ff82a3;



    90     border-right:1px solid #ff82a3;



    91 }



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



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



    94 }



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



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



    97 }



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



    99     background-image:url(../images/purple/grid/grid-hrow.gif);



   100     color:black;



   101     border-top:1px solid white;



   102     border-right:1px solid #ff82a3 !important;



   103 }



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



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



   106     color:black !important;



   107 }



   108 .x-grid3-hd-btn {



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



   110 }



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



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



   113 }



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



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



   116 }



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



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



   119 }



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



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



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



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



   124 }



   125 .x-grid3-row-selected {



   126 	background: #ffd6df;



   127 	border:1px dotted #ff82a3;



   128 }



   129 



   130 /* Menu */



   131 .x-menu {



   132 	border: 1px solid #ffc6cf;



   133 	background-image:url(../images/purple/menu/menu.gif);



   134 }



   135 .x-menu-sep {



   136     background-color:#ffffff;



   137 	border-bottom:1px solid #ffc6cf;



   138 }



   139 .x-menu-item-active {



   140 	background-image:url(../images/purple/menu/item-over.gif);



   141 	border:1px solid #ff82a3;



   142 }



   143 



   144 /* Tools */



   145 .x-tool {



   146     background-image:url(../images/purple/panel/tool-sprites.gif);



   147 }



   148 



   149 /* Ghosting */



   150 .x-panel-ghost {



   151     background:#ffa7be;



   152 }



   153 



   154 .x-panel-ghost ul {



   155     border-color:#ff82a3;



   156 }



   157 



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



   159     border:1px solid #ffd6df;



   160 }



   161 



   162 /* Buttons */



   163 



   164 .x-btn-text{



   165 color: #331033;



   166 }



   167 .x-btn-left{



   168 	background-image:url(../images/purple/button/btn-sprite.gif);



   169 }



   170 .x-btn-right{



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



   172 }



   173 .x-btn-center{



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



   175 }



   176 



   177 /* Layout classes */



   178 



   179 .x-border-layout-ct {



   180     background:#f2f1f0; /* f1f2f4 */



   181 }



   182 



   183 .x-accordion-hd {



   184 	background-image:url(../images/purple/panel/light-hd.gif);



   185 }



   186 



   187 .x-layout-collapsed{



   188     background-color:#ffd6df;



   189     border-color:#ffa7be;



   190 }



   191 .x-layout-collapsed-over{



   192 	 background-color:#ffb6ca;



   193 }



   194 



   195 



   196 /* qtips */



   197 .x-tip .x-tip-close{



   198 	background-image: url(../images/purple/qtip/close.gif);



   199 }



   200 .x-tip .x-tip-tc {



   201 	background-image:url(../images/purple/qtip/tip-sprite.gif);



   202 }



   203 .x-tip .x-tip-tl {



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



   205 }



   206 .x-tip .x-tip-tr {



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



   208 }



   209 .x-tip .x-tip-bc {



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



   211 }



   212 .x-tip .x-tip-bl {



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



   214 }



   215 .x-tip .x-tip-br {



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



   217 }



   218 .x-tip .x-tip-ml {



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



   220 }



   221 .x-tip .x-tip-mr {



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



   223 }



   224 .x-tip .x-tip-header-text {



   225     color:#331033;



   226 }



   227 .x-tip .x-tip-body {



   228     color:#331033;



   229 }



   230 /* Toolbars */



   231 



   232 .x-toolbar{



   233 	border-color:#ff82a3;



   234     background:#ffc3d6 url(../images/purple/toolbar/bg.gif) repeat-x top left;



   235 }



   236 .x-toolbar button {



   237     color:#331033;



   238 }



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



   240     background-image:url(../images/purple/toolbar/btn-arrow.gif);



   241 }



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



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



   244 }



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



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



   247 }



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



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



   250 }



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



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



   253 }



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



   255     color:#000000;



   256 }



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



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



   259 }



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



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



   262 }



   263 



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



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



   266 }



   267 .x-toolbar .ytb-sep {



   268 	background-image: url(../images/purple/grid/grid-split.gif);



   269 }



   270 .x-paging-info {



   271     color:#331033;



   272 }



   273 



   274 /* Form */



   275 



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



   277     background-image:url(../images/purple/form/trigger.gif);



   278     border-bottom: 1px solid #ff7f7e;



   279 }



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



   281     background-image: url(../images/purple/form/date-trigger.gif);



   282 }



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



   284     background-image: url(../images/purple/form/clear-trigger.gif);



   285 }



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



   287     background-image: url(../images/purple/form/search-trigger.gif);



   288 }



   289 



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



   291     border: 1px solid #ff7f7e;



   292 }



   293 .x-form-select-one {



   294     border: 1px solid #ff7f7e;



   295 }



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



   297     border-bottom: 1px solid #ff7f7e;



   298 }



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



   300     border-bottom: 1px solid #ff7f7e;



   301 }



   302 .x-form fieldset {



   303     border:1px solid #ff7f7e;



   304 }



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



   306     border-bottom: 1px solid #ff5892;



   307 }



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



   309 	border: 1px solid #ff5892;



   310 }



   311 



   312 



   313 /* Tabs */



   314 



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



   316 	background: #ffdce5;



   317 	border-color:#ff7197;



   318 }



   319 



   320 



   321 .x-tab-panel-header {



   322 	border-color:#ff7197;



   323 }



   324 



   325 .x-tab-panel-footer {



   326 	border-color:#ff7197;



   327 }



   328 



   329 ul.x-tab-strip-top{



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



   331 	border-color:#ff7197;



   332 }



   333 



   334 ul.x-tab-strip-bottom{



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



   336 	border-color:#ff7197;



   337 }



   338 



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



   340 	color:#553355;



   341 }



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



   343 	color:#000000;



   344 }



   345 



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



   347 	color:#331033;



   348 }



   349 



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



   351 	color:#775577;



   352 }



   353 



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



   355 	background-image:url(../images/purple/tabs/tabs-sprite.gif);



   356 }



   357 



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



   359 	background-image:url(../images/purple/tabs/tabs-sprite.gif);



   360 }



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



   362 	background-image:url(../images/purple/tabs/tabs-sprite.gif);



   363 }



   364 



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



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



   367 }



   368 



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



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



   371 }



   372 



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



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



   375 }



   376 



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



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



   379 }



   380 



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



   382 	background-image:url(../images/purple/tabs/tab-close.gif);



   383 }



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



   385 	background-image:url(../images/purple/tabs/tab-close.gif);



   386 }



   387 



   388 .x-tab-panel-body {



   389     border-color:#ff7197;



   390     background:#eeeeee;



   391 }



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



   393     border-color: #ff7197;



   394 }



   395 



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



   397     border-color: #ff7197;



   398 }



   399 



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



   401     border-color:#ff7197;



   402     background: #ffdce5;



   403 }



   404 



   405 .x-tab-scroller-left {



   406     background-image: url(../images/purple/tabs/scroll-left.gif);



   407     border-color:#ff7197;



   408 }



   409 .x-tab-scroller-right {



   410     background-image: url(../images/purple/tabs/scroll-right.gif);



   411     border-color:#ff7197;



   412 }



   413 



   414 /* Buttons */



   415 



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



   417     background-image:url(../images/purple/button/btn-arrow.gif);



   418 }



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



   420     background-image:url(../images/purple/toolbar/btn-arrow.gif);



   421 }



   422 



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



   424     background-image:url(../images/purple/toolbar/btn-arrow.gif);



   425 }



   426 



   427 /* Window */



   428 



   429 .x-window-proxy {



   430     background:#ffd6df;



   431     border-color:#ffa7be;



   432 }



   433 



   434 .x-window-tl .x-window-header {



   435     color:#331033;



   436 }



   437 .x-window-tc {



   438 	background-image:url(../images/purple/window/top-bottom.png);



   439 }



   440 .x-window-tl {



   441 	background-image:url(../images/purple/window/left-corners.png);



   442 }



   443 .x-window-tr {



   444 	background-image:url(../images/purple/window/right-corners.png);



   445 }



   446 .x-window-bc {



   447 	background-image:url(../images/purple/window/top-bottom.png);



   448 }



   449 .x-window-bl {



   450 	background-image:url(../images/purple/window/left-corners.png);



   451 }



   452 .x-window-br {



   453 	background-image:url(../images/purple/window/right-corners.png);



   454 }



   455 .x-window-mc {



   456     border:1px solid #ff82a3;



   457     background:#ffd6df;



   458 }



   459 



   460 .x-window-ml {



   461 	background-image:url(../images/purple/window/left-right.png);



   462 }



   463 .x-window-mr {



   464 	background-image:url(../images/purple/window/left-right.png);



   465 }



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



   467     border-color:#ff82a3;



   468 }



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



   470     border-color:#ff82a3;



   471 }



   472 



   473 .x-window-plain .x-window-mc {



   474     background: #f5bdcd;



   475     border-right:1px solid #ffa7be;



   476     border-bottom:1px solid #ffa7be;



   477     border-top:1px solid #ff82a3;



   478     border-left:1px solid #ff82a3;



   479 }



   480 



   481 .x-window-plain .x-window-body {



   482     border-left:1px solid #ff82a3;



   483     border-top:1px solid #ff82a3;



   484     border-bottom:1px solid #ffa7be;



   485     border-right:1px solid #ffa7be;



   486     background:transparent !important;



   487 }



   488 



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



   490     background-color: #f5bdcd;



   491 }



   492 



   493 /* Date Picker */



   494 .x-date-picker {



   495     border: 1px solid #ff82a3;



   496     background:#ffd6df;



   497 }



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



   499 	background-image: url(../images/purple/shared/hd-sprite.gif);



   500 }



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



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



   503 }



   504 .x-date-right a {



   505     background-image: url(../images/purple/shared/right-btn.gif);



   506 }



   507 .x-date-left a{



   508 	background-image: url(../images/purple/shared/left-btn.gif);



   509 }



   510 .x-date-inner th {



   511     background-image:url(../images/purple/shared/glass-bg.gif);



   512 	border-bottom: 1px solid #ff82a3;



   513 	color:#331033;



   514 }



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



   516 	background-image:url(../images/purple/shared/glass-bg.gif);



   517 	border:1px solid #ff82a3;



   518     color:#331033;



   519 }



   520 .x-date-bottom {



   521     border-top: 1px solid #ff82a3;



   522     background-image:url(../images/purple/shared/glass-bg.gif);



   523 }



   524 .x-date-mp-btns {



   525 	background-image:url(../images/purple/shared/glass-bg.gif);



   526 }



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



   528 	background-image:url(../images/purple/shared/glass-bg.gif);



   529 	border:1px solid #ff82a3;



   530 	color: #331033;



   531 }



   532 .x-date-mp-ybtn a {



   533     background-image:url(../images/purple/panel/tool-sprites.gif);



   534 }



   535 .x-date-mp-btns button {



   536 	background-image:url(../images/purple/shared/glass-bg.gif);



   537 	border-color: #ffa7be #ff82a3 #ff82a3 #ffa7be;



   538 	color: #331033



   539 }



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



   541     color:#331033;



   542     background: #ff82a3;



   543 }



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



   545 	color:#331033;



   546 	background: #ff82a3;



   547 }



   548 



   549 /* misc */



   550 .x-html-editor-wrap {



   551     border-color:#ffd6df;



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



   562 }



   563 



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



   565     border-width:0;



   566     border-bottom:1px solid #ffd6df;



   567 }



   568 



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



   570     border-width:0;



   571     border-top:1px solid #ffd6df;



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



   601 }



   602 



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



   604     border-width:0;



   605     border-bottom:1px solid #ffd6df;



   606 }