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