website/css/ws.css

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