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 .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     white-space: nowrap;
 389 }
 390
 391 div.downloadbox a.main {
 392     position: absolute;
 393     left: 0px;
 394     right: 0px;
 395     top: 0px;
 396     bottom: 0px;
 397
 398     color: #a0ff4b;
 399     font-family: Arial, sans-serif;
 400
 401     padding: 8px 12px;
 402     text-shadow: #666 1px 1px 1px;
 403 }
 404 div.downloadbox a.main span {
 405     font-size: 90%;
 406 }
 407 div.downloadbox a.main:hover {
 408   text-shadow: #000 1px 1px 1px;
 409 }
 410
 411 div.downloadbox a strong {
 412     display: block;
 413     margin-bottom: 3px;
 414     color: white;
 415     font-weight: bold;
 416     font-size: larger;
 417 }
 418 div.downloadbox a:hover strong {
 419     text-shadow: #666 1px 1px 1px;
 420 }
 421
 422
 423 div.downloadbox .alternative {
 424     position: absolute;
 425     bottom: 0;
 426     left: 0;
 427     right: 0;
 428     margin: 0;
 429     padding: 0 10px 10px 10px;
 430     font-size: 11px;
 431     font-family: Arial, sans-serif;
 432     color: #244506;
 433 }
 434 div.downloadbox .alternative a {
 435     color: #244506;
 436 }
 437 div.downloadbox .alternative a+a {
 438     text-align: right;
 439 }
 440 div.downloadbox .alternative a:hover {
 441     color: black;
 442 }
 443 /*
 444 .page_index div.downloadbox {
 445     width: 195px;
 446     margin: 0.5em 0 1em 50px;
 447 }
 448 */
 449 .rightpane {
 450     width: 210px;
 451     float: right;
 452     clear: both;
 453     margin: 0 0 0 30px;
 454     text-align: center;
 455 }
 456 .rightpane div {
 457     margin: 2em auto;
 458 }
 459
 460 .rightpane div.downloadbox {
 461     margin: 0 auto 2em auto;
 462 }
 463 .rightpane div.screenshot {
 464     font-size: smaller;
 465     font-style: italic;
 466     text-align: center;
 467 }
 468 .rightpane div.support {
 469     margin-bottom: 0;
 470     text-align: center;
 471 }
 472
 473 .page_download div.support {
 474     margin: 20px 0;
 475 }
 476
 477 .rightimg {
 478     width: 210px;
 479     float: right;
 480     clear: both;
 481     margin: 2em 0 2em 30px;
 482     font-size: smaller;
 483     font-style: italic;
 484     text-align: center;
 485 }
 486 .rightimg img {
 487     display: block;
 488     margin-bottom: 1em;
 489 }
 490
 491
 492
 493 div.news .date {
 494     font-weight: bold;
 495 }
 496
 497 .page_download div.contentholder {
 498     margin-right: 15em;
 499 }
 500 .page_download div.news {
 501     background-color: white;
 502     padding-left: 3em;
 503     float: right;
 504     width: 18em;
 505     font-size: x-small;
 506 }
 507 .page_download div.news h2 {
 508     border-bottom: none;
 509     margin-bottom: 1em;
 510 }
 511 .page_download div.news .date {
 512     display: block;
 513 }
 514 .page_download div.downloadbox {
 515     margin-left: auto;
 516     margin-right: auto;
 517 }
 518
 519
 520 li.spacer {
 521     margin-top: 1.5em;
 522     margin-bottom: 1.5em;
 523 }
 524
 525 .screenshots {
 526     background-color: white;
 527     padding-left: 3em;
 528     float: right;
 529     width: 270px;
 530     font-size: x-small;
 531 }
 532 .smallshotconst {
 533   width: 270px;
 534   height: 220px;
 535   margin: 0em 1em;
 536   text-align: center;
 537   font-style: italic;
 538 }
 539 .smallshotconst em {
 540   font-style: normal;
 541 }
 542
 543
 544
 545 pre.license {
 546     width: 46em;
 547     margin: 1em auto;
 548 }
 549
 550
 551 .note {
 552     font-size: 80%;
 553 }
 554
 555 .spacing {
 556     margin-top: 2em;
 557     margin-bottom: 2em;
 558 }
 559
 560 dl {
 561     margin: 0 2em;
 562 }
 563
 564 span.command {
 565     white-space: nowrap;
 566     font-family: monospace;
 567     border: solid 1px #ddd;
 568     background-color: #eee;
 569     padding: 1px 3px;
 570 }
 571
 572 .center {
 573     text-align: center;
 574 }
 575
 576 span.licenseimage {
 577     display: block;
 578     float: left;
 579     width: 100px;
 580     margin-left: 10px;
 581     margin-top: 2px;
 582 }