website/ws.css

   1 \r
   2 #banner { background-color:white; }\r
   3 \r
   4 /*\r
   5 See index.html banner commented out code for an example of use \r
   6 .uniicon { overflow: hidden; display:inline; padding:0; margin:0; float:right; position:relative; top:1em; } \r
   7 .uniicon a img {border:none;} \r
   8 */\r
   9 #panel { width:150px; background:url("images/panel_bg.gif") repeat-y ; float:left;\r
  10         font-family:Verdana, Arial, Helvetica, sans-serif;\r
  11  }\r
  12 \r
  13 #content { margin-left:150px; border-bottom:solid 1px #6994af; }\r
  14 \r
  15 #page { margin: 0.5em; }\r
  16 \r
  17 #copyright { text-align:right; \r
  18                          color:#999999; \r
  19                          font-family:Verdana, Arial, Helvetica, sans-serif;\r
  20                          font-size:smaller;\r
  21                          line-height:1em;\r
  22  }\r
  23 \r
  24 #wrapper { background:url("images/panel_bg.gif") repeat-y left top; }\r
  25 \r
  26 ul {\r
  27         list-style-type: circle;\r
  28 }\r
  29 \r
  30 #panel a:link, #panel a:visited {\r
  31             text-decoration: none;\r
  32                 display:block;\r
  33                 line-height: 1em;\r
  34                 padding:10px;\r
  35                 color:#000000; \r
  36          }\r
  37          \r
  38 #panel a:hover {\r
  39             background-color: transparent;\r
  40             text-decoration: underline;\r
  41         }\r
  42 \r
  43 #panel a.selected {\r
  44  text-decoration:underline; \r
  45  font-weight:bolder;\r
  46 }\r
  47 \r
  48 strong {\r
  49         font-weight:bold;\r
  50         color:#003366;\r
  51 }\r
  52 \r
  53 pre {\r
  54         font-family:Arial, Helvetica, sans-serif;\r
  55 }\r
  56 \r
  57 p { \r
  58         line-height: 1.4em;\r
  59 }\r
  60  \r
  61 .hightlight { \r
  62 font-style:italic;\r
  63 font-family:"Courier New", Courier, monospace;\r
  64 }\r
  65 \r
  66 .code { \r
  67         font-size-adjust:0.4;\r
  68         color:black;\r
  69         background-color:#F5F5F5;\r
  70         font-family:"Courier New",Courier,monospace;\r
  71         font-style:normal;\r
  72         margin:1em 0;\r
  73         padding: 0.5em;\r
  74         border: 1px dashed black;\r
  75         display:block;\r
  76 }\r
  77 \r
  78 .box { \r
  79         color:black;\r
  80         background-color:#F5F5F5;\r
  81         font-family:Arial, Helvetica, sans-serif;\r
  82         font-style:normal;\r
  83         margin:1em 0;\r
  84         font-size:0.9em;\r
  85         padding: 0.5em;\r
  86         border: 1px solid black;\r
  87         display:block;\r
  88 }\r
  89 \r
  90 .u { text-decoration: underline; }\r
  91 /* .headeru { text-shadow: #CCCCCC 15px -14px 2px;}  font-size-adjust:+0.7 */\r
  92 /*.headeru { text-shadow:  1px 0 black, 0 -1px black;}  */\r
  93 .headeru { text-shadow: black 0.05em 0.05em 0.01em ;} \r
  94 /* .headeru { border-bottom:1px solid white; } */\r
  95 \r
  96 /* Table styles */\r
  97 \r
  98 \r
  99 #wrapper table {\r
 100         border-collapse: collapse; \r
 101         border: 1px solid #666;\r
 102         margin: 20px 0 20px 0;\r
 103         width: 100%;\r
 104 }\r
 105 #wrapper th, #wrapper td {\r
 106         margin: 2px 4px 2px 4px;\r
 107         padding: 0 5px;\r
 108         text-align: left;\r
 109         vertical-align: top;\r
 110         border: 1px solid #666;\r
 111 }\r
 112 \r
 113 #wrapper table caption {\r
 114         font: 1.5em Georgia, "Times New Roman", Times, serif; \r
 115         padding: 1em;\r
 116         background-color: #9c9;\r
 117 }\r
 118 \r
 119 \r
 120 #wrapper tr {\r
 121          background-color: #eee; \r
 122 }\r
 123 \r
 124 #wrapper tr:nth-child(odd) {\r
 125          background-color: #ccc; \r
 126 }\r
 127 \r
 128 \r
 129 span.directory {\r
 130 background: transparent url(images/dir.gif) no-repeat scroll left center;\r
 131 color:#666666;\r
 132 font-family:"Courier New",Courier,monospace;\r
 133 font-style:normal;\r
 134 padding:0 0 0 15px;\r
 135 }\r
 136 \r
 137 .attention { \r
 138 color:#993333;\r
 139 }\r
 140 \r
 141 /* open/closed box related styles */\r
 142 \r
 143 .source { \r
 144         border:1px solid #858789;\r
 145         display:block;\r
 146         margin:26px 0;\r
 147         overflow:visible;\r
 148 }\r
 149 \r
 150 /* OPEN state styles */\r
 151 .source .body {\r
 152         background:#F5F5F5 none repeat scroll right 0;\r
 153         color:#434546;\r
 154         padding:7px 15px;\r
 155 /*      white-space:pre-wrap; */\r
 156         white-space:normal;\r
 157 /*      word-wrap:break-word; # this prop does not exits*/\r
 158 }\r
 159 \r
 160 .source .header {\r
 161         background:#E9EAEC url(images/minus.png) no-repeat scroll 98% center;\r
 162         color:#3B3D3F;\r
 163         cursor:pointer;\r
 164         font-weight:bold;\r
 165         height:30px;\r
 166         line-height:30px;\r
 167         padding:0 15px 0 15px;\r
 168 }\r
 169 \r
 170 /* CLOSED state styles */\r
 171 .source .body.collapsed {\r
 172         display:none;\r
 173 }\r
 174 \r
 175 .source .header.collapsed  {\r
 176         background:#E9EAEC url(images/plus.png) no-repeat scroll 98% center;\r
 177         padding:0 15px 0 15px;\r
 178 }\r
 179 \r
 180 .body .code { \r
 181         margin:0;\r
 182         padding:0;\r
 183         border:0;\r
 184         font-family:"Courier New",Courier,monospace;\r
 185         font-style:normal;\r
 186 }\r
 187 \r
 188 body {\r
 189         font-family:Arial, Helvetica, sans-serif;\r
 190         font-size: 9pt;\r
 191         background-color: white;\r
 192         line-height: 2em;\r
 193         min-width:35em;\r
 194 }\r
 195 \r
 196 \r
 197 #banner table {\r
 198         border-collapse: collapse; \r
 199         border: none;\r
 200         padding:0;\r
 201         margin:0;\r
 202         color:white;\r
 203         text-align:center;\r
 204         vertical-align:middle;\r
 205         line-height:1.5em;\r
 206         width: 100%;\r
 207 }\r
 208 \r
 209 h3 {border-bottom: 1px solid grey; margin-top: 2em; }\r
 210 \r
 211 #banner td.bg  {\r
 212         border-collapse: collapse; \r
 213         background-image:url("images/banner_bg.gif");\r
 214         background-repeat: repeat-x; \r
 215         background-color:transparent;\r
 216         background-position:inherit;\r
 217 }\r
 218 \r
 219 img.logo  {\r
 220         border-top:1px solid #003b62; \r
 221         border-left:1px solid #003b62; \r
 222         border-right:none; \r
 223         border-bottom: none; \r
 224         margin:0; \r
 225         padding:0; \r
 226         display:inline\r
 227 }