web/stylesheets/site.css

   1 body {
   2   margin: 0;
   3   margin-bottom: 25px;
   4   padding: 0;
   5   background-color: #f6f6ff;
   6   font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
   7   font-size: 13px;
   8   color: #333;
   9 }
  10
  11 h1 {
  12   font-size: 28px;
  13   color: #000;
  14 }
  15
  16 a  {
  17   color: #ec008c;
  18   text-decoration: none;
  19   font-weight: normal;
  20   border-bottom: 2px solid transparent;
  21   padding: 0.15em 0.3em;
  22 }
  23 a:hover {
  24   border-bottom: 2px solid #ec008c;
  25   color: #51baf6;
  26 }
  27
  28 #page {
  29   background-color: #f6f6ff;
  30   width: 790px;
  31   margin: 0;
  32   margin-left: auto;
  33   margin-right: auto;
  34 }
  35
  36 #content {
  37   float: left;
  38   background-color: white;
  39   border: 3px solid #91eaf6;
  40   border-top: none;
  41   padding: 25px;
  42   width: 550px;
  43 }
  44
  45 #sidebar {
  46   float: right;
  47   width: 175px;
  48 }
  49
  50 #footer {
  51   clear: both;
  52 }
  53
  54 #header {
  55   padding-left: 75px;
  56   padding-right: 30px;
  57 }
  58
  59 #header {
  60   background-image: url("../images/twitter4r.png");
  61   background-repeat: no-repeat;
  62   background-position: top left;
  63   height: 64px;
  64 }
  65 #header h1, #header h2 {margin: 0}
  66 #header h2 {
  67   color: #888;
  68   font-weight: normal;
  69   font-size: 16px;
  70 }
  71
  72 h4#twitter_me {
  73   text-align: center;
  74   font-weight: bolder;
  75 }
  76
  77 #sidebar ul {
  78   margin-left: 0;
  79   padding-left: 0;
  80 }
  81 #sidebar ul h3 {
  82   margin-top: 25px;
  83   font-size: 16px;
  84   padding-bottom: 10px;
  85   border-bottom: 1px solid #ccc;
  86 }
  87 #sidebar li {
  88   list-style-type: none;
  89 }
  90 #sidebar ul.links li {
  91   margin-bottom: 5px;
  92 }
  93
  94 #info,
  95 #downloads,
  96 #examples,
  97 #license,
  98 #contribute-code,
  99 #contribute-buzz,
 100 #contribute-funds {
 101   clear: both;
 102   padding: 0.25em 3em;
 103 }
 104
 105 #ohloh {
 106   text-align: center;
 107   clear: both;
 108 }
 109
 110 dl.scalable {
 111         background: #eee url(../images/boxbg.gif) repeat;
 112         margin: 0
 113         padding: 0;
 114         width: 28em;
 115 }
 116
 117 dl.scalable dt {
 118         background: transparent url(../images/top_left.gif) no-repeat top left;
 119         color: #000;
 120         margin: 0;
 121         padding: 0
 122 }
 123
 124 dl.scalable dt a {
 125         background: transparent url(../images/top_right.gif) no-repeat top right;
 126         display: block;
 127         margin: 0;
 128         padding: 1em 1.5em .2em 1.5em
 129 }
 130
 131 dl.scalable dd {
 132         background: transparent url(../images/bottom_left.gif) no-repeat bottom left;
 133         margin: 0;
 134         padding: 0
 135 }
 136
 137 dl.scalable p {
 138         background: transparent url(../images/bottom_right.gif) no-repeat bottom right;
 139         margin: 0;
 140         padding: 1.33em 1.5em 2.33em 1.5em
 141 }