1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/onlypaths/theme/css/box.css	Sun Jan 31 12:33:33 2010 -0500
     1.3 @@ -0,0 +1,111 @@
     1.4 +/*
     1.5 + * Ext JS Library 2.1
     1.6 + * Copyright(c) 2006-2008, Ext JS, LLC.
     1.7 + * licensing@extjs.com
     1.8 + * 
     1.9 + * http://extjs.com/license
    1.10 + */
    1.11 +
    1.12 +/*
    1.13 + Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
    1.14 +  <div class="x-box-blue">
    1.15 +        <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
    1.16 +        <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
    1.17 +            <h3>YOUR TITLE HERE (optional)</h3>
    1.18 +            <div>YOUR CONTENT HERE</div>
    1.19 +        </div></div></div>
    1.20 +        <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
    1.21 +    </div>
    1.22 + */
    1.23 +
    1.24 +.x-box-tl {
    1.25 +	background: transparent url(../images/default/box/corners.gif) no-repeat 0 0;
    1.26 +    zoom:1;
    1.27 +}
    1.28 +
    1.29 +.x-box-tc {
    1.30 +	height: 8px;
    1.31 +	background: transparent url(../images/default/box/tb.gif) repeat-x 0 0;
    1.32 +	overflow: hidden;
    1.33 +}
    1.34 +
    1.35 +.x-box-tr {
    1.36 +	background: transparent url(../images/default/box/corners.gif) no-repeat right -8px;
    1.37 +}
    1.38 +
    1.39 +.x-box-ml {
    1.40 +	background: transparent url(../images/default/box/l.gif) repeat-y 0;
    1.41 +	padding-left: 4px;
    1.42 +	overflow: hidden;
    1.43 +    zoom:1;
    1.44 +}
    1.45 +
    1.46 +.x-box-mc {
    1.47 +	background: #eee url(../images/default/box/tb.gif) repeat-x 0 -16px;
    1.48 +	padding: 4px 10px;
    1.49 +	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
    1.50 +	color: #393939;
    1.51 +	font-size: 12px;
    1.52 +}
    1.53 +
    1.54 +.x-box-mc h3 {
    1.55 +	font-size: 14px;
    1.56 +	font-weight: bold;
    1.57 +	margin: 0 0 4px 0;
    1.58 +    zoom:1;
    1.59 +}
    1.60 +
    1.61 +.x-box-mr {
    1.62 +	background: transparent url(../images/default/box/r.gif) repeat-y right;
    1.63 +	padding-right: 4px;
    1.64 +	overflow: hidden;
    1.65 +}
    1.66 +
    1.67 +.x-box-bl {
    1.68 +	background: transparent url(../images/default/box/corners.gif) no-repeat 0 -16px;
    1.69 +    zoom:1;
    1.70 +}
    1.71 +
    1.72 +.x-box-bc {
    1.73 +	background: transparent url(../images/default/box/tb.gif) repeat-x 0 -8px;
    1.74 +	height: 8px;
    1.75 +	overflow: hidden;
    1.76 +}
    1.77 +
    1.78 +.x-box-br {
    1.79 +	background: transparent url(../images/default/box/corners.gif) no-repeat right -24px;
    1.80 +}
    1.81 +
    1.82 +.x-box-tl, .x-box-bl {
    1.83 +	padding-left: 8px;
    1.84 +	overflow: hidden;
    1.85 +}
    1.86 +
    1.87 +.x-box-tr, .x-box-br {
    1.88 +	padding-right: 8px;
    1.89 +	overflow: hidden;
    1.90 +}
    1.91 +
    1.92 +.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
    1.93 +	background-image: url(../images/default/box/corners-blue.gif);
    1.94 +}
    1.95 +
    1.96 +.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
    1.97 +	background-image: url(../images/default/box/tb-blue.gif);
    1.98 +}
    1.99 +
   1.100 +.x-box-blue .x-box-mc {
   1.101 +	background-color: #c3daf9;
   1.102 +}
   1.103 +
   1.104 +.x-box-blue .x-box-mc h3 {
   1.105 +	color: #17385b;
   1.106 +}
   1.107 +
   1.108 +.x-box-blue .x-box-ml {
   1.109 +	background-image: url(../images/default/box/l-blue.gif);
   1.110 +}
   1.111 +
   1.112 +.x-box-blue .x-box-mr {
   1.113 +	background-image: url(../images/default/box/r-blue.gif);
   1.114 +}
   1.115 \ No newline at end of file