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 {
127 .blerg-controls button.new {
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) {
170 margin: 40px 0 17px 0;
173 .blerg-main h2:first-child {
183 background-color: #1E1E1E;
188 margin: 12pt 12pt 8pt 12pt;
191 .blerg-post .content-decorator {
194 margin: 8pt 12pt 12pt;
198 .blerg-post .content {
203 font-family: sans-serif;
206 .blerg-post .toolbar {
211 .blerg-post .toolbar .switcher {
213 background-color: white;
214 padding: 12pt 8pt 2px 12pt;
217 .blerg-post .toolbar .buttons {
218 padding: 0 12pt 12pt 60px;
222 background-color: #1E1E1E;
223 background-image: url(/images/corner.svg);
224 background-position: left bottom;
225 background-repeat: no-repeat;
226 background-size: auto 100%;
229 .blerg-post .toolbar .buttons .onyx-button {
235 .blerg-post .bottom-panel {
238 background-color: white;
241 .blerg-post .bottom-panel > div {
246 animation: blerg-post-enter 750ms;
249 @keyframes blerg-post-enter {
251 transform: translateY(-100%);
252 animation-timing-function: ease-in;
256 transform: translateY(0);
257 animation-timing-function: ease-out;
261 transform: translateY(-2%);
262 animation-timing-function: ease-in;
266 transform: translateY(0);
271 animation: blerg-post-exit 500ms forwards;
274 @keyframes blerg-post-exit {
276 transform: translateY(0);
277 animation-timing-function: ease-in;
281 transform: translateY(100%);
286 display: inline-block;
290 .login .onyx-button {
299 .blerg-user-controls {
304 .blerg-user-controls a {
306 text-decoration: none;
310 .blerg-user-controls a:hover {
311 text-decoration: underline;
316 margin: 8pt 0 24pt 0;
365 border-spacing: 10px;
381 border: 2px solid #E6E6E6;
386 .latest-posts .record {
393 border: 2px solid #E6E6E6;
394 background-color: #FAE3FC;
403 @media screen and (min-width: 1400px) {
404 .latest { width: 1340px; }
407 @media screen and (max-width: 1100px) {
423 .latest-tags .latest-scroller {
428 @media screen and (max-width: 800px) {
429 .latest-posts, .latest-tags {
431 background-color: inherit;
440 @media screen and (max-width: 600px) {
446 .blerg-post .toolbar {
450 .blerg-post .toolbar .buttons {
452 background-image: none;
455 .blerg-post .toolbar .switcher {
459 .blerg-post .record {
463 .blerg-post .record p:first-child {
481 border-left: 2px solid blue;
497 .blerg-dialog .onyx-groupbox,
498 .blerg-form .onyx-groupbox {
502 .blerg-dialog .onyx-button {
508 .blerg-dialog .onyx-input {
513 .blerg-dialog .onyx-focused > .onyx-input {
522 .onyx-input-decorator.recovery {
528 .onyx-button.recovery {
529 background-color: orange;
536 background-color: orange;