www/css/blerg.css

   1 /* Blerg is (C) 2011 The Dominion of Awesome, and is distributed under a
   2  * BSD-style license.  Please see the COPYING file for details.
   3  */
   4 @font-face {
   5         font-family: "Alte Haas Grotesk Bold";
   6         src: url("/fonts/AlteHaasGroteskBold.ttf");
   7 }
   8
   9 body {
  10         margin: 0;
  11         font-family: sans-serif;
  12         background-color: white;
  13 }
  14
  15 a > img {
  16         border: 0;
  17 }
  18
  19 #header {
  20         background-color: #1E1E1E;
  21         color: white;
  22         padding: 8px 8px 16px 8px;
  23 }
  24
  25 #header .logo {
  26         float: left;
  27         margin-right: 10px;
  28 }
  29
  30 #header h1 {
  31         margin: 4px 0 0 0;
  32         font-size: 65px;
  33         text-shadow: black 0px 2px;
  34 }
  35
  36 #header a {
  37         color: inherit;
  38         text-decoration: none;
  39 }
  40
  41 #header a:hover {
  42         text-decoration: underline;
  43 }
  44
  45 #header h2 {
  46         margin: 0;
  47         font-size: 28px;
  48         text-shadow: black 0px 1px;
  49 }
  50
  51 #siteid {
  52         float: left;
  53         width: 40%;
  54 }
  55
  56 #controls {
  57         float: right;
  58         width: 50%;
  59         margin-top: 8px;
  60         margin-right: 8px;
  61         font-size: large;
  62         text-align: right;
  63 }
  64
  65 h2 {
  66         font-size: 20pt;
  67         margin-bottom: 28pt;
  68 }
  69
  70 h1, h2, h3 {
  71         font-family: "Alte Haas Grotesk Bold", sans-serif;
  72 }
  73
  74 #main {
  75         padding: 15pt 15pt 20pt 15pt;
  76 }
  77
  78 #signup {
  79         padding: 8pt;
  80 }
  81
  82 #main h2, #signup h2, #about h2 {
  83         margin: 8pt 0;
  84 }
  85
  86 #post {
  87         padding: 20pt 20pt 16pt 20pt;
  88 }
  89
  90 #post h2 {
  91         font-size: 14pt;
  92         margin: 4pt 0 0 -4px;
  93 }
  94
  95 #post\.buttons {
  96         text-align: right;
  97         margin-right: -4px;
  98 }
  99
 100 #post\.buttons input {
 101         font-size: 14pt;
 102 }
 103
 104 #post\.content {
 105         font-size: 14pt;
 106         font-family: sans-serif;
 107         margin: 4pt 0 4pt -4px;
 108         border-width: 0;
 109         padding: 4px;
 110         width: 100%;
 111 }
 112
 113 .record {
 114         margin: 8pt 0 24pt 0;
 115         font-size: 14pt;
 116 }
 117
 118 .record .info {
 119         color: #8F8F8F;
 120         font-size: small;
 121         font-style: italic;
 122 }
 123
 124 #navigation {
 125         font-size: small;
 126         color: #8F8F8F;
 127         text-align: right;
 128 }
 129
 130 #latest h2 {
 131         font-size: 16pt;
 132 }
 133
 134 #latest-posts {
 135         height: 92pt;
 136         overflow: hidden;
 137 }
 138
 139 #latest-posts .record {
 140         font-size: 12pt;
 141         margin: 4pt 0;
 142 }
 143
 144 .author {
 145         font-weight: bold;
 146 }