html/css/style.css

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