Permalink
Browse files

Added styles for new post

  • Loading branch information...
1 parent b015ece commit c1b28315c945285773511983670e8d9a6d60b443 Kyle Fiedler committed May 6, 2012
@@ -8,5 +8,5 @@
<blockquote>
<h1>Baseball is ninety percent mental and the other half is physical.</h1>
- <cite><span>Y</span>ogi Berra</cite>
+ <cite>&mdash;<span>Y</span>ogi Berra</cite>
</blockquote>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -1,3 +1,4 @@
+@charset "UTF-8";
.wrapper, body.mental > section {
padding: 0 25.888px 0;
text-align: left;
@@ -30,18 +31,47 @@ body > section {
height: 30px; }
body.mental {
- background-color: #329427; }
+ background: #329427 url("/images/posts/mental/bg-pattern.png") 0 0 repeat; }
+ body.mental:after {
+ position: absolute;
+ bottom: 0;
+ display: block;
+ content: " ";
+ width: 100%;
+ height: 564px;
+ background: url("/images/posts/mental/paint-bottom.png") bottom repeat-x; }
body.mental > section {
padding-top: 258.88px;
padding-bottom: 155.328px;
color: #f9ff04;
max-width: 900px; }
body.mental > section blockquote {
- font: 72px "vinyl",sans-serif; }
+ font: 72px "vinyl",sans-serif;
+ position: relative; }
+ body.mental > section blockquote:before {
+ display: inline;
+ float: left;
+ margin-left: -0.4em;
+ content: "";
+ font-size: 1.6em;
+ margin-top: -18.122px;
+ color: #1e5717; }
+ body.mental > section blockquote:after {
+ position: absolute;
+ top: -39px;
+ left: -430px;
+ display: block;
+ content: " ";
+ width: 395px;
+ height: 395px;
+ background: url("/images/posts/mental/baseball-field.png") bottom repeat-x; }
body.mental > section blockquote cite {
font-size: 62px;
color: #fff;
- font-family: "felt-tip-senior",cursive; }
+ font-family: "felt-tip-senior",cursive;
+ display: block;
+ margin-left: -0.7em;
+ margin-top: 12.944px; }
body.mental > section blockquote cite span {
letter-spacing: -10px; }
@@ -1,7 +1,17 @@
@import "posts-base";
body.mental {
- background-color: #329427;
+ background: #329427 url('/images/posts/mental/bg-pattern.png') 0 0 repeat;
+
+ &:after {
+ position: absolute;
+ bottom: 0;
+ display: block;
+ content: " ";
+ width: 100%;
+ height: 564px;
+ background: url('/images/posts/mental/paint-bottom.png') bottom repeat-x;
+ }
> section {
@extend .wrapper;
@@ -12,11 +22,37 @@ body.mental {
blockquote {
font: 72px "vinyl",sans-serif;
+ position: relative;
+
+ &:before {
+ display: inline;
+ float: left;
+ margin-left: -.4em;
+ content: "";
+ font-size: 1.6em;
+ margin-top: -(lh(.7));
+ color: darken(#329427, 15%);
+ }
+
+ &:after {
+ position: absolute;
+ top: -39px;
+ left: -430px;
+ display: block;
+ content: " ";
+ width: 395px;
+ height: 395px;
+ background: url('/images/posts/mental/baseball-field.png') bottom repeat-x;
+ }
cite {
font-size: 62px;
color: #fff;
font-family: "felt-tip-senior",cursive;
+ // @include transform(rotate(-3deg));
+ display: block;
+ margin-left: -.7em;
+ margin-top: lh(.5);
span {
letter-spacing: -10px;

0 comments on commit c1b2831

Please sign in to comment.