www/css/blerg.css

   1 @font-face {
   2         font-family: "Alte Haas Grotesk Bold";
   3         src: url("/fonts/AlteHaasGroteskBold.ttf");
   4 }
   5
   6 body {
   7         margin: 0;
   8         font-family: sans-serif;
   9         background-color: white;
  10 }
  11
  12 a > img {
  13         border: 0;
  14 }
  15
  16 #header {
  17         background-image: url(/images/title_bg.png);
  18         background-size: auto 100%;
  19         background-repeat: repeat-x;
  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;
  88         margin-bottom: 1.5em;
  89 }
  90
  91 #post h2 {
  92         font-size: 14pt;
  93         margin: 4pt 0 0 -4px;
  94 }
  95
  96 #post\.buttons {
  97         text-align: right;
  98         margin-right: -4px;
  99 }
 100
 101 #post\.buttons input {
 102         font-size: 14pt;
 103 }
 104
 105 #post\.content {
 106         font-size: 14pt;
 107         font-family: sans-serif;
 108         margin: 4pt 0 4pt -4px;
 109         border-width: 0;
 110         padding: 4px;
 111         width: 100%;
 112 }
 113
 114 .record {
 115         margin: 8pt 0 24pt 0;
 116         font-size: 14pt;
 117 }
 118
 119 .record .info {
 120         color: #8F8F8F;
 121         font-size: small;
 122         font-style: italic;
 123 }
 124
 125 #navigation {
 126         font-size: small;
 127         color: #8F8F8F;
 128         text-align: right;
 129 }