1 /*******************************************************************************
2 Color Boxes with Round Corners. This is pretty much straight from Stu
3 Nicholls' Snazzy Borders (see
4 http://www.stunicholls.myby.co.uk/boxes/snazzy.html). Things look a
5 little different only because the code's been reformatted and some
6 color schemes have been predefined.
8 - Paul Pomeroy (July, 2005)
9 *******************************************************************************/
10 .rcbox h1, .rcbox h2, .rcbox p {margin:-10px; letter-spacing:0.5px; border:0;}
11 .rcbox {background: transparent; padding:3px 6px;}
12 .rcbox div {padding:4px 4px;}
15 .xboxcontent {display:block; background:#eee; border:0 solid #fff; border-width:0 1px;}
16 .xb2, .xb3, .xb4 {border-left:1px solid #fff; border-right:1px solid #fff;}
17 .xb1 {margin:0 5px; background:#fff;}
18 .xb2 {margin:0 3px; border-width:0 2px;}
20 .xb4 {height:2px; margin:0 1px;}
21 .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
22 .xb1, .xb2, .xb3 {height:1px;}
23 .xtop, .xbottom {display:block; background:transparent; font-size:1px;}
25 /* ================Default Color Scheme================= */
27 background:#eac; border-left-color:#fff; border-right-color:#fff;} .xb1 {background:#fff;}
29 /* :..background. :............border......:......border...........: */
31 .xboxcontent { background:#eac; border-color:#fff;}
32 .xboxcontent h2, .xboxcontent h3, .xboxcontent h4, .xboxcontent p {color:#111;}
34 /* =================Color Scheme 1===================== */
35 .cs1 .xb2, .cs1 .xb3, .cs1 .xb4 {
36 background:#906; border-left-color:#fff; border-right-color:#fff;} .cs1 .xb1 {background:#fff;}
38 /* :..background...... :........border..........:......border................: */
40 .cs1 .xboxcontent { background:#906; border-color:#fff;}
41 .cs1 .xboxcontent h2, .cs1 .xboxcontent h3, .cs1 .xboxcontent h4, .cs1 .xboxcontent p {color:#000;}
43 /* =================Color Scheme 2===================== */
44 .cs2 .xb2, .cs2 .xb3, .cs2 .xb4 {
45 background:#eef; border-left-color:#ddd; border-right-color:#ddd;} .cs2 .xb1 {background:#ddd;}
47 /* :..background...... :........border..........:......border................: */
49 .cs2 .xboxcontent { background:#eef; border-color:#ddd;}
50 .cs2 .xboxcontent h2, .cs2 .xboxcontent h3, .cs2 .xboxcontent h4, .cs2 .xboxcontent p {color:#222;}
52 /* ==IMG============Color Scheme 3================IMG== */
53 .cs3 .xb2, .cs3 .xb3, .cs3 .xb4 {
54 background:#fff url(/Images/Clouds.jpg); border-left-color:#eef; border-right-color:#eef;} .cs3 .xb1 {background:#eef;}
56 /* :..background...... :........border..........:......border................: */
58 .cs3 .xboxcontent { background:#fff url(/Images/Clouds.jpg); border-color:#eef;}
59 .cs3 .xboxcontent h2, .cs3 .xboxcontent h3, .cs3 .xboxcontent h4, .cs3 .xboxcontent p {color:#113;}
61 /* ==IMG============Color Scheme 4================IMG== */
62 .cs4 .xb2, .cs4 .xb3, .cs4 .xb4 {
63 background:#fff url(/Images/tbg-bl-mg.jpg); border-left-color:#eef; border-right-color:#eef;} .cs4 .xb1 {background:#eef;}
65 /* :..background...... :........border..........:......border................: */
67 .cs4 .xboxcontent { background:#fff url(/Images/tbg-bl-mg.jpg); border-color:#eef;}
68 .cs4 .xboxcontent h2, .cs4 .xboxcontent h3, .cs4 .xboxcontent h4, .cs4 .xboxcontent p {color:#113;}
70 /* ==IMG============Color Scheme 5================IMG== */
71 .cs5 .xb2, .cs5 .xb3, .cs5 .xb4 {
72 background:#fff url(/Images/tbg-mg-bl.jpg); border-left-color:#b9f; border-right-color:#b9f;} .cs5 .xb1 {background:#b9f;}
74 /* :..background...... :........border..........:......border................: */
76 .cs5 .xboxcontent { background:#fff url(/Images/tbg-mg-bl.jpg); border-color:#b9f;}
77 .cs5 .xboxcontent h2, .cs5 .xboxcontent h3, .cs5 .xboxcontent h4, .cs5 .xboxcontent p {color:#111;}
79 /* =================Color Scheme 6===================== */
80 .cs6 .xb2, .cs6 .xb3, .cs6 .xb4 {
81 background:#fff; border-left-color:#aac; border-right-color:#aac;} .cs6 .xb1 {background:#aac;}
83 /* :..background...... :........border..........:......border................: */
85 .cs6 .xboxcontent { background:#fff; border-color:#aac;}
86 .cs6 .xboxcontent h2, .cs6 .xboxcontent h3, .cs6 .xboxcontent h4, .cs6 .xboxcontent p {color:#222;}