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.ref {
  16         color: #404040;
  17 }
  18
  19 a > img {
  20         border: 0;
  21 }
  22
  23 #header {
  24         background-color: #1E1E1E;
  25         color: white;
  26         padding: 8px 8px 16px 8px;
  27 }
  28
  29 #header .logo {
  30         float: left;
  31         margin-right: 10px;
  32 }
  33
  34 #header h1 {
  35         margin: 4px 0 0 0;
  36         font-size: 65px;
  37         text-shadow: black 0px 2px;
  38 }
  39
  40 #header a {
  41         color: inherit;
  42         text-decoration: none;
  43 }
  44
  45 #header a:hover {
  46         text-decoration: underline;
  47 }
  48
  49 #header h2 {
  50         margin: 0;
  51         font-size: 28px;
  52         text-shadow: black 0px 1px;
  53 }
  54
  55 #siteid {
  56         float: left;
  57         width: 40%;
  58 }
  59
  60 #controls {
  61         float: right;
  62         width: 50%;
  63         margin-top: 8px;
  64         margin-right: 8px;
  65         font-size: large;
  66         text-align: right;
  67 }
  68
  69 h2 {
  70         font-size: 20pt;
  71         margin-bottom: 28pt;
  72 }
  73
  74 h1, h2, h3 {
  75         font-family: "Alte Haas Grotesk Bold", sans-serif;
  76 }
  77
  78 #main {
  79         padding: 15pt 15pt 20pt 15pt;
  80 }
  81
  82 #signup {
  83         padding: 8pt;
  84 }
  85
  86 #main h2, #signup h2, #about h2 {
  87         margin: 8pt 0;
  88 }
  89
  90 #post {
  91         padding: 20pt 20pt 16pt 20pt;
  92 }
  93
  94 #post h2 {
  95         font-size: 14pt;
  96         margin: 4pt 0 0 -4px;
  97 }
  98
  99 #post\.buttons {
 100         text-align: right;
 101         margin-right: -4px;
 102 }
 103
 104 #post\.buttons input {
 105         font-size: 14pt;
 106 }
 107
 108 #post\.content {
 109         font-size: 14pt;
 110         font-family: sans-serif;
 111         margin: 4pt 0 4pt -4px;
 112         border-width: 0;
 113         padding: 4px;
 114         width: 100%;
 115 }
 116
 117 .record {
 118         margin: 8pt 0 24pt 0;
 119         font-size: 14pt;
 120 }
 121
 122 .record p {
 123         margin-bottom: 0;
 124 }
 125
 126 .record .info {
 127         color: #8F8F8F;
 128         font-size: small;
 129         font-style: italic;
 130 }
 131
 132 .record .info a {
 133         color: #8F8F8F;
 134 }
 135
 136 #navigation {
 137         font-size: small;
 138         color: #8F8F8F;
 139         text-align: right;
 140 }
 141
 142 #latest h2 {
 143         font-size: 16pt;
 144 }
 145
 146 #latest-tags {
 147         text-align: center;
 148         line-height: 2em;
 149 }
 150
 151 #latest-tags a {
 152         margin: 0 0.75em;
 153 }
 154
 155 #latest-posts {
 156         height: 184pt;
 157         overflow: hidden;
 158 }
 159
 160 #latest-posts .record {
 161         font-size: 12pt;
 162         margin: 8pt 0;
 163 }
 164
 165 .author {
 166         font-weight: bold;
 167 }
 168
 169 #usercontrols {
 170         font-weight: bold;
 171 }
 172
 173 .quote {
 174         border-left: 2px solid blue;
 175         padding-left: 6px;
 176         margin-left: 2px;
 177 }