doc/css/layout.css

   1 html > body {
   2   margin: 0;
   3   background-color: #f4f4f4;
   4 }
   5
   6 #layout-banner-box {
   7   top: 0px;
   8   left: 0px;
   9   width: 100%;
  10   height: 90px;
  11   background-color: #6e91bd;
  12   white-space: nowrap;
  13 }
  14
  15 #layout-menu-box {
  16   position: absolute;
  17   float: left;
  18   left: 0px;
  19   top: 95px;
  20   width: 215px;
  21   height: 100%;
  22 }
  23
  24 #layout-content-box {
  25   margin-left: 215px;
  26   background-color: white;
  27   border-left: 3px solid #eeeeee;
  28 }
  29
  30 h1 {
  31   margin-top: 0.5em;
  32 }
  33
  34 #layout-banner {
  35   text-align: left;
  36   vertical-align: top;
  37   margin-top: 5px;
  38   padding: 0 30px;
  39 }
  40
  41 #layout-banner div {
  42   display: inline;
  43 }
  44
  45 #layout-banner a:link, #layout-banner a:visited,
  46 #layout-banner a:active, #layout-banner a:hover {
  47   color: white;
  48   text-decoration: none;
  49 }
  50
  51
  52 #layout-title {
  53   margin: 0;
  54   margin-top: 18px;
  55   border-style: none;
  56 }
  57
  58 #layout-description {
  59   margin: 0;
  60   margin-left: 50px;
  61   margin-top: 35px;
  62   vertical-align: top;
  63 }
  64
  65 #layout-menu {
  66   height: auto;
  67 }
  68
  69 #layout-menu > ul {
  70   padding-top: 0.8em;
  71   padding-left: 10px;
  72   padding-right: 0.8em;
  73   font-size: 0.9em;
  74   font-family: sans-serif;
  75   font-weight: bold;
  76   list-style-type: none;
  77 }
  78
  79 #layout-menu > ul > ul {
  80   margin-left: 0px;
  81   padding-left: 1.5em;
  82   list-style-type: none;
  83 }
  84
  85 #layout-menu a {
  86   line-height: 2em;
  87   margin-left: 0.5em;
  88 }
  89
  90 #layout-menu a:link, #layout-menu a:visited, #layout-menu a:hover {
  91   color: #527bbd;
  92   text-decoration: none;
  93 }
  94
  95 #layout-menu a:hover {
  96   color: navy;
  97   text-decoration: none;
  98 }
  99
 100 #layout-sf {
 101   padding-left: 10px;
 102   position: absolute;
 103   bottom: 100px;
 104   font-size: 0.9em;
 105   width: 215px;
 106 }
 107
 108 #layout-menu-box #layout-sf a img{
 109   border-style: none;
 110 }
 111
 112 #layout-menu a.current_page {
 113   color: navy;
 114 }
 115
 116 #layout-content {
 117   padding-top: 0.2em;
 118   padding-left: 1.0em;
 119   padding-right: 0.4em;
 120 }
 121
 122 @media print {
 123   #layout-menu-box { display: none; }
 124   #layout-content-box { margin-top: 0; margin-left: 0; }
 125 }