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 .blerg-header {
  24         background-color: #1E1E1E;
  25         color: white;
  26         padding: 8px 8px 16px 8px;
  27 }
  28
  29 .blerg-header .logo {
  30         float: left;
  31         margin-right: 10px;
  32 }
  33
  34 .blerg-header h1 {
  35         margin: 4px 0 0 0;
  36         font-size: 65px;
  37         text-shadow: black 0px 2px;
  38 }
  39
  40 .blerg-header a {
  41         color: inherit;
  42         text-decoration: none;
  43 }
  44
  45 .blerg-header a:hover {
  46         text-decoration: underline;
  47 }
  48
  49 .blerg-header h2 {
  50         margin: 0;
  51         font-size: 28px;
  52         text-shadow: black 0px 1px;
  53 }
  54
  55 .blerg-controls {
  56         float: right;
  57         width: 50%;
  58         margin-top: 8px;
  59         margin-right: 8px;
  60         font-size: large;
  61         text-align: right;
  62 }
  63
  64 h2 {
  65         font-size: 20pt;
  66         margin-bottom: 28pt;
  67 }
  68
  69 h1, h2, h3 {
  70         font-family: "Alte Haas Grotesk Bold", sans-serif;
  71 }
  72
  73 .blerg-main {
  74         padding: 15pt 15pt 20pt 15pt;
  75 }
  76
  77 .blerg-main h2 {
  78         margin: 8pt 0;
  79 }
  80
  81 .blerg-post {
  82         padding: 20pt 20pt 16pt 20pt;
  83 }
  84
  85 .blerg-post h2 {
  86         font-size: 14pt;
  87         margin: 0;
  88 }
  89
  90 .blerg-post .buttons {
  91         text-align: right;
  92 }
  93
  94 .blerg-post .buttons .onyx-button {
  95         margin-left: 4pt;
  96         height: 0.4in;
  97         width: 1in;
  98 }
  99
 100 .blerg-post .onyx-input-decorator {
 101         display: block;
 102         border-color: #CCC;
 103         margin: 4pt 0;
 104 }
 105
 106 .blerg-post .onyx-textarea {
 107         display: block;
 108         width: 100%;
 109 }
 110
 111 .blerg-post .content {
 112         font-size: 14pt;
 113         font-family: sans-serif;
 114 }
 115
 116 .login {
 117         display: inline-block;
 118         width: 200px;
 119 }
 120
 121 .login .onyx-button {
 122         width: 100%;
 123         margin-top: 4pt;
 124 }
 125
 126 .login .enyo-input {
 127         width: 100%;
 128 }
 129
 130 .record {
 131         margin: 8pt 0 24pt 0;
 132         font-size: 14pt;
 133 }
 134
 135 .record p {
 136         margin-bottom: 0;
 137 }
 138
 139 .record .info {
 140         color: #8F8F8F;
 141         font-size: small;
 142         font-style: italic;
 143 }
 144
 145 .record .info a {
 146         color: #8F8F8F;
 147 }
 148
 149 #navigation {
 150         font-size: small;
 151         color: #8F8F8F;
 152         text-align: right;
 153 }
 154
 155 #latest h2 {
 156         font-size: 16pt;
 157 }
 158
 159 #latest-tags {
 160         text-align: center;
 161         line-height: 2em;
 162 }
 163
 164 #latest-tags a {
 165         margin: 0 0.75em;
 166 }
 167
 168 #latest-posts {
 169         height: 184pt;
 170         overflow: hidden;
 171 }
 172
 173 #latest-posts .record {
 174         font-size: 12pt;
 175         margin: 8pt 0;
 176 }
 177
 178 .author {
 179         font-weight: bold;
 180 }
 181
 182 #usercontrols {
 183         font-weight: bold;
 184 }
 185
 186 .quote {
 187         border-left: 2px solid blue;
 188         padding-left: 6px;
 189         margin-left: 2px;
 190 }
 191
 192 .blerg-dialog {
 193         width: 300px;
 194         padding: 8px;
 195 }
 196
 197 .blerg-dialog h2 {
 198         font-size: 14pt;
 199         margin: 0;
 200 }
 201
 202 .blerg-dialog .onyx-groupbox {
 203         margin: 8px 0;
 204 }
 205
 206 .blerg-dialog .onyx-button {
 207         display: block;
 208         margin: 8px 0 0 0;
 209         width: 100%;
 210 }
 211
 212 .blerg-dialog .onyx-input {
 213         width: 100%;
 214 }