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-image: url(/images/title_bg.png);
  21         background-size: auto 100%;
  22         background-repeat: repeat-x;
  23         background-color: #1E1E1E;
  24         color: white;
  25         padding: 8px 8px 16px 8px;
  26 }
  27
  28 #header .logo {
  29         float: left;
  30         margin-right: 10px;
  31 }
  32
  33 #header h1 {
  34         margin: 4px 0 0 0;
  35         font-size: 65px;
  36         text-shadow: black 0px 2px;
  37 }
  38
  39 #header a {
  40         color: inherit;
  41         text-decoration: none;
  42 }
  43
  44 #header a:hover {
  45         text-decoration: underline;
  46 }
  47
  48 #header h2 {
  49         margin: 0;
  50         font-size: 28px;
  51         text-shadow: black 0px 1px;
  52 }
  53
  54 #siteid {
  55         float: left;
  56         width: 40%;
  57 }
  58
  59 #controls {
  60         float: right;
  61         width: 50%;
  62         margin-top: 8px;
  63         margin-right: 8px;
  64         font-size: large;
  65         text-align: right;
  66 }
  67
  68 h2 {
  69         font-size: 20pt;
  70         margin-bottom: 28pt;
  71 }
  72
  73 h1, h2, h3 {
  74         font-family: "Alte Haas Grotesk Bold", sans-serif;
  75 }
  76
  77 #main {
  78         padding: 15pt 15pt 20pt 15pt;
  79 }
  80
  81 #signup {
  82         padding: 8pt;
  83 }
  84
  85 #main h2, #signup h2, #about h2 {
  86         margin: 8pt 0;
  87 }
  88
  89 #post {
  90         padding: 20pt;
  91         margin-bottom: 1.5em;
  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 .info {
 123         color: #8F8F8F;
 124         font-size: small;
 125         font-style: italic;
 126 }
 127
 128 #navigation {
 129         font-size: small;
 130         color: #8F8F8F;
 131         text-align: right;
 132 }