Mercurial > laserkard
view onlypaths/theme/css/box.css @ 65:fd2fc585acbc laserkard
[svn r66] Change in about.css to allow for a no-border look
author | hong |
---|---|
date | Sun, 04 Apr 2010 22:44:10 -0400 |
parents | 26c2b3ad21c7 |
children |
line wrap: on
line source
1 /*2 * Ext JS Library 2.13 * Copyright(c) 2006-2008, Ext JS, LLC.4 * licensing@extjs.com5 *6 * http://extjs.com/license7 */9 /*10 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:11 <div class="x-box-blue">12 <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>13 <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">14 <h3>YOUR TITLE HERE (optional)</h3>15 <div>YOUR CONTENT HERE</div>16 </div></div></div>17 <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>18 </div>19 */21 .x-box-tl {22 background: transparent url(../images/default/box/corners.gif) no-repeat 0 0;23 zoom:1;24 }26 .x-box-tc {27 height: 8px;28 background: transparent url(../images/default/box/tb.gif) repeat-x 0 0;29 overflow: hidden;30 }32 .x-box-tr {33 background: transparent url(../images/default/box/corners.gif) no-repeat right -8px;34 }36 .x-box-ml {37 background: transparent url(../images/default/box/l.gif) repeat-y 0;38 padding-left: 4px;39 overflow: hidden;40 zoom:1;41 }43 .x-box-mc {44 background: #eee url(../images/default/box/tb.gif) repeat-x 0 -16px;45 padding: 4px 10px;46 font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;47 color: #393939;48 font-size: 12px;49 }51 .x-box-mc h3 {52 font-size: 14px;53 font-weight: bold;54 margin: 0 0 4px 0;55 zoom:1;56 }58 .x-box-mr {59 background: transparent url(../images/default/box/r.gif) repeat-y right;60 padding-right: 4px;61 overflow: hidden;62 }64 .x-box-bl {65 background: transparent url(../images/default/box/corners.gif) no-repeat 0 -16px;66 zoom:1;67 }69 .x-box-bc {70 background: transparent url(../images/default/box/tb.gif) repeat-x 0 -8px;71 height: 8px;72 overflow: hidden;73 }75 .x-box-br {76 background: transparent url(../images/default/box/corners.gif) no-repeat right -24px;77 }79 .x-box-tl, .x-box-bl {80 padding-left: 8px;81 overflow: hidden;82 }84 .x-box-tr, .x-box-br {85 padding-right: 8px;86 overflow: hidden;87 }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 {90 background-image: url(../images/default/box/corners-blue.gif);91 }93 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {94 background-image: url(../images/default/box/tb-blue.gif);95 }97 .x-box-blue .x-box-mc {98 background-color: #c3daf9;99 }101 .x-box-blue .x-box-mc h3 {102 color: #17385b;103 }105 .x-box-blue .x-box-ml {106 background-image: url(../images/default/box/l-blue.gif);107 }109 .x-box-blue .x-box-mr {110 background-image: url(../images/default/box/r-blue.gif);111 }