Mercurial > laserkard

view onlypaths/theme/css/box.css @ 46:26c2b3ad21c7 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author rlm
date Sun, 31 Jan 2010 12:33:33 -0500
parents
children
line wrap: on
line source
     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 }