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:157px; border-bottom:solid 1px #6994af; }\r
  14 \r
  15 #page { margin: 0.4em;}\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; margin:0; padding:0; }\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 \r
  49 #panel #submenu a {\r
  50 margin-left: 1.5em;\r
  51 margin-left: 20px;\r
  52 padding: 5px; \r
  53 }\r
  54 \r
  55 strong {\r
  56         font-weight:bold;\r
  57         color:#003366;\r
  58 }\r
  59 \r
  60 pre {\r
  61         font-family:Arial, Helvetica, sans-serif;\r
  62 }\r
  63 \r
  64 p { \r
  65         line-height: 1.4em;\r
  66 }\r
  67  \r
  68 .hightlight { \r
  69 font-style:italic;\r
  70 font-family:"Courier New", Courier, monospace;\r
  71 }\r
  72 \r
  73 \r
  74 /*\r
  75 .about {\r
  76 border-left: solid 4px #006633;\r
  77 border-left-style:ridged;\r
  78 padding-left: 1em;\r
  79 }*/\r
  80 \r
  81 \r
  82 .code { \r
  83         color:black;\r
  84         background-color:#F5F5F5;\r
  85         font-family:"Courier New",Courier,monospace;\r
  86         font-style:normal;\r
  87         margin:1em 0;\r
  88         padding: 0.5em;\r
  89         border: 1px dashed black;\r
  90         display:block;\r
  91 }\r
  92 \r
  93 .box { \r
  94         color:black;\r
  95         background-color:#F5F5F5;\r
  96         font-family:Arial, Helvetica, sans-serif;\r
  97         font-style:normal;\r
  98         margin:1em 0;\r
  99         padding: 0.5em;\r
 100         border: 1px solid black;\r
 101         display:block;\r
 102 }\r
 103 \r
 104 .u { text-decoration: underline; }\r
 105 /* .headeru { text-shadow: #CCCCCC 15px -14px 2px;}  font-size-adjust:+0.7 */\r
 106 /*.headeru { text-shadow:  1px 0 black, 0 -1px black;}  */\r
 107 .headeru { \r
 108                 text-shadow:0 1px 3px black;\r
 109                 border-bottom: 1px solid white;\r
 110 } \r
 111 /* .headeru { border-bottom:1px solid white; }  */\r
 112 \r
 113 #banner h1 { \r
 114         font-family:Helvetica, Arial, sans-serif;\r
 115         white-space:nowrap;\r
 116     color: white;\r
 117         font-weight:bold;\r
 118         text-shadow:0 1px 3px #100F0E;\r
 119     font-size: 27px;\r
 120 }\r
 121 \r
 122 h3 {border-bottom: 1px solid grey; margin-top: 2em; }\r
 123 \r
 124 #headtitle { margin:0; text-align:center; color:#003b62; font-weight:600;} \r
 125 \r
 126 h2 {margin:1.8em 0 0 0; color:#003b62; font-weight:600;}\r
 127 \r
 128 /* Table styles */\r
 129 \r
 130 #wrapper table {\r
 131         border-collapse: collapse; \r
 132         border: 1px solid #666;\r
 133         margin: 20px 0 20px 0;\r
 134         width: 100%;\r
 135 }\r
 136 #wrapper th, #wrapper td {\r
 137         margin: 2px 4px 2px 4px;\r
 138         padding: 0 5px;\r
 139         text-align: left;\r
 140         vertical-align: top;\r
 141         border: 1px solid #666;\r
 142 }\r
 143 \r
 144 #wrapper table caption {\r
 145         font: 1.5em Georgia, "Times New Roman", Times, serif; \r
 146         padding: 1em;\r
 147         background-color: #9c9;\r
 148 }\r
 149 \r
 150 \r
 151 #wrapper tr {\r
 152          background-color: #eee; \r
 153 }\r
 154 \r
 155 #wrapper tr:nth-child(odd) {\r
 156          background-color: #ccc; \r
 157 }\r
 158 \r
 159 \r
 160 span.directory {\r
 161 background: transparent url(images/dir.gif) no-repeat scroll left center;\r
 162 color:#666666;\r
 163 font-family:"Courier New",Courier,monospace;\r
 164 font-style:normal;\r
 165 padding:0 0 0 15px;\r
 166 }\r
 167 \r
 168 .attention { \r
 169 color:#993333;\r
 170 }\r
 171 \r
 172 /* open/closed box related styles */\r
 173 \r
 174 .source { \r
 175         border:1px solid #858789;\r
 176         display:block;\r
 177         margin:26px 0;\r
 178         overflow:visible;\r
 179 }\r
 180 \r
 181 /* OPEN state styles */\r
 182 .source .body {\r
 183         background:#F5F5F5 none repeat scroll right 0;\r
 184         color:#434546;\r
 185         padding:7px 15px;\r
 186 /*      white-space:pre-wrap; */\r
 187         white-space:normal;\r
 188 /*      word-wrap:break-word; # this prop does not exits*/\r
 189 }\r
 190 \r
 191 .source .header {\r
 192         background:#E9EAEC url(images/minus.png) no-repeat scroll 98% center;\r
 193         color:#3B3D3F;\r
 194         cursor:pointer;\r
 195         font-weight:bold;\r
 196         height:30px;\r
 197         line-height:30px;\r
 198         padding:0 15px 0 15px;\r
 199 }\r
 200 \r
 201 /* CLOSED state styles */\r
 202 .source .body.collapsed {\r
 203         display:none;\r
 204 }\r
 205 \r
 206 .source .header.collapsed  {\r
 207         background:#E9EAEC url(images/plus.png) no-repeat scroll 98% center;\r
 208         padding:0 15px 0 15px;\r
 209 }\r
 210 \r
 211 .body .code { \r
 212         margin:0;\r
 213         padding:0;\r
 214         border:0;\r
 215         font-family:"Courier New",Courier,monospace;\r
 216         font-style:normal;\r
 217 }\r
 218 \r
 219 body {\r
 220         font-family:Arial, Helvetica, sans-serif;\r
 221         /*      color: #494949; */\r
 222     font: 12px/170% Verdana;\r
 223         background-color: white;\r
 224         line-height: 2em;\r
 225         min-width:35em;\r
 226 }\r
 227 \r
 228 \r
 229 #banner table {\r
 230         border-collapse: collapse; \r
 231         border: none;\r
 232         padding:0;\r
 233         margin:0;\r
 234         color:white;\r
 235         text-align:center;\r
 236         vertical-align:middle;\r
 237         line-height:1.5em;\r
 238         width: 100%;\r
 239 }\r
 240 \r
 241 \r
 242 #banner td.bg  {\r
 243         border-collapse: collapse; \r
 244         background-image:url("images/banner_bg.gif");\r
 245         background-repeat: repeat-x; \r
 246         background-color:transparent;\r
 247         background-position:inherit;\r
 248 }\r
 249 \r
 250 img.logo  {\r
 251         border-top:1px solid #003b62; \r
 252         border-left:1px solid #003b62; \r
 253         border-right:none; \r
 254         border-bottom: none; \r
 255         margin:0; \r
 256         padding:0; \r
 257         display:inline\r
 258         float:left;\r
 259 }