web/css/ColoredBoxesRoundedCorners.css

   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.
   7
   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;}
  13
  14
  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;}
  19 .xb3 {margin: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;}
  24
  25 /* ================Default Color Scheme================= */
  26 .xb2, .xb3, .xb4 {
  27   background:#eac; border-left-color:#fff; border-right-color:#fff;} .xb1 {background:#fff;}
  28   /*           :                       :                        :                       : */
  29   /*           :..background.          :............border......:......border...........: */
  30   /*                        :                  :                                          */
  31 .xboxcontent { background:#eac; border-color:#fff;}
  32 .xboxcontent h2, .xboxcontent h3, .xboxcontent h4, .xboxcontent p {color:#111;}
  33
  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;}
  37   /*           :                       :                        :                            : */
  38   /*           :..background......     :........border..........:......border................: */
  39   /*                             :                  :                                          */
  40 .cs1 .xboxcontent { background:#906; border-color:#fff;}
  41 .cs1 .xboxcontent h2, .cs1 .xboxcontent h3, .cs1 .xboxcontent h4, .cs1 .xboxcontent p {color:#000;}
  42
  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;}
  46   /*           :                       :                        :                            : */
  47   /*           :..background......     :........border..........:......border................: */
  48   /*                             :                  :                                          */
  49 .cs2 .xboxcontent { background:#eef; border-color:#ddd;}
  50 .cs2 .xboxcontent h2, .cs2 .xboxcontent h3, .cs2 .xboxcontent h4, .cs2 .xboxcontent p {color:#222;}
  51
  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;}
  55   /*           :                                                 :                        :                            : */
  56   /*           :..background......                               :........border..........:......border................: */
  57   /*                             :                                            :                                          */
  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;}
  60
  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;}
  64   /*           :                                                  :                        :                            : */
  65   /*           :..background......                                :........border..........:......border................: */
  66   /*                             :                                             :                                          */
  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;}
  69
  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;}
  73   /*           :                                                 :                        :                            : */
  74   /*           :..background......                               :........border..........:......border................: */
  75   /*                             :                                            :                                          */
  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;}
  78
  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;}
  82   /*           :                       :                        :                            : */
  83   /*           :..background......     :........border..........:......border................: */
  84   /*                             :                  :                                          */
  85 .cs6 .xboxcontent { background:#fff; border-color:#aac;}
  86 .cs6 .xboxcontent h2, .cs6 .xboxcontent h3, .cs6 .xboxcontent h4, .cs6 .xboxcontent p {color:#222;}