html/css/style.css

   1 body {
   2   background-color: #fff;
   3   margin: 0;
   4 }
   5 header .container { width: 100%; }
   6 header .container div#navbar {
   7   width: 680px;
   8   height: 66px;
   9   margin: 0 auto;
  10   background-color: #fff;
  11 }
  12 header .container div#navbar div { float: left; }
  13 header .container div#navbar div.logo {
  14   padding-top: 7px;
  15 }
  16 header .container div#navbar div#lang {
  17   float: right;
  18 }
  19 header .container div#navbar div#lang div.container {
  20   position: absolute;
  21   top: 66px;
  22   width: 110px;
  23   display: none;
  24   box-shadow: 1px 2px 2px #000;
  25 }
  26 header .container div#navbar div#lang div.item {
  27   padding: 26px 1em 0 1em;
  28   width: 80px;
  29   height: 40px;
  30   cursor: pointer;
  31   background-color: #fff;
  32   font-size: 90%;
  33 }
  34 header .container div#navbar div#lang div.item:hover {
  35   background-color: #c8c8c8;
  36 }
  37 header .container div#navbar div#lang div#current-lang {
  38   text-align: center;
  39 }
  40 div#docs-header {
  41   background-color: #084;
  42   width: 100%;
  43   height: 300px;
  44 }
  45 div#docs-header .container {
  46   width: 680px;
  47   height: 300px;
  48   margin: 0 auto;
  49   background-color: #0a4;
  50 }
  51 div#docs-header .container .buttons-container {
  52   position: absolute;
  53 }
  54 div#docs-header .container .buttons-container .inner-container {
  55   position: relative;
  56   left: 600px;
  57   top: 260px;
  58 }
  59 div#docs-header .container .buttons-container .button {
  60   padding: .25em .5em;
  61   background-color: #fff;
  62   float: left;
  63   font-family: Arial;
  64   font-size: 10pt;
  65   margin: 1px 1px;
  66   cursor: pointer;
  67 }
  68 div#docs-header .container .buttons-container .pressed {
  69   background-color: #c8c8c8;
  70 }
  71 div#docs .container {
  72   width: 650px;
  73   margin: 0 auto;
  74   padding: 10px 15px;
  75   background-color: #fff;
  76   font-size: 90%;
  77 }
  78 article h2 {
  79   color: #094;
  80   padding-top: 1em;
  81   font-size: 125%;
  82 }
  83
  84 div#download-box {
  85   width: 380px;
  86 }
  87 footer div.container {
  88   margin: 2em .5em .5em .5em;
  89   padding: .5em .5em;
  90   border-top: 1px solid #c8c8c8;
  91 }
  92
  93 a {
  94   color: #094;
  95   text-decoration: none;
  96 }
  97 a:hover {
  98   text-decoration: underline;
  99 }
 100 a img {
 101   border: 0;
 102 }