git.gag.com Git - debian/openrocket/blob - core/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 .left {
 305   float: left;
 306   margin: 0;
 307 }
 308
 309 .right {
 310   float: right;
 311   margin: 0;
 312 }
 313
 314 li {
 315   margin-top: 0.5em;
 316 }
 317
 318
 319 p.download {
 320   margin: 2em;
 321 }
 322 p.download a {
 323   font-size: 140%;
 324   font-style: italic;
 325   padding: 0.5em;
 326   border: dashed 1px red;
 327   background-color: #89cbe0;
 328   outline: none;
 329 }
 330 p.download a:hover {
 331   color: #00F;
 332   background-color: #ee9494;
 333 }
 334 p.download a:focus {
 335   background-color: #8fd5eb;
 336 }
 337
 338 div.valid {
 339   float: right;
 340   margin-right: 2em;
 341 }
 342
 343
 344
 345 ol.toc {
 346   list-style-type: none;
 347 }
 348
 349 dt+dt {
 350   margin-top: 0.5em;
 351 }
 352 dd {
 353   margin-top: 0.2em;
 354   margin-bottom: 1.4em;
 355 }
 356
 357
 358 div.downloadbox {
 359     position: relative;
 360     width: 180px;
 361     height: 80px;
 362     text-align: left;
 363
 364     border-top:    2px solid #6e2;
 365     border-left:   1px solid #4c1;
 366     border-right:  1px solid #380;
 367     border-bottom: 2px solid #360;
 368
 369     -moz-box-shadow: 1px 1px 4px 0px #333;
 370     -webkit-box-shadow: 1px 1px 4px 0px #333;
 371     box-shadow: 1px 1px 4px 0px #333;
 372
 373
 374     background-color: #5c2;
 375
 376     -moz-border-radius: 10px;
 377     -webkit-border-radius: 10px;
 378     border-radius: 10px;
 379
 380     background-image: -webkit-gradient(
 381         linear,
 382         left bottom,
 383         left top,
 384         color-stop(0.08, rgb(55,156,14)),
 385         color-stop(0.9, rgb(102,221,17))
 386     );
 387     background-image: -moz-linear-gradient(
 388         center bottom,
 389         rgb(55,156,14) 8%,
 390         rgb(102,221,17) 90%
 391     );
 392
 393     white-space: nowrap;
 394 }
 395
 396 div.downloadbox a.main {
 397     position: absolute;
 398     left: 0px;
 399     right: 0px;
 400     top: 0px;
 401     bottom: 0px;
 402
 403     color: #a0ff4b;
 404     font-family: Arial, sans-serif;
 405
 406     padding: 8px 12px;
 407     text-shadow: #666 1px 1px 1px;
 408 }
 409 div.downloadbox a.main span {
 410     font-size: 90%;
 411 }
 412 div.downloadbox a.main:hover {
 413   text-shadow: #000 1px 1px 1px;
 414 }
 415
 416 div.downloadbox a strong {
 417     display: block;
 418     margin-bottom: 3px;
 419     color: white;
 420     font-weight: bold;
 421     font-size: larger;
 422 }
 423 div.downloadbox a:hover strong {
 424     text-shadow: #666 1px 1px 1px;
 425 }
 426
 427
 428 div.downloadbox .alternative {
 429     position: absolute;
 430     bottom: 0;
 431     left: 0;
 432     right: 0;
 433     margin: 0;
 434     padding: 0 10px 10px 10px;
 435     font-size: 11px;
 436     font-family: Arial, sans-serif;
 437     color: #244506;
 438 }
 439 div.downloadbox .alternative a {
 440     color: #244506;
 441 }
 442 div.downloadbox .alternative a+a {
 443     text-align: right;
 444 }
 445 div.downloadbox .alternative a:hover {
 446     color: black;
 447 }
 448 /*
 449 .page_index div.downloadbox {
 450     width: 195px;
 451     margin: 0.5em 0 1em 50px;
 452 }
 453 */
 454 .rightpane {
 455     width: 210px;
 456     float: right;
 457     clear: both;
 458     margin: 0 0 0 30px;
 459     text-align: center;
 460 }
 461 .rightpane div {
 462     margin: 2em auto;
 463 }
 464
 465 .rightpane div.downloadbox {
 466     margin: 0 auto 2em auto;
 467 }
 468 .rightpane div.screenshot {
 469     font-size: smaller;
 470     font-style: italic;
 471     text-align: center;
 472 }
 473 .rightpane div.support {
 474     margin-bottom: 0;
 475     text-align: center;
 476 }
 477
 478 .page_download div.support {
 479     margin: 20px 0;
 480 }
 481
 482 .rightimg {
 483     width: 210px;
 484     float: right;
 485     clear: both;
 486     margin: 2em 0 2em 30px;
 487     font-size: smaller;
 488     font-style: italic;
 489     text-align: center;
 490 }
 491 .rightimg img {
 492     display: block;
 493     margin-bottom: 1em;
 494 }
 495
 496
 497
 498 div.news .date {
 499     font-weight: bold;
 500 }
 501
 502 .page_download div.contentholder {
 503     margin-right: 15em;
 504 }
 505 .page_download div.news {
 506     background-color: white;
 507     padding-left: 3em;
 508     float: right;
 509     width: 18em;
 510     font-size: x-small;
 511 }
 512 .page_download div.news h2 {
 513     border-bottom: none;
 514     margin-bottom: 1em;
 515 }
 516 .page_download div.news .date {
 517     display: block;
 518 }
 519 .page_download div.downloadbox {
 520     margin-left: auto;
 521     margin-right: auto;
 522 }
 523
 524
 525 li.spacer {
 526     margin-top: 1.5em;
 527     margin-bottom: 1.5em;
 528 }
 529
 530 .screenshots {
 531     background-color: white;
 532     padding-left: 3em;
 533     float: right;
 534     width: 270px;
 535     font-size: x-small;
 536 }
 537 .smallshotconst {
 538   width: 270px;
 539   height: 220px;
 540   margin: 0em 1em;
 541   text-align: center;
 542   font-style: italic;
 543 }
 544 .smallshotconst em {
 545   font-style: normal;
 546 }
 547
 548
 549
 550 pre.license {
 551     width: 46em;
 552     margin: 1em auto;
 553 }
 554
 555
 556 .note {
 557     font-size: 80%;
 558 }
 559
 560 .spacing {
 561     margin-top: 2em;
 562     margin-bottom: 2em;
 563 }
 564
 565 dl {
 566     margin: 0 2em;
 567 }
 568
 569 span.command {
 570     white-space: nowrap;
 571     font-family: monospace;
 572     border: solid 1px #ddd;
 573     background-color: #eee;
 574     padding: 1px 3px;
 575 }
 576
 577 .center {
 578     text-align: center;
 579 }
 580
 581 span.licenseimage {
 582     display: block;
 583     float: left;
 584     width: 100px;
 585     margin-left: 10px;
 586     margin-top: 2px;
 587 }
 588
 589 .instructions {
 590   margin-left: 100px;
 591 }