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