annotate onlypaths/theme/css/xtheme-green.css @ 62:3e5dd5e3566d laserkard

[svn r63] showed nick how to use SVN
author rlm
date Thu, 01 Apr 2010 19:19:08 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.0 RC 1
rlm@46 3 * Copyright(c) 2006-2007, Ext JS, LLC.
rlm@46 4 * licensing@extjs.com
rlm@46 5 *
rlm@46 6 * http://extjs.com/license
rlm@46 7 */
rlm@46 8
rlm@46 9 .x-panel {
rlm@46 10 border-style: solid;
rlm@46 11 border-color: #91ceb9;
rlm@46 12 }
rlm@46 13 .x-panel-header {
rlm@46 14 color:#333;
rlm@46 15 border:1px solid #91ceb9;
rlm@46 16 background-image:url(../images/green/panel/white-top-bottom.gif);
rlm@46 17 }
rlm@46 18
rlm@46 19 .x-panel-body {
rlm@46 20 border-color:#91ceb9;
rlm@46 21 }
rlm@46 22
rlm@46 23 .x-panel-bbar .x-toolbar {
rlm@46 24 border-color:#91ceb9;
rlm@46 25 }
rlm@46 26
rlm@46 27 .x-panel-tbar .x-toolbar {
rlm@46 28 border-color:#91ceb9;
rlm@46 29 }
rlm@46 30
rlm@46 31 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
rlm@46 32 border-color:#91ceb9;
rlm@46 33 }
rlm@46 34 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
rlm@46 35 border-color:#91ceb9;
rlm@46 36 }
rlm@46 37 .x-panel-tl .x-panel-header {
rlm@46 38 color:#333;
rlm@46 39 }
rlm@46 40 .x-panel-tc {
rlm@46 41 background-image:url(../images/green/panel/top-bottom.gif);
rlm@46 42 }
rlm@46 43 .x-panel-tl {
rlm@46 44 background-image:url(../images/green/panel/corners-sprite.gif);
rlm@46 45 border-color:#91ceb9;
rlm@46 46 }
rlm@46 47 .x-panel-tr {
rlm@46 48 background-image:url(../images/green/panel/corners-sprite.gif);
rlm@46 49 }
rlm@46 50 .x-panel-bc {
rlm@46 51 background-image:url(../images/green/panel/top-bottom.gif);
rlm@46 52 }
rlm@46 53 .x-panel-bl {
rlm@46 54 background-image:url(../images/green/panel/corners-sprite.gif);
rlm@46 55 }
rlm@46 56 .x-panel-br {
rlm@46 57 background-image:url(../images/green/panel/corners-sprite.gif);
rlm@46 58 }
rlm@46 59 .x-panel-mc {
rlm@46 60 background:#d8efe7;
rlm@46 61 }
rlm@46 62 .x-panel-mc .x-panel-body {
rlm@46 63 background:transparent;
rlm@46 64 border: 0 none;
rlm@46 65 }
rlm@46 66 .x-panel-ml {
rlm@46 67 background-image:url(../images/green/panel/left-right.gif);
rlm@46 68 }
rlm@46 69 .x-panel-mr {
rlm@46 70 background-image:url(../images/green/panel/left-right.gif);
rlm@46 71 }
rlm@46 72
rlm@46 73 /* Tools */
rlm@46 74 .x-tool {
rlm@46 75 background-image:url(../images/green/panel/tool-sprites.gif);
rlm@46 76 }
rlm@46 77
rlm@46 78 /* Ghosting */
rlm@46 79 .x-panel-ghost {
rlm@46 80 background:#b2dece;
rlm@46 81 }
rlm@46 82
rlm@46 83 .x-panel-ghost ul {
rlm@46 84 border-color:#55ae8f;
rlm@46 85 }
rlm@46 86
rlm@46 87 .x-grid-panel .x-panel-mc .x-panel-body {
rlm@46 88 border:1px solid #91ceb9;
rlm@46 89 }
rlm@46 90
rlm@46 91 /* Buttons */
rlm@46 92
rlm@46 93 .x-btn-left{
rlm@46 94 background-image:url(../images/green/button/btn-sprite.gif);
rlm@46 95 }
rlm@46 96 .x-btn-right{
rlm@46 97 background-image:url(../images/green/button/btn-sprite.gif);
rlm@46 98 }
rlm@46 99 .x-btn-center{
rlm@46 100 background-image:url(../images/green/button/btn-sprite.gif);
rlm@46 101 }
rlm@46 102
rlm@46 103 /* Layout classes */
rlm@46 104
rlm@46 105 .x-border-layout-ct {
rlm@46 106 background:#d5eee5;
rlm@46 107 }
rlm@46 108
rlm@46 109 .x-accordion-hd {
rlm@46 110 background-image:url(../images/green/panel/light-hd.gif);
rlm@46 111 }
rlm@46 112
rlm@46 113 .x-layout-collapsed{
rlm@46 114 background-color:#d0ebe2;
rlm@46 115 border-color:#b2dece;
rlm@46 116 }
rlm@46 117 .x-layout-collapsed-over{
rlm@46 118 background-color:#f0f9f6;
rlm@46 119 }
rlm@46 120
rlm@46 121
rlm@46 122 /* qtips */
rlm@46 123 .x-tip .x-tip-top {
rlm@46 124 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 125 }
rlm@46 126 .x-tip .x-tip-top-left {
rlm@46 127 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 128 }
rlm@46 129 .x-tip .x-tip-top-right {
rlm@46 130 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 131 }
rlm@46 132 .x-tip .x-tip-ft {
rlm@46 133 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 134 }
rlm@46 135 .x-tip .x-tip-ft-left {
rlm@46 136 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 137 }
rlm@46 138 .x-tip .x-tip-ft-right {
rlm@46 139 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 140 }
rlm@46 141 .x-tip .x-tip-bd-left {
rlm@46 142 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 143 }
rlm@46 144 .x-tip .x-tip-bd-right {
rlm@46 145 background-image:url(../images/green/qtip/tip-sprite.gif);
rlm@46 146 }
rlm@46 147
rlm@46 148 /* Toolbars */
rlm@46 149
rlm@46 150 .x-toolbar{
rlm@46 151 border-color:#91ceb9;
rlm@46 152 background:#ddf1ea url(../images/green/toolbar/bg.gif) repeat-x top left;
rlm@46 153 }
rlm@46 154 .x-toolbar button {
rlm@46 155 color:#444;
rlm@46 156 }
rlm@46 157 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46 158 background-image:url(../images/green/toolbar/btn-arrow.gif);
rlm@46 159 }
rlm@46 160 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46 161 background-image:url(../images/green/toolbar/btn-arrow.gif);
rlm@46 162 }
rlm@46 163 .x-toolbar .x-btn-over .x-btn-left{
rlm@46 164 background-image:url(../images/green/toolbar/tb-btn-sprite.gif);
rlm@46 165 }
rlm@46 166 .x-toolbar .x-btn-over .x-btn-right{
rlm@46 167 background-image:url(../images/green/toolbar/tb-btn-sprite.gif);
rlm@46 168 }
rlm@46 169 .x-toolbar .x-btn-over .x-btn-center{
rlm@46 170 background-image:url(../images/green/toolbar/tb-btn-sprite.gif);
rlm@46 171 }
rlm@46 172 .x-toolbar .x-btn-over button {
rlm@46 173 color:#111;
rlm@46 174 }
rlm@46 175 .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{
rlm@46 176 background-image:url(../images/green/toolbar/tb-btn-sprite.gif);
rlm@46 177 }
rlm@46 178 .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{
rlm@46 179 background-image:url(../images/green/toolbar/tb-btn-sprite.gif);
rlm@46 180 }
rlm@46 181
rlm@46 182 .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{
rlm@46 183 background-image:url(../images/green/toolbar/tb-btn-sprite.gif);
rlm@46 184 }
rlm@46 185 .x-toolbar .ytb-sep {
rlm@46 186 background-image: url(../images/default/grid/grid-split.gif);
rlm@46 187 }
rlm@46 188
rlm@46 189 /* Tabs */
rlm@46 190
rlm@46 191 .x-tab-panel-header, .x-tab-panel-footer {
rlm@46 192 background: #77bcb9;
rlm@46 193 border-color:#91ceb9;
rlm@46 194 }
rlm@46 195
rlm@46 196
rlm@46 197 .x-tab-panel-header {
rlm@46 198 border-color:#91ceb9;
rlm@46 199 }
rlm@46 200
rlm@46 201 .x-tab-panel-footer {
rlm@46 202 border-color:#91ceb9;
rlm@46 203 }
rlm@46 204
rlm@46 205 ul.x-tab-strip-top{
rlm@46 206 background:#037162 url(../images/green/tabs/tab-strip-bg.gif) repeat-x left top;
rlm@46 207 border-color:#91ceb9;
rlm@46 208 padding-top: 2px;
rlm@46 209 }
rlm@46 210
rlm@46 211 ul.x-tab-strip-bottom{
rlm@46 212 background-image:url(../images/green/tabs/tab-strip-btm-bg.gif);
rlm@46 213 border-color:#91ceb9;
rlm@46 214 }
rlm@46 215
rlm@46 216 .x-tab-strip span.x-tab-strip-text {
rlm@46 217 color:#333;
rlm@46 218 }
rlm@46 219 .x-tab-strip-over span.x-tab-strip-text {
rlm@46 220 color:#111;
rlm@46 221 }
rlm@46 222
rlm@46 223 .x-tab-strip-active span.x-tab-strip-text {
rlm@46 224 color:#333;
rlm@46 225 }
rlm@46 226
rlm@46 227 .x-tab-strip-disabled .x-tabs-text {
rlm@46 228 color:#a6d8c7;
rlm@46 229 }
rlm@46 230
rlm@46 231 .x-tab-strip-top .x-tab-right {
rlm@46 232 background-image:url(../images/green/tabs/tabs-sprite.gif);
rlm@46 233 }
rlm@46 234
rlm@46 235 .x-tab-strip-top .x-tab-left {
rlm@46 236 background-image:url(../images/green/tabs/tabs-sprite.gif);
rlm@46 237 }
rlm@46 238 .x-tab-strip-top .x-tab-strip-inner {
rlm@46 239 background-image:url(../images/green/tabs/tabs-sprite.gif);
rlm@46 240 }
rlm@46 241
rlm@46 242 .x-tab-strip-bottom .x-tab-right {
rlm@46 243 background-image:url(../images/green/tabs/tab-btm-inactive-right-bg.gif);
rlm@46 244 }
rlm@46 245
rlm@46 246 .x-tab-strip-bottom .x-tab-left {
rlm@46 247 background-image:url(../images/green/tabs/tab-btm-inactive-left-bg.gif);
rlm@46 248 }
rlm@46 249
rlm@46 250 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
rlm@46 251 background-image:url(../images/green/tabs/tab-btm-right-bg.gif);
rlm@46 252 }
rlm@46 253
rlm@46 254 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
rlm@46 255 background-image:url(../images/green/tabs/tab-btm-left-bg.gif);
rlm@46 256 }
rlm@46 257
rlm@46 258 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
rlm@46 259 background-image:url(../images/green/tabs/tab-close.gif);
rlm@46 260 }
rlm@46 261 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
rlm@46 262 background-image:url(../images/green/tabs/tab-close.gif);
rlm@46 263 }
rlm@46 264
rlm@46 265 .x-tab-panel-body {
rlm@46 266 border-color:#91ceb9;
rlm@46 267 background:#fff;
rlm@46 268 }
rlm@46 269 .x-tab-panel-bbar .x-toolbar {
rlm@46 270 border-color: #91ceb9;
rlm@46 271 }
rlm@46 272
rlm@46 273 .x-tab-panel-tbar .x-toolbar {
rlm@46 274 border-color: #91ceb9;
rlm@46 275 }
rlm@46 276
rlm@46 277 .x-tab-panel-header-plain .x-tab-strip-spacer {
rlm@46 278 border-color:#91ceb9;
rlm@46 279 background: #77bcb9;
rlm@46 280 }
rlm@46 281
rlm@46 282 .x-tab-scroller-left {
rlm@46 283 background-image: url(../images/green/tabs/scroll-left.gif);
rlm@46 284 border-color:#4aaea2;
rlm@46 285 }
rlm@46 286 .x-tab-scroller-right {
rlm@46 287 background-image: url(../images/green/tabs/scroll-right.gif);
rlm@46 288 border-color:#4aaea2;
rlm@46 289 }
rlm@46 290
rlm@46 291 /* Window */
rlm@46 292
rlm@46 293 .x-window-proxy {
rlm@46 294 background:#b2dece;
rlm@46 295 border-color:#55ae8f;
rlm@46 296 }
rlm@46 297
rlm@46 298 .x-window-tl .x-window-header {
rlm@46 299 color:#555;
rlm@46 300 }
rlm@46 301 .x-window-tc {
rlm@46 302 background-image:url(../images/green/window/top-bottom.png);
rlm@46 303 }
rlm@46 304 .x-window-tl {
rlm@46 305 background-image:url(../images/green/window/left-corners.png);
rlm@46 306 }
rlm@46 307 .x-window-tr {
rlm@46 308 background-image:url(../images/green/window/right-corners.png);
rlm@46 309 }
rlm@46 310 .x-window-bc {
rlm@46 311 background-image:url(../images/green/window/top-bottom.png);
rlm@46 312 }
rlm@46 313 .x-window-bl {
rlm@46 314 background-image:url(../images/green/window/left-corners.png);
rlm@46 315 }
rlm@46 316 .x-window-br {
rlm@46 317 background-image:url(../images/green/window/right-corners.png);
rlm@46 318 }
rlm@46 319 .x-window-mc {
rlm@46 320 border:1px solid #91ceb9;
rlm@46 321 background:#91cec6;
rlm@46 322 }
rlm@46 323
rlm@46 324 .x-window-ml {
rlm@46 325 background-image:url(../images/green/window/left-right.png);
rlm@46 326 }
rlm@46 327 .x-window-mr {
rlm@46 328 background-image:url(../images/green/window/left-right.png);
rlm@46 329 }
rlm@46 330 .x-panel-ghost .x-window-tl {
rlm@46 331 border-color:#91ceb9;
rlm@46 332 }
rlm@46 333 .x-panel-collapsed .x-window-tl {
rlm@46 334 border-color:#91ceb9;
rlm@46 335 }
rlm@46 336
rlm@46 337 .x-window-plain .x-window-mc {
rlm@46 338 background: #91cec6;
rlm@46 339 border-right:1px solid #d0ebe2;
rlm@46 340 border-bottom:1px solid #d0ebe2;
rlm@46 341 border-top:1px solid #91ceb9;
rlm@46 342 border-left:1px solid #91ceb9;
rlm@46 343 }
rlm@46 344
rlm@46 345 .x-window-plain .x-window-body {
rlm@46 346 border-left:1px solid #d0ebe2;
rlm@46 347 border-top:1px solid #d0ebe2;
rlm@46 348 border-bottom:1px solid #91ceb9;
rlm@46 349 border-right:1px solid #91ceb9;
rlm@46 350 background:transparent !important;
rlm@46 351 }
rlm@46 352
rlm@46 353 body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
rlm@46 354 background-color: #bce2d5;
rlm@46 355 }
rlm@46 356
rlm@46 357
rlm@46 358 /* misc */
rlm@46 359 .x-html-editor-wrap {
rlm@46 360 border-color:#91ceb9;
rlm@46 361 }
rlm@46 362
rlm@46 363 /* Borders go last for specificity */
rlm@46 364 .x-panel-noborder .x-panel-body-noborder {
rlm@46 365 border-width:0;
rlm@46 366 }
rlm@46 367
rlm@46 368 .x-panel-noborder .x-panel-header-noborder {
rlm@46 369 border-width:0;
rlm@46 370 border-bottom:1px solid #91ceb9;
rlm@46 371 }
rlm@46 372
rlm@46 373 .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
rlm@46 374 border-width:0;
rlm@46 375 border-bottom:1px solid #91ceb9;
rlm@46 376 }
rlm@46 377
rlm@46 378 .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
rlm@46 379 border-width:0;
rlm@46 380 border-top:1px solid #91ceb9;
rlm@46 381 }
rlm@46 382
rlm@46 383 .x-window-noborder .x-window-mc {
rlm@46 384 border-width:0;
rlm@46 385 }
rlm@46 386 .x-window-plain .x-window-body-noborder {
rlm@46 387 border-width:0;
rlm@46 388 }
rlm@46 389
rlm@46 390 .x-tab-panel-noborder .x-tab-panel-body-noborder {
rlm@46 391 border-width:0;
rlm@46 392 }
rlm@46 393
rlm@46 394 .x-tab-panel-noborder .x-tab-panel-header-noborder {
rlm@46 395 border-top-width:0;
rlm@46 396 border-left-width:0;
rlm@46 397 border-right-width:0;
rlm@46 398 }
rlm@46 399
rlm@46 400 .x-tab-panel-noborder .x-tab-panel-footer-noborder {
rlm@46 401 border-bottom-width:0;
rlm@46 402 border-left-width:0;
rlm@46 403 border-right-width:0;
rlm@46 404 }
rlm@46 405
rlm@46 406
rlm@46 407 .x-tab-panel-bbar-noborder .x-toolbar {
rlm@46 408 border-width:0;
rlm@46 409 border-top:1px solid #91ceb9;
rlm@46 410 }
rlm@46 411
rlm@46 412 .x-tab-panel-tbar-noborder .x-toolbar {
rlm@46 413 border-width:0;
rlm@46 414 border-bottom:1px solid #91ceb9;
rlm@46 415 }