www/screen.css

   1 *{
   2   margin:0;
   3   padding:0;
   4   border:none;
   5 }
   6
   7 html,body{
   8   background:#fff;
   9   font:12px sans-serif;
  10   width:100%;
  11   height:100%;
  12   color:#222;
  13 }
  14
  15 a, a:link, a:visited{
  16     color:#189ee4;
  17     text-decoration:none;
  18     font-weight:bold;
  19     }
  20
  21 a:hover{
  22     color:#45bcf6;
  23     }
  24
  25 #wrapper{
  26   width:100%;
  27   min-width:950px;
  28   min-height: 100%;
  29   height: auto !important;
  30   height: 100%;
  31   margin: 0 auto -4em;
  32 }
  33
  34 #wrapper-welcome{
  35   width:100%;
  36   min-width:450px;
  37   margin: 0 auto -4em;
  38   font: 14px sans-serif;
  39 }
  40
  41 #header{
  42   background:#bae9ff;
  43   width:100%;
  44   height:100px;
  45   border-bottom:5px solid #e5f7ff;
  46 }
  47
  48 #header h1{
  49   text-indent:-9999px;
  50   float:left;
  51   display:block;
  52   width:267px;
  53   height:86px;
  54   margin:14px 0 0 20px;
  55   background-image:url("img/logo.png");
  56 }
  57
  58 #header h2{
  59   display:none;
  60 }
  61
  62 ul{
  63   list-style-position:inside;
  64   list-style-image: url("img/li.png");
  65 }
  66
  67 ul#menu{
  68   display:block;
  69   float:right;
  70   list-style:none;
  71   height:16px;
  72   margin:73px 37px 0 0;
  73 }
  74
  75 ul#menu li{
  76   float:left;
  77   font-size:16px;
  78   margin:0;
  79   text-transform:lowercase;
  80   letter-spacing:2px;
  81   font-weight:bold;
  82 }
  83
  84 ul#menu li a, ul#menu li a:link, ul#menu li a:visited{
  85   text-decoration:none;
  86   color:#1da2e8;
  87   padding:0.2em 0.5em 0 0.5em;
  88   border-bottom:7px solid #bae9ff;
  89
  90 }
  91
  92 ul#menu li a:hover{
  93   color:#33b5f5;
  94   border-bottom:7px solid #1da2e8;
  95 }
  96
  97 ul#menu li.active a{
  98   border-bottom:12px solid #e5f7ff;
  99   border-top:5px solid #33b5f5;
 100   background:#e5f7ff;
 101   color:#33b5f5;
 102 }
 103
 104 div#pagecontent{
 105  /*   width:990px;*/
 106     margin:3em;
 107 }
 108
 109 h1{
 110     color:#1ea3e9;
 111     margin:1em 0 0.5em 0;
 112     font-size:2em;
 113 }
 114
 115 h2{
 116     color:#55afe1;
 117     margin:1em 0 0.5em 0;
 118     font-size:1.7em;
 119 }
 120
 121 h3{
 122     color:#69caf9;
 123     margin:1em 0 0.5em 0;
 124     font-size:1.4em;
 125 }
 126
 127 p{
 128     margin-bottom:1em;
 129 }
 130
 131 code{
 132     background:#e2f6ff;
 133     border:1px solid #a2e1ff;
 134     padding:0.5em;
 135     margin:1em 0 1em 0;
 136     color: #226688;
 137     display:table-cell;
 138     font-family:monospace;
 139 }
 140
 141 div.push{
 142     height: 4em;
 143     }
 144
 145 div#footer{
 146     height: 2.8em;
 147     margin:2em 0 0 0;
 148     background:#bae9ff;
 149     border-top:5px solid #e5f7ff;
 150     line-height:2.8em;
 151     padding:0 2em 0 2em;
 152     font-size:9px;
 153     }
 154
 155 div#sf-donate-button{
 156     float: right;
 157     padding: 0 5em 0 0;
 158     }