Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.1

     3  * Copyright(c) 2006-2008, Ext JS, LLC.

     4  * licensing@extjs.com

     5  * 

     6  * http://extjs.com/license

     7  */

     8 

     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  */

    20 

    21 .x-box-tl {

    22 	background: transparent url(../images/default/box/corners.gif) no-repeat 0 0;

    23     zoom:1;

    24 }

    25 

    26 .x-box-tc {

    27 	height: 8px;

    28 	background: transparent url(../images/default/box/tb.gif) repeat-x 0 0;

    29 	overflow: hidden;

    30 }

    31 

    32 .x-box-tr {

    33 	background: transparent url(../images/default/box/corners.gif) no-repeat right -8px;

    34 }

    35 

    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 }

    42 

    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 }

    50 

    51 .x-box-mc h3 {

    52 	font-size: 14px;

    53 	font-weight: bold;

    54 	margin: 0 0 4px 0;

    55     zoom:1;

    56 }

    57 

    58 .x-box-mr {

    59 	background: transparent url(../images/default/box/r.gif) repeat-y right;

    60 	padding-right: 4px;

    61 	overflow: hidden;

    62 }

    63 

    64 .x-box-bl {

    65 	background: transparent url(../images/default/box/corners.gif) no-repeat 0 -16px;

    66     zoom:1;

    67 }

    68 

    69 .x-box-bc {

    70 	background: transparent url(../images/default/box/tb.gif) repeat-x 0 -8px;

    71 	height: 8px;

    72 	overflow: hidden;

    73 }

    74 

    75 .x-box-br {

    76 	background: transparent url(../images/default/box/corners.gif) no-repeat right -24px;

    77 }

    78 

    79 .x-box-tl, .x-box-bl {

    80 	padding-left: 8px;

    81 	overflow: hidden;

    82 }

    83 

    84 .x-box-tr, .x-box-br {

    85 	padding-right: 8px;

    86 	overflow: hidden;

    87 }

    88 

    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 }

    92 

    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 }

    96 

    97 .x-box-blue .x-box-mc {

    98 	background-color: #c3daf9;

    99 }

   100 

   101 .x-box-blue .x-box-mc h3 {

   102 	color: #17385b;

   103 }

   104 

   105 .x-box-blue .x-box-ml {

   106 	background-image: url(../images/default/box/l-blue.gif);

   107 }

   108 

   109 .x-box-blue .x-box-mr {

   110 	background-image: url(../images/default/box/r-blue.gif);

   111 }
author	rlm
date	Fri, 19 Mar 2010 07:27:37 -0400
parents	26c2b3ad21c7
children