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  /*\r
  75 #container .round {\r
  76     display:block;\r
  77     margin-right:10px;\r
  78     background:#fff;\r
  79     border: 1px solid #ccc;\r
  80     -webkit-border-radius:20px;\r
  81     -moz-border-radius:20px;\r
  82         border-radius: 20px;\r
  83     background-image:url(images/N_cell.jpg);\r
  84     background-repeat:repeat-x;\r
  85 }\r
  86  \r
  87 \r
  88 #container .example5 div a {\r
  89     padding:3px 20px;\r
  90     border: 1px solid #ccc;\r
  91     -webkit-border-radius:20px;\r
  92     -moz-border-radius:15px;\r
  93 }\r
  94  \r
  95 #container .example5 div a:hover {\r
  96     background:#5d9ddd;\r
  97     border:1px solid #2a7ecd;\r
  98     color:#fff;\r
  99 }\r
 100 */\r
 101 /*\r
 102 \r
 103   -webkit-border-radius:20px;\r
 104     -moz-border-radius:15px;\r
 105         \r
 106 See index.html banner commented out code for an example of use \r
 107 .uniicon { overflow: hidden; display:inline; padding:0; margin:0; float:right; position:relative; top:1em; } \r
 108 .uniicon a img {border:none;} \r
 109 */\r
 110 #panel { \r
 111         width:161px; \r
 112         background:url("images/panel_bg_long.png") repeat-y ; \r
 113         float:left;\r
 114         font-family:Verdana, Arial, Helvetica, sans-serif;\r
 115         padding-top:1em;\r
 116  }\r
 117 \r
 118 #content { \r
 119       margin-left:170px; \r
 120       border-bottom:solid 1px #6994af; \r
 121           margin-right:0.9em;\r
 122 }\r
 123 \r
 124 #page { \r
 125   margin: 0;\r
 126   background-color:#fff;\r
 127 }\r
 128 \r
 129 #copyright { text-align:right; \r
 130                          color:#999999; \r
 131                          font-family:Verdana, Arial, Helvetica, sans-serif;\r
 132                          font-size:smaller;\r
 133                          line-height:1em;\r
 134                          padding:0.3em 0.9em 1em 0;\r
 135  }\r
 136 \r
 137 #wrapper { \r
 138     background:url("images/panel_bg_long.png") repeat-y left top; \r
 139     margin:0; \r
 140     padding:0; \r
 141 }\r
 142 \r
 143 ul {\r
 144         list-style-type: circle;\r
 145 }\r
 146 \r
 147 #panel a:link, #panel a:visited {\r
 148             text-decoration: none;\r
 149                 display:block;\r
 150                 line-height: 1em;\r
 151                 padding:10px;\r
 152                 color:#000000; \r
 153          }\r
 154          \r
 155 #panel a:hover {\r
 156             background-color: transparent;\r
 157             text-decoration: underline;\r
 158         }\r
 159 \r
 160 #panel a.selected {\r
 161  text-decoration:underline; \r
 162  font-weight:bolder;\r
 163 }\r
 164 \r
 165 \r
 166 #panel #submenu a {\r
 167 margin-left: 1.5em;\r
 168 margin-left: 20px;\r
 169 padding: 5px; \r
 170 }\r
 171 \r
 172 strong {\r
 173         font-weight:bold;\r
 174         color:#003366;\r
 175 }\r
 176 \r
 177 pre {\r
 178         font-family:Arial, Helvetica, sans-serif;\r
 179 }\r
 180 \r
 181 p { \r
 182         line-height: 1.4em;\r
 183 }\r
 184  \r
 185 .i { \r
 186 font-style:italic;\r
 187 }\r
 188 \r
 189 \r
 190 .hightlight { \r
 191 font-style:italic;\r
 192 font-family:"Courier New", Courier, monospace;\r
 193 }\r
 194 \r
 195 \r
 196 /*\r
 197 .about {\r
 198 border-left: solid 4px #006633;\r
 199 border-left-style:ridged;\r
 200 padding-left: 1em;\r
 201 }*/\r
 202 \r
 203 \r
 204 .code { \r
 205         color:black;\r
 206         background-color:#F5F5F5;\r
 207         font-family:"Courier New",Courier,monospace;\r
 208         font-style:normal;\r
 209         margin:1em 0;\r
 210         padding: 0.5em;\r
 211         border: 1px dashed black;\r
 212         display:block;\r
 213 }\r
 214 \r
 215 .box { \r
 216         color:black;\r
 217         background-color:#F5F5F5;\r
 218         font-family:Arial, Helvetica, sans-serif;\r
 219         font-style:normal;\r
 220         margin:1em 0;\r
 221         padding: 0.5em;\r
 222         border: 1px solid black;\r
 223         display:block;\r
 224 }\r
 225 \r
 226 .u { text-decoration: underline; }\r
 227 \r
 228 .headeru { \r
 229                 text-shadow:0 1px 3px black;\r
 230                 border-bottom: 1px solid white;\r
 231 } \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