infobox.css

   1 #infoBoxTitle {
   2         border-width : 0px 0px 1px 0px;
   3         border-style : solid;
   4         border-color : #659a4c;
   5         background-color : #99d67a;
   6         padding : 4px 2px 4px 10px;
   7         color : white;
   8         font-weight : bold;
   9         font-size : 16px;
  10         text-shadow : #659a4c 0px 1px 0px;
  11 }
  12
  13 /* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
  14
  15 #infoBox {
  16         border-width : 1px 1px 1px 1px;
  17         border-style : solid;
  18         border-color : #659a4c;
  19         background-color : #f8fcf5;
  20         position: relative;
  21         overflow : hidden;
  22         left : -4px;
  23         top : -4px;
  24 }
  25
  26 div#errorBox {
  27         background-color : #ffcccc;
  28         border : 1px solid #ff0000;
  29         font-size : 12px;
  30         position: relative;
  31         overflow : hidden;
  32         left : -4px;
  33         top : -4px;
  34 }
  35
  36 html>body #infoBox, html>body #errorBox {
  37         left : -10px;
  38         top : -10px;
  39         margin : 0;
  40 }
  41
  42 #infoBoxShadow:before, #infoBoxShadow:after,
  43 #errorBoxShadow:before, #errorBoxShadow:after {
  44         content : " ";
  45         display : block;
  46         background : inherit;
  47         width : 10px;
  48         height : 10px;
  49 }
  50
  51 #infoBoxShadow:before, #errorBoxShadow:before {
  52         position : absolute;
  53         top : 0;
  54         right : 0;
  55         margin : -10px 0 0 auto;
  56         background-position : right top;
  57 }
  58
  59 #infoBoxShadow:after, #errorBoxShadow:after {
  60         margin : -10px 0 0 -10px;
  61         background-position : left bottom;
  62 }
  63
  64 #infoBoxShadow, #errorBoxShadow {
  65         background-image : url("images/shadow.png");
  66         background-position : bottom right;
  67         left : 25%;
  68         top : 50px;
  69         width : 50%;
  70         position : absolute;
  71         min-width : 600px;
  72 }
  73
  74 #infoBoxShadow {
  75         z-index : 5;
  76 }
  77
  78 #errorBoxShadow {
  79         z-index : 400;
  80 }
  81
  82 div.infoBoxContents {
  83         padding : 10px;
  84         margin-bottom : 5px;
  85         font-size : 12px;
  86 }
  87
  88 div.infoBoxContents td {
  89         font-size : 12px;
  90 }
  91
  92 div.infoBoxContents a {
  93         color : #527040;
  94 }
  95
  96 div.infoBoxContents a:hover {
  97         color : black;
  98 }
  99
 100 div#errorBox div#xebTitle {
 101         background-color : #ff0000;
 102         color : white;
 103         padding : 4px 2px 4px 10px;
 104         color : white;
 105         font-weight : bold;
 106         font-size : 12px;
 107 }
 108
 109 div#errorBox div#xebContent {
 110         font-size : 12px;
 111         padding : 10px;
 112 }
 113
 114 div#errorBox textarea {
 115         width : 100%;
 116         height : 100px;
 117 }
 118
 119 div#errorBox button {
 120         margin-bottom : 10px;
 121 }