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.
5 font-family: "Alte Haas Grotesk Bold";
6 src: url("/fonts/AlteHaasGroteskBold.ttf");
11 font-family: sans-serif;
12 background-color: white;
24 background-color: #1E1E1E;
26 padding: 8px 8px 16px 8px;
38 text-shadow: black 0px 2px;
42 text-decoration: none;
45 .blerg-header h1 a:hover {
46 text-decoration: underline;
56 text-shadow: black 0px 1px;
59 .blerg-header .onyx-input, .blerg-header .onyx-textarea {
63 .blerg-header .onyx-focused > .onyx-input, .blerg-header .onyx-focused > .onyx-textarea {
80 .blerg-controls-toolbar {
88 .blerg-controls-toolbar .onyx-button {
93 @media screen and (max-width: 800px) {
105 .blerg-controls-greeting {
109 .blerg-controls-toolbar {
114 .blerg-controls-toolbar .onyx-button {
120 .blerg-controls .login {
128 background-color: #E4C010;
133 background-color: #0D0;
143 font-family: "Alte Haas Grotesk Bold", sans-serif;
147 padding: 15pt 15pt 0 15pt;
153 background-color: #C0F;
157 @media screen and (max-width: 800px) {
163 @media screen and (max-width: 400px) {
179 background-color: #1E1E1E;
184 margin: 12pt 12pt 8pt 12pt;
187 .blerg-post .content-decorator {
190 margin: 8pt 12pt 12pt;
194 .blerg-post .content {
199 font-family: sans-serif;
202 .blerg-post .toolbar .switcher {
204 background-color: white;
206 padding: 12pt 8pt 4pt 12pt;
209 .blerg-post .toolbar .buttons {
211 padding: 0 12pt 0 60px;
214 background-image: url(/images/corner.svg);
215 background-position: left bottom;
216 background-repeat: no-repeat;
217 background-size: auto 100%;
220 .blerg-post .toolbar .buttons .onyx-button {
226 .blerg-post .bottom-panel {
229 background-color: white;
232 .blerg-post .bottom-panel > div {
237 animation: blerg-post-enter 750ms;
240 @keyframes blerg-post-enter {
242 transform: translateY(-100%);
243 animation-timing-function: ease-in;
247 transform: translateY(0);
248 animation-timing-function: ease-out;
252 transform: translateY(-2%);
253 animation-timing-function: ease-in;
257 transform: translateY(0);
262 animation: blerg-post-exit 500ms forwards;
265 @keyframes blerg-post-exit {
267 transform: translateY(0);
268 animation-timing-function: ease-in;
272 transform: translateY(100%);
277 display: inline-block;
281 .login .onyx-button {
290 .blerg-user-controls {
295 .blerg-user-controls a {
297 text-decoration: none;
301 .blerg-user-controls a:hover {
302 text-decoration: underline;
307 margin: 8pt 0 24pt 0;
356 border-spacing: 10px;
372 border: 2px solid #E6E6E6;
377 .latest-posts .record {
384 border: 2px solid #E6E6E6;
385 background-color: #FAE3FC;
394 @media screen and (min-width: 1400px) {
395 .latest { width: 1340px; }
398 @media screen and (max-width: 1100px) {
414 .latest-tags .latest-scroller {
419 @media screen and (max-width: 800px) {
420 .latest-posts, .latest-tags {
422 background-color: inherit;
435 border-left: 2px solid blue;
451 .blerg-dialog .onyx-groupbox {
455 .blerg-dialog .onyx-button {
461 .blerg-dialog .onyx-input {
466 .blerg-dialog .onyx-focused > .onyx-input {