website/ws.css

   1 \r
   2 #banner { background-color:white; }\r
   3 \r
   4 #mainpagefeatures {\r
   5    margin: 0 2em 0 2em;\r
   6 }\r
   7 \r
   8 #wrapper #mainpagefeatures table, #wrapper #mainpagefeatures th, #wrapper #mainpagefeatures td, #wrapper #mainpagefeatures tr{\r
   9   border:none;\r
  10   border-collapse:collapse;\r
  11   background-color: #fff; \r
  12   padding-bottom:2em;\r
  13 }\r
  14 \r
  15 #wrapper #choicematrix table, #wrapper #choicematrix th, #wrapper #choicematrix td, #wrapper #choicematrix tr{\r
  16   border:1px solid grey;\r
  17   background-color: #fff; \r
  18   padding:1em;\r
  19 }\r
  20 \r
  21 #wrapper #choicematrix th {\r
  22   background-image:url(images/brickhead2.jpg); \r
  23   background-repeat:repeat-x;\r
  24 }\r
  25 \r
  26 .brick {\r
  27 padding-bottom:1em;\r
  28     border: 2px solid #999;\r
  29     -webkit-border-radius:20px;\r
  30     -moz-border-radius:20px;\r
  31         border-radius: 20px;\r
  32     background-image:url(images/brickhead2_line.jpg);\r
  33     background-repeat:repeat-x;\r
  34 }\r
  35 .brick_header {\r
  36     display:block;\r
  37         background:none;\r
  38 }\r
  39 \r
  40 .brick_header h2 {\r
  41     font-weight: bold;\r
  42         border:none;\r
  43         background:none;\r
  44         margin: 0.7em 0 0 0.5em;\r
  45 }\r
  46 \r
  47 .brick_content {\r
  48   position:relative;\r
  49   padding: 2em 1.5em 0em 1.5em;\r
  50 }\r
  51 \r
  52 \r
  53 /*\r
  54 td.vm {\r
  55 background-image:url(images/N_cell.jpg);\r
  56 background-repeat:repeat-x;\r
  57 }\r
  58 td.button a {\r
  59 display:block;\r
  60 background:#069;\r
  61 border:1px outset #069;\r
  62 text-decoration:none;\r
  63 font-weight:bold;\r
  64 line-height:1.5em;\r
  65 padding:0 .5em;\r
  66 color:#fff;\r
  67 }\r
  68 \r
  69 td.button a:hover {\r
  70 background:#09c;\r
  71 border-color:09c;\r
  72 }\r
  73 */\r
  74 #container .round {\r
  75     display:block;\r
  76     margin-right:10px;\r
  77     background:#fff;\r
  78     border: 1px solid #ccc;\r
  79     -webkit-border-radius:20px;\r
  80     -moz-border-radius:20px;\r
  81         border-radius: 20px;\r
  82     background-image:url(images/N_cell.jpg);\r
  83     background-repeat:repeat-x;\r
  84 }\r
  85  \r
  86  /*\r
  87 #container .example5 div a {\r
  88     padding:3px 20px;\r
  89     border: 1px solid #ccc;\r
  90     -webkit-border-radius:20px;\r
  91     -moz-border-radius:15px;\r
  92 }\r
  93  \r
  94 #container .example5 div a:hover {\r
  95     background:#5d9ddd;\r
  96     border:1px solid #2a7ecd;\r
  97     color:#fff;\r
  98 }\r
  99 */\r
 100 /*\r
 101 \r
 102   -webkit-border-radius:20px;\r
 103     -moz-border-radius:15px;\r
 104         \r
 105 See index.html banner commented out code for an example of use \r
 106 .uniicon { overflow: hidden; display:inline; padding:0; margin:0; float:right; position:relative; top:1em; } \r
 107 .uniicon a img {border:none;} \r
 108 */\r
 109 #panel { \r
 110         width:150px; \r
 111         background:url("images/panel_bg.gif") repeat-y ; \r
 112         float:left;\r
 113         font-family:Verdana, Arial, Helvetica, sans-serif;\r
 114         padding-top:1em;\r
 115  }\r
 116 \r
 117 #content { \r
 118       margin-left:157px; \r
 119       border-bottom:solid 1px #6994af; \r
 120           margin-right:0.9em;\r
 121 }\r
 122 \r
 123 #page { \r
 124   margin: 0;\r
 125   background-color:#fff;\r
 126 }\r
 127 \r
 128 #copyright { text-align:right; \r
 129                          color:#999999; \r
 130                          font-family:Verdana, Arial, Helvetica, sans-serif;\r
 131                          font-size:smaller;\r
 132                          line-height:1em;\r
 133                          padding:0.3em 0.9em 1em 0;\r
 134  }\r
 135 \r
 136 #wrapper { \r
 137     background:url("images/panel_bg.gif") repeat-y left top; \r
 138     margin:0; \r
 139     padding:0; \r
 140 }\r
 141 \r
 142 ul {\r
 143         list-style-type: circle;\r
 144 }\r
 145 \r
 146 #panel a:link, #panel a:visited {\r
 147             text-decoration: none;\r
 148                 display:block;\r
 149                 line-height: 1em;\r
 150                 padding:10px;\r
 151                 color:#000000; \r
 152          }\r
 153          \r
 154 #panel a:hover {\r
 155             background-color: transparent;\r
 156             text-decoration: underline;\r
 157         }\r
 158 \r
 159 #panel a.selected {\r
 160  text-decoration:underline; \r
 161  font-weight:bolder;\r
 162 }\r
 163 \r
 164 \r
 165 #panel #submenu a {\r
 166 margin-left: 1.5em;\r
 167 margin-left: 20px;\r
 168 padding: 5px; \r
 169 }\r
 170 \r
 171 strong {\r
 172         font-weight:bold;\r
 173         color:#003366;\r
 174 }\r
 175 \r
 176 pre {\r
 177         font-family:Arial, Helvetica, sans-serif;\r
 178 }\r
 179 \r
 180 p { \r
 181         line-height: 1.4em;\r
 182 }\r
 183  \r
 184 .i { \r
 185 font-style:italic;\r
 186 }\r
 187 \r
 188 .hightlight { \r
 189 font-style:italic;\r
 190 font-family:"Courier New", Courier, monospace;\r
 191 }\r
 192 \r
 193 \r
 194 /*\r
 195 .about {\r
 196 border-left: solid 4px #006633;\r
 197 border-left-style:ridged;\r
 198 padding-left: 1em;\r
 199 }*/\r
 200 \r
 201 \r
 202 .code { \r
 203         color:black;\r
 204         background-color:#F5F5F5;\r
 205         font-family:"Courier New",Courier,monospace;\r
 206         font-style:normal;\r
 207         margin:1em 0;\r
 208         padding: 0.5em;\r
 209         border: 1px dashed black;\r
 210         display:block;\r
 211 }\r
 212 \r
 213 .box { \r
 214         color:black;\r
 215         background-color:#F5F5F5;\r
 216         font-family:Arial, Helvetica, sans-serif;\r
 217         font-style:normal;\r
 218         margin:1em 0;\r
 219         padding: 0.5em;\r
 220         border: 1px solid black;\r
 221         display:block;\r
 222 }\r
 223 \r
 224 .u { text-decoration: underline; }\r
 225 /* .headeru { text-shadow: #CCCCCC 15px -14px 2px;}  font-size-adjust:+0.7 */\r
 226 /*.headeru { text-shadow:  1px 0 black, 0 -1px black;}  */\r
 227 .headeru { \r
 228                 text-shadow:0 1px 3px black;\r
 229                 border-bottom: 1px solid white;\r
 230 } \r
 231 /* .headeru { border-bottom:1px solid white; }  */\r
 232 \r
 233 #banner h1 { \r
 234         font-family:Helvetica, Arial, sans-serif;\r
 235         white-space:nowrap;\r
 236     color: white;\r
 237         font-weight:bold;\r
 238         text-shadow:0 1px 3px #100F0E;\r
 239     font-size: 27px;\r
 240 }\r
 241 \r
 242 h3 {border-bottom: 1px solid grey; margin-top: 2em; }\r
 243 \r
 244 #headtitle { margin:0; padding-top:1em; text-align:center; color:#003b62; font-weight:600;} \r
 245 \r
 246 h2 {margin:1.8em 0 0 0; color:#003b62; font-weight:600;}\r
 247 \r
 248 /* Table styles */\r
 249 \r
 250 #wrapper table {\r
 251         border-collapse: collapse; \r
 252         border: 1px solid #666;\r
 253         margin: 20px 0 20px 0;\r
 254         width: 100%;\r
 255 }\r
 256 #wrapper th, #wrapper td {\r
 257         margin: 2px 4px 2px 4px;\r
 258         padding: 0 5px;\r
 259         text-align: left;\r
 260         vertical-align: top;\r
 261         border: 1px solid #666;\r
 262 }\r
 263 \r
 264 #wrapper table caption {\r
 265         font: 1.5em Georgia, "Times New Roman", Times, serif; \r
 266         padding: 1em;\r
 267         background-color: #9c9;\r
 268 }\r
 269 \r
 270 \r
 271 #wrapper tr {\r
 272          background-color: #eee; \r
 273 }\r
 274 \r
 275 #wrapper tr:nth-child(odd) {\r
 276          background-color: #ccc; \r
 277 }\r
 278 \r
 279 span.directory {\r
 280 background: transparent url(images/dir.gif) no-repeat scroll left center;\r
 281 color:#666666;\r
 282 font-family:"Courier New",Courier,monospace;\r
 283 font-style:normal;\r
 284 padding:0 0 0 15px;\r
 285 }\r
 286 \r
 287 .attention { \r
 288 color:#993333;\r
 289 }\r
 290 \r
 291 /* open/closed box related styles */\r
 292 \r
 293 .source { \r
 294         border:1px solid #858789;\r
 295         display:block;\r
 296         margin:26px 0;\r
 297         overflow:visible;\r
 298 }\r
 299 \r
 300 /* OPEN state styles */\r
 301 .source .body {\r
 302         background:#F5F5F5 none repeat scroll right 0;\r
 303         color:#434546;\r
 304         padding:7px 15px;\r
 305 /*      white-space:pre-wrap; */\r
 306         white-space:normal;\r
 307 /*      word-wrap:break-word; # this prop does not exits*/\r
 308 }\r
 309 \r
 310 .source .header {\r
 311         background:#E9EAEC url(images/minus.png) no-repeat scroll 98% center;\r
 312         color:#3B3D3F;\r
 313         cursor:pointer;\r
 314         font-weight:bold;\r
 315         height:30px;\r
 316         line-height:30px;\r
 317         padding:0 15px 0 15px;\r
 318 }\r
 319 \r
 320 /* CLOSED state styles */\r
 321 .source .body.collapsed {\r
 322         display:none;\r
 323 }\r
 324 \r
 325 .source .header.collapsed  {\r
 326         background:#E9EAEC url(images/plus.png) no-repeat scroll 98% center;\r
 327         padding:0 15px 0 15px;\r
 328 }\r
 329 \r
 330 .body .code { \r
 331         margin:0;\r
 332         padding:0;\r
 333         border:0;\r
 334         font-family:"Courier New",Courier,monospace;\r
 335         font-style:normal;\r
 336 }\r
 337 \r
 338 body {\r
 339         font-family:Arial, Helvetica, sans-serif;\r
 340         /*      color: #494949; */\r
 341     font: 12px/170% Verdana;\r
 342         background-image:url(images/matrix_bg6.jpg);\r
 343         background-repeat:repeat;\r
 344 /*      background-color: #EAEAEA; */\r
 345         line-height: 2em;\r
 346         min-width: 760px;\r
 347         max-width: 1100px;\r
 348         margin:0 auto;\r
 349 }\r
 350 \r
 351 \r
 352 #banner table {\r
 353         border-collapse: collapse; \r
 354         border: none;\r
 355         padding:0;\r
 356         margin:0;\r
 357         line-height:0.5em;\r
 358         color:white;\r
 359         text-align:center;\r
 360         vertical-align:middle;\r
 361         width: 100%;\r
 362 }\r
 363 \r
 364 \r
 365 #banner td.bg  {\r
 366         border-collapse: collapse; \r
 367         background-image:url("images/banner_bg.gif");\r
 368         background-repeat: repeat-x; \r
 369         background-color:transparent;\r
 370         background-position:inherit;\r
 371 }\r
 372 \r
 373 img.logo  {\r
 374 /*      border-top:1px solid #003b62; \r
 375         border-left:1px solid #003b62; \r
 376         border-right:none; \r
 377         border-bottom: none; */\r
 378         border:none;\r
 379         margin:0; \r
 380         padding:0; \r
 381         display:inline\r
 382         float:left;\r
 383 }\r