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 }
 334
 335 div.downloadbox a.main {
 336     position: absolute;
 337     left: 0px;
 338     right: 0px;
 339     top: 0px;
 340     bottom: 0px;
 341
 342     color: #a0ff4b;
 343     font-family: Arial, sans-serif;
 344
 345     padding: 10px 12px;
 346     text-shadow: #666 1px 1px 1px;
 347 }
 348 div.downloadbox a.main span {
 349     font-size: 90%;
 350 }
 351 div.downloadbox a.main:hover {
 352   text-shadow: #000 1px 1px 1px;
 353 }
 354
 355 div.downloadbox a strong {
 356     display: block;
 357     margin-bottom: 3px;
 358     color: white;
 359     font-weight: bold;
 360     font-size: larger;
 361 }
 362 div.downloadbox a:hover strong {
 363     text-shadow: #666 1px 1px 1px;
 364 }
 365
 366
 367 div.downloadbox .alternative {
 368     position: absolute;
 369     bottom: 0;
 370     left: 0;
 371     right: 0;
 372     margin: 0;
 373     padding: 0 10px 10px 10px;
 374     font-size: 11px;
 375     font-family: Arial, sans-serif;
 376     color: #244506;
 377 }
 378 div.downloadbox .alternative a {
 379     color: #244506;
 380 }
 381 div.downloadbox .alternative a+a {
 382     text-align: right;
 383 }
 384 div.downloadbox .alternative a:hover {
 385     color: black;
 386 }
 387
 388 .page_index div.downloadbox {
 389     width: 195px;
 390     margin: 0.5em 0 1em 50px;
 391 }
 392
 393 .rightimg {
 394     width: 210px;
 395     float: right;
 396     clear: both;
 397     margin: 2em 0 2em 30px;
 398     font-size: smaller;
 399     font-style: italic;
 400     text-align: center;
 401 }
 402 .rightimg img {
 403     display: block;
 404     margin-bottom: 1em;
 405 }
 406
 407
 408
 409 div.news .date {
 410     font-weight: bold;
 411 }
 412
 413 .page_download div.contentholder {
 414     margin-right: 15em;
 415 }
 416 .page_download div.news {
 417     background-color: white;
 418     padding-left: 3em;
 419     float: right;
 420     width: 18em;
 421     font-size: x-small;
 422 }
 423 .page_download div.news h2 {
 424     border-bottom: none;
 425     margin-bottom: 1em;
 426 }
 427 .page_download div.news .date {
 428     display: block;
 429 }
 430 .page_download div.downloadbox {
 431     margin-left: auto;
 432     margin-right: auto;
 433 }
 434
 435
 436 li.spacer {
 437     margin-top: 1.5em;
 438     margin-bottom: 1.5em;
 439 }
 440
 441 .screenshots {
 442     background-color: white;
 443     padding-left: 3em;
 444     float: right;
 445     width: 270px;
 446     font-size: x-small;
 447 }
 448 .smallshotconst {
 449   width: 270px;
 450   height: 220px;
 451   margin: 0em 1em;
 452   text-align: center;
 453   font-style: italic;
 454 }
 455 .smallshotconst em {
 456   font-style: normal;
 457 }
 458
 459
 460
 461 pre.license {
 462     width: 46em;
 463     margin: 1em auto;
 464 }
 465
 466
 467 .note {
 468     font-size: 80%;
 469 }