Mercurial > laserkard

annotate onlypaths/theme/css/box.css @ 74:24d5d4221b42 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
session with nick, updated the about page
author r@rlm
date Fri, 25 Jun 2010 19:59:31 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.1
rlm@46 3 * Copyright(c) 2006-2008, 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 /*
rlm@46 10 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
rlm@46 11 <div class="x-box-blue">
rlm@46 12 <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
rlm@46 13 <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
rlm@46 14 <h3>YOUR TITLE HERE (optional)</h3>
rlm@46 15 <div>YOUR CONTENT HERE</div>
rlm@46 16 </div></div></div>
rlm@46 17 <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
rlm@46 18 </div>
rlm@46 19 */
rlm@46 20
rlm@46 21 .x-box-tl {
rlm@46 22 background: transparent url(../images/default/box/corners.gif) no-repeat 0 0;
rlm@46 23 zoom:1;
rlm@46 24 }
rlm@46 25
rlm@46 26 .x-box-tc {
rlm@46 27 height: 8px;
rlm@46 28 background: transparent url(../images/default/box/tb.gif) repeat-x 0 0;
rlm@46 29 overflow: hidden;
rlm@46 30 }
rlm@46 31
rlm@46 32 .x-box-tr {
rlm@46 33 background: transparent url(../images/default/box/corners.gif) no-repeat right -8px;
rlm@46 34 }
rlm@46 35
rlm@46 36 .x-box-ml {
rlm@46 37 background: transparent url(../images/default/box/l.gif) repeat-y 0;
rlm@46 38 padding-left: 4px;
rlm@46 39 overflow: hidden;
rlm@46 40 zoom:1;
rlm@46 41 }
rlm@46 42
rlm@46 43 .x-box-mc {
rlm@46 44 background: #eee url(../images/default/box/tb.gif) repeat-x 0 -16px;
rlm@46 45 padding: 4px 10px;
rlm@46 46 font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
rlm@46 47 color: #393939;
rlm@46 48 font-size: 12px;
rlm@46 49 }
rlm@46 50
rlm@46 51 .x-box-mc h3 {
rlm@46 52 font-size: 14px;
rlm@46 53 font-weight: bold;
rlm@46 54 margin: 0 0 4px 0;
rlm@46 55 zoom:1;
rlm@46 56 }
rlm@46 57
rlm@46 58 .x-box-mr {
rlm@46 59 background: transparent url(../images/default/box/r.gif) repeat-y right;
rlm@46 60 padding-right: 4px;
rlm@46 61 overflow: hidden;
rlm@46 62 }
rlm@46 63
rlm@46 64 .x-box-bl {
rlm@46 65 background: transparent url(../images/default/box/corners.gif) no-repeat 0 -16px;
rlm@46 66 zoom:1;
rlm@46 67 }
rlm@46 68
rlm@46 69 .x-box-bc {
rlm@46 70 background: transparent url(../images/default/box/tb.gif) repeat-x 0 -8px;
rlm@46 71 height: 8px;
rlm@46 72 overflow: hidden;
rlm@46 73 }
rlm@46 74
rlm@46 75 .x-box-br {
rlm@46 76 background: transparent url(../images/default/box/corners.gif) no-repeat right -24px;
rlm@46 77 }
rlm@46 78
rlm@46 79 .x-box-tl, .x-box-bl {
rlm@46 80 padding-left: 8px;
rlm@46 81 overflow: hidden;
rlm@46 82 }
rlm@46 83
rlm@46 84 .x-box-tr, .x-box-br {
rlm@46 85 padding-right: 8px;
rlm@46 86 overflow: hidden;
rlm@46 87 }
rlm@46 88
rlm@46 89 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
rlm@46 90 background-image: url(../images/default/box/corners-blue.gif);
rlm@46 91 }
rlm@46 92
rlm@46 93 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
rlm@46 94 background-image: url(../images/default/box/tb-blue.gif);
rlm@46 95 }
rlm@46 96
rlm@46 97 .x-box-blue .x-box-mc {
rlm@46 98 background-color: #c3daf9;
rlm@46 99 }
rlm@46 100
rlm@46 101 .x-box-blue .x-box-mc h3 {
rlm@46 102 color: #17385b;
rlm@46 103 }
rlm@46 104
rlm@46 105 .x-box-blue .x-box-ml {
rlm@46 106 background-image: url(../images/default/box/l-blue.gif);
rlm@46 107 }
rlm@46 108
rlm@46 109 .x-box-blue .x-box-mr {
rlm@46 110 background-image: url(../images/default/box/r-blue.gif);
rlm@46 111 }