git.gag.com Git - debian/openrocket/blob - web/html/alternative.css

   1
   2 body {
   3   margin: 0;
   4   padding: 0;
   5   background-color: black;
   6   background-image: url(starfield.jpg);
   7 }
   8
   9 #iewarn {
  10   width: 100%;
  11   font-size: 140%;
  12   background-color: #fa0;
  13   text-align: center;
  14   padding: 2em 2em;
  15   border-top: solid 1px black;
  16   border-bottom: solid 1px black;
  17 }
  18
  19 h1 {
  20   margin: 0.75em 1.7em 1.25em 120px;
  21   color: #bbf;
  22   text-align: right;
  23 }
  24
  25 h2 {
  26   margin-top: 1.5em;
  27   border-bottom: dotted 2px #f99;
  28 }
  29 /* TODO: Change to direct next element */
  30 div.content h2:first-child {
  31     margin-top: 0em;
  32 }
  33
  34 h3 {
  35   margin-top: 1.5em;
  36   border-bottom: dotted 1px #99f;
  37 }
  38
  39
  40 a {
  41   text-decoration: none;
  42   color: #00B;
  43 }
  44 a:hover {
  45   color: #44c;
  46 }
  47
  48
  49 div.icon {
  50   position: absolute;
  51   width: 194px;
  52   height: 214px;
  53   left: 0px;
  54   top: -178px;
  55   background: url('icon.png') no-repeat;
  56 }
  57 div.icon a {
  58   display: block;
  59   position: absolute;
  60   left: 0px;
  61   right: 25px;
  62   top: 0px;
  63   bottom: 0px;
  64 /*  border: solid 1px red; */
  65 }
  66
  67
  68 div.menucontainer {
  69   position: absolute;
  70   top: 90px;
  71   left: 0px;
  72   z-index: 100;
  73 }
  74
  75 div.menu {
  76   position: absolute;
  77   left: 20px;
  78   top: 95px;
  79   width: 170px;
  80   margin: 0;
  81   padding: 0 0;
  82   background: #c1d0db url(menubg.png) repeat-x;
  83   z-index: 200;
  84   border: solid 1px black;
  85   -moz-border-radius: 12px;
  86   -webkit-border-radius: 12px;
  87   -khtml-border-radius: 12px;
  88   border-radius: 12px;
  89 }
  90 div.menu ul {
  91   position: relative;
  92   list-style: none;
  93   margin: 0;
  94   padding: 0 0;
  95 }
  96
  97 div.menu li {
  98   display: block;
  99   left: 0;
 100   right: 0;
 101   margin: 0;
 102   text-align: center;
 103 }
 104
 105 div.menu li a {
 106   display: block;
 107   left: 0;
 108   right: 0;
 109   font-style: normal;
 110   text-decoration: none;
 111   color: #00d;
 112   padding: 0.65em 1em;
 113   outline: none;
 114 }
 115
 116 div.menu li:first-child a {
 117   padding: 0.5em 0 !important;
 118   font-size: 160% !important;
 119   font-weight: normal !important;
 120   color: #003 !important;
 121   background-color: transparent !important;
 122   text-shadow: #666 1px 1px 3px;
 123 }
 124
 125 div.menu li a:hover {
 126   background-color: #eeb6b6;
 127   -moz-border-radius: 12px;
 128   -webkit-border-radius: 12px;
 129   -khtml-border-radius: 12px;
 130   border-radius: 12px;
 131 }
 132
 133
 134
 135 div.menu div.logo {
 136   position: absolute;
 137   top: 100%;
 138   left: -2px;
 139   margin-top: 15px;
 140   width: 100%;
 141 }
 142
 143 div.menu div.logo img {
 144   display: block;
 145   margin: 0 auto;
 146 }
 147
 148
 149 .page_index div.menu a[href="index.html"],
 150 .page_features div.menu a[href="features.html"],
 151 .page_screenshots div.menu a[href="screenshots.html"],
 152 .page_download div.menu a[href="download.html"],
 153 .page_documentation div.menu a[href="documentation.html"],
 154 .page_getinvolved div.menu a[href="getinvolved.html"],
 155 .page_contact div.menu a[href="contact.html"],
 156 .page_report div.menu a[href="report.html"],
 157 .page_license div.menu a[href="license.html"] {
 158   font-weight: bold;
 159   font-size: 110%;
 160 }
 161
 162
 163 .content {
 164     margin: 0em 2em 1em 130px;
 165     padding: 2em 2em 2em 80px;
 166     min-height: 27em;
 167     background-color: white;
 168     position: relative;
 169     border: 2px solid #666;
 170     min-height: 530px;
 171 }
 172
 173
 174 .content div.tl, .content div.tr, .content div.bl, .content div.br {
 175   position: absolute;
 176   width: 10px;
 177   height: 10px;
 178   background: url('whitebox.png') no-repeat;
 179 }
 180 .content div.tl {
 181   top: -10px;
 182   left: -10px;
 183   background-position: 0px 0px;
 184 }
 185 .content div.tr {
 186   top: -10px;
 187   right: -10px;
 188   background-position: -50px 0px;
 189 }
 190 .content div.bl {
 191   bottom: -10px;
 192   left: -10px;
 193   background-position: 0px -50px;
 194 }
 195 .content div.br {
 196   bottom: -10px;
 197   right: -10px;
 198   background-position: -50px -50px;
 199 }
 200
 201 .content div.t, .content div.b {
 202   position: absolute;
 203   height: 10px;
 204   left: 0px;
 205   right: 0px;
 206   background: url('whitebox-vertical.png') repeat-x;
 207 }
 208 .content div.t {
 209   top: -10px;
 210 }
 211 .content div.b {
 212   bottom: -10px;
 213   background-position: 0px -50px;
 214 }
 215
 216 .content div.l, .content div.r {
 217   position: absolute;
 218   width: 10px;
 219   top: 0px;
 220   bottom: 0px;
 221   background: url('whitebox-horizontal.png') repeat-y;
 222 }
 223 .content div.l {
 224   left: -10px;
 225 }
 226 .content div.r {
 227   right: -10px;
 228   background-position: -50px 0px;
 229 }
 230
 231
 232
 233 img {
 234   border: 0px;
 235   outline: none;
 236   font-size: 70%;
 237 }
 238
 239 .smallshot {
 240   float: left;
 241   margin-top:2em;
 242   text-align: center;
 243   font-style: italic;
 244   margin-right: 2em;
 245 }
 246 .smallshot.last {
 247   margin-right: 0;
 248 }
 249 .clear {
 250   clear:both;
 251 }
 252
 253
 254
 255
 256 a.help {
 257   margin-left: 1em;
 258   font-size: smaller;
 259   font-style: italic;
 260 }
 261
 262
 263 pre.quote {
 264   margin: 0.5em 2em;
 265   padding: 1em;
 266   border: dashed 1px #888;
 267   background-color: #ddd;
 268   display: inline-block;
 269 }
 270
 271 p.quote {
 272   margin: 2em;
 273 }
 274
 275 hr {
 276   margin: 2em 0em;
 277 }
 278
 279 .right {
 280   float: right;
 281   margin: 0;
 282 }
 283
 284 li {
 285   margin-top: 0.5em;
 286 }
 287
 288
 289 p.download {
 290   margin: 2em;
 291 }
 292 p.download a {
 293   font-size: 140%;
 294   font-style: italic;
 295   padding: 0.5em;
 296   border: dashed 1px red;
 297   background-color: #89cbe0;
 298   outline: none;
 299 }
 300 p.download a:hover {
 301   color: #00F;
 302   background-color: #ee9494;
 303 }
 304 p.download a:focus {
 305   background-color: #8fd5eb;
 306 }
 307
 308 div.valid {
 309   float: right;
 310   margin-right: 2em;
 311 }
 312
 313
 314
 315 ol.toc {
 316   list-style-type: none;
 317 }
 318
 319 dt+dt {
 320   margin-top: 0.5em;
 321 }
 322 dd {
 323   margin-top: 0.2em;
 324   margin-bottom: 1.4em;
 325 }
 326
 327
 328 div.downloadbox {
 329     position: relative;
 330     width: 175px;
 331     height: 80px;
 332     background: transparent url('greenbox.png') no-repeat;
 333     text-align: left;
 334 }
 335
 336 div.downloadbox a.main {
 337     position: absolute;
 338     left: 0px;
 339     right: 0px;
 340     top: 0px;
 341     bottom: 0px;
 342
 343     color: #a0ff4b;
 344     font-family: Arial, sans-serif;
 345
 346     padding: 10px 12px;
 347     text-shadow: #666 1px 1px 1px;
 348 }
 349 div.downloadbox a.main span {
 350     font-size: 90%;
 351 }
 352 div.downloadbox a.main:hover {
 353   text-shadow: #000 1px 1px 1px;
 354 }
 355
 356 div.downloadbox a strong {
 357     display: block;
 358     margin-bottom: 3px;
 359     color: white;
 360     font-weight: bold;
 361     font-size: larger;
 362 }
 363 div.downloadbox a:hover strong {
 364     text-shadow: #666 1px 1px 1px;
 365 }
 366
 367
 368 div.downloadbox .alternative {
 369     position: absolute;
 370     bottom: 0;
 371     left: 0;
 372     right: 0;
 373     margin: 0;
 374     padding: 0 10px 10px 10px;
 375     font-size: 11px;
 376     font-family: Arial, sans-serif;
 377     color: #244506;
 378 }
 379 div.downloadbox .alternative a {
 380     color: #244506;
 381 }
 382 div.downloadbox .alternative a+a {
 383     text-align: right;
 384 }
 385 div.downloadbox .alternative a:hover {
 386     color: black;
 387 }
 388 /*
 389 .page_index div.downloadbox {
 390     width: 195px;
 391     margin: 0.5em 0 1em 50px;
 392 }
 393 */
 394 .rightpane {
 395     width: 210px;
 396     float: right;
 397     clear: both;
 398     margin: 0 0 0 30px;
 399     text-align: center;
 400 }
 401 .rightpane div {
 402     margin: 2em auto;
 403 }
 404
 405 .rightpane div.downloadbox {
 406     margin: 0 auto 2em 0;
 407 }
 408 .rightpane div.screenshot {
 409     font-size: smaller;
 410     font-style: italic;
 411     text-align: center;
 412 }
 413 .rightpane div.support {
 414     margin-bottom: 0;
 415     text-align: center;
 416 }
 417
 418 .page_download div.support {
 419     margin: 20px 0;
 420 }
 421
 422 .rightimg {
 423     width: 210px;
 424     float: right;
 425     clear: both;
 426     margin: 2em 0 2em 30px;
 427     font-size: smaller;
 428     font-style: italic;
 429     text-align: center;
 430 }
 431 .rightimg img {
 432     display: block;
 433     margin-bottom: 1em;
 434 }
 435
 436
 437
 438 div.news .date {
 439     font-weight: bold;
 440 }
 441
 442 .page_download div.contentholder {
 443     margin-right: 15em;
 444 }
 445 .page_download div.news {
 446     background-color: white;
 447     padding-left: 3em;
 448     float: right;
 449     width: 18em;
 450     font-size: x-small;
 451 }
 452 .page_download div.news h2 {
 453     border-bottom: none;
 454     margin-bottom: 1em;
 455 }
 456 .page_download div.news .date {
 457     display: block;
 458 }
 459 .page_download div.downloadbox {
 460     margin-left: auto;
 461     margin-right: auto;
 462 }
 463
 464
 465 li.spacer {
 466     margin-top: 1.5em;
 467     margin-bottom: 1.5em;
 468 }
 469
 470 .screenshots {
 471     background-color: white;
 472     padding-left: 3em;
 473     float: right;
 474     width: 270px;
 475     font-size: x-small;
 476 }
 477 .smallshotconst {
 478   width: 270px;
 479   height: 220px;
 480   margin: 0em 1em;
 481   text-align: center;
 482   font-style: italic;
 483 }
 484 .smallshotconst em {
 485   font-style: normal;
 486 }
 487
 488
 489
 490 pre.license {
 491     width: 46em;
 492     margin: 1em auto;
 493 }
 494
 495
 496 .note {
 497     font-size: 80%;
 498 }
 499
 500 .spacing {
 501     margin-top: 2em;
 502     margin-bottom: 2em;
 503 }
 504
 505 dl {
 506     margin: 0 2em;
 507 }
 508
 509 span.command {
 510     white-space: nowrap;
 511     font-family: monospace;
 512     border: solid 1px #ddd;
 513     background-color: #eee;
 514     padding: 1px 3px;
 515 }
 516
 517 .center {
 518     text-align: center;
 519 }