public/windows_js_1.3/documentation/stylesheets/style.css

   1 html, body {
   2   margin: 0px;
   3   padding: 0px;
   4   height: 100%;
   5         font: 14px "Trebuchet MS",Verdana,Arial,sans-serif;
   6         background:#FFF
   7 }
   8
   9 .content {
  10   margin:00px 30px 0px 30px;
  11   padding-right:10px;
  12 }
  13
  14 iframe.frame_content {
  15   width:100%;
  16   height:100%;
  17   border:0;
  18   overflow:visible;
  19 }
  20
  21 pre, xmp {
  22   font: 12px Courier;
  23   background:#F5F5F5;
  24   padding:10px;
  25   border: 1px dotted #272727;
  26   overflow:auto;
  27   width:95%;
  28   margin:0;
  29 }
  30
  31 textarea.listing {
  32   width:100%;
  33   font: 12px Courier;
  34 }
  35
  36 a {
  37   font: 14px "Trebuchet MS",Verdana,Arial,sans-serif;
  38         text-decoration:none;
  39         color:#ED2123;
  40 }
  41
  42 a:hover {
  43         text-decoration:underline;
  44 }
  45
  46
  47 .navigation a.selected {
  48         background:#FFF;
  49         border-bottom:none;
  50   border-bottom: 1px solid #FFF;
  51 }
  52
  53 h1 {
  54   font: 20px "Trebuchet MS",Verdana,Arial,sans-serif;
  55         clear:left;
  56         text-align:left;
  57         padding-top:5px;
  58         padding-bottom:10px;
  59 }
  60
  61 h2 {
  62   font: 16px "Trebuchet MS",Verdana,Arial,sans-serif;
  63         color:#F37D1F;
  64         clear:left;
  65         padding-top:20px;
  66         padding-bottom:0px;
  67         margin:0 0 10px 0;
  68 }
  69
  70 h2.first {
  71         padding-top:10px;
  72 }
  73
  74 h3 {
  75   font-size: 14px;
  76         font-weight: normal;
  77         color:#272727;
  78         padding-top:10px;
  79 }
  80
  81 p {
  82   margin:0;
  83   margin-bottom:5px;
  84   padding:0;
  85 }
  86
  87 span.title {
  88   font: 16px "Trebuchet MS",Verdana,Arial,sans-serif;
  89         color:#ED2123;
  90   cursor:pointer
  91 }
  92
  93 span.title2 {
  94   font: 12px "Trebuchet MS",Verdana,Arial,sans-serif;
  95         color:#ED2123;
  96   cursor:pointer
  97 }
  98
  99 .navigation ul {
 100   margin:0;
 101   padding:10px 0 5px 0;
 102   text-align:center;
 103   border-bottom: 1px solid #272727;
 104 }
 105
 106 .navigation li {
 107   display:inline;
 108   padding:0px;
 109   margin:0px;
 110 }
 111
 112 .navigation a {
 113   border: 1px solid #272727;
 114   padding:5px;
 115   background:#DDD;
 116 }
 117
 118 p.description {
 119   padding-bottom:0;
 120   margin-bottom:0;
 121 }
 122
 123 p.buttons {
 124   margin:0;
 125   padding:0;
 126 }
 127
 128 span.button {
 129   margin:0;
 130   padding:0;
 131   border-bottom: 1px dotted #272727;
 132   border-right: 1px dotted #272727;
 133   border-left: 1px dotted #272727;
 134   width:100px;
 135   text-align:center;
 136   float:left;
 137   background:#EEE;
 138   color:#ED2123;
 139 }
 140
 141 span.selected {
 142   background:#ED2123;
 143   color:#FFF;
 144 }
 145
 146 div.separator {
 147   margin:20px;
 148   clear:both;
 149 }
 150 div.versions {
 151   font-size: 12px;
 152 }
 153 div.versions ul  {
 154   font-size: 12px;
 155   margin:4px;
 156   padding-left:20px;
 157 }
 158
 159 /* DOCUMENATION PART*/
 160 div.function {
 161   border: 1px solid #888;
 162   background:#FAF1E4;
 163   float:left;
 164         width:825px;
 165         margin-bottom: 20px;
 166 }
 167 div.function .title {
 168         padding: 5px 5px 5px 10px;
 169   margin:0;
 170   background:#F9F7F4;
 171 }
 172
 173 p.parameter, p.parameter_header {
 174   font-size: 12px;
 175   margin:0;
 176   clear:left;
 177   border-top: 1px dotted #272727;
 178 }
 179
 180 p.parameter_header {
 181   border-top: 1px dotted #272727;
 182   border-bottom: 1px dotted #272727;
 183   background:#F9F7F4;
 184   float:left;
 185 }
 186
 187 span.field, span.explanation {
 188         float:left;
 189         width:200px;
 190         padding: 2px 2px 2px 10px;
 191 }
 192
 193 span.explanation {
 194   border-left: 1px dotted #272727;
 195 }
 196
 197 span.explanation {
 198         width:600px;
 199 }
 200
 201 span.function {
 202   font-family:"Courier";
 203   display:block;
 204   color:#A57F00;
 205 }
 206
 207 th {
 208   font: 14px "Trebuchet MS",Verdana,Arial,sans-serif;
 209   font-variant: small-caps;
 210   color:#000;
 211   text-align:left;
 212 }
 213
 214 th, td.key, td.default, td.detail {
 215   padding-right:10px;
 216   padding-bottom:3px;
 217   vertical-align: top;
 218 }
 219
 220 td.key {
 221   font-style: italic ;
 222   color:#666;
 223 }
 224
 225 span.key, span.default, span.detail {
 226   padding-bottom:3px;
 227 }
 228
 229 span.header {
 230   font: 14px "Trebuchet MS",Verdana,Arial,sans-serif;
 231   font-variant: small-caps;
 232   color:#000;
 233 }
 234
 235 .explanation ul {
 236         padding:0;
 237         margin:0;
 238 }
 239
 240 .explanation .details {
 241   float:left;
 242 }
 243
 244 table.overview td {
 245   vertical-align: top;
 246   padding-right:30px;
 247 }
 248 table.overview ul {
 249   margin:0;
 250   padding-left:5px;
 251   padding-top:5px;
 252 }
 253
 254 .versions ul {
 255   padding:0;
 256         padding-bottom:5px;
 257         margin:0;
 258 }
 259
 260 /* Intro panel */
 261 h2.intro_message {
 262   padding-top:0px;
 263   font-size:24px;
 264 }
 265 ul.intro_message {
 266   text-align:left;
 267   margin:10px;
 268 }
 269 ul.intro_message li {
 270   padding:0;
 271   margin:0;
 272   font-size:14px;
 273 }
 274 h3.intro_message {
 275   font-size:12px;
 276   color:#666;
 277   margin:0;
 278   padding:0;
 279   margin-top:10px;
 280   text-align:center;
 281
 282 }
 283 h4.intro_message {
 284   font-size:12px;
 285   color:#666;
 286   margin:0;
 287   padding:0;
 288   text-align:left;
 289 }
 290
 291 span.intro_message {
 292   text-align:left;
 293   font-size:18px;
 294 }
 295 xmp.intro {
 296   padding:5px;
 297   margin:0 2%;
 298   text-align:left;
 299   width:93%;
 300 }
 301
 302
 303 div#wrapper{
 304   float:left;
 305   width:100%
 306 }
 307 div#content{
 308   margin-right:200px;
 309   padding-right:10px;
 310   border-right: 1px solid #888;
 311 }
 312 div#navigation{
 313   float:left;
 314   width:200px;
 315   margin-left:-200px;
 316   text-align:left;
 317   background:#fef1e2;
 318 }
 319
 320 #nm {
 321   float:left;
 322   background:#FFF;
 323   width: 200px;
 324   height:250px;
 325   text-align:center;
 326 }
 327
 328 #g {
 329   float:left;
 330   padding-top:10px;
 331   padding-left:40px;
 332 }