::before, ::after
{
font-family: Courier New
}
.a, a:visited, a:active, a:link
{
text-decoration: none;
color: #416E90;
}
body
{
font-family: Courier New, monospace;
margin:0;
padding:0;
}
.blog a:before,
.project a:before
{
content: "[";
}
.blog a:after,
.project a:after
{
content: "]";
}
.blog a, .blog a:visited, .blog a:active, .blog a:link,
.project a, .project a:visited, .project a:active, .project a:link,
.stackoverflow a, .stackoverflow a:visited, .stackoverflow a:active, .stackoverflow a:link,
.jsfiddle a, .jsfiddle a:visited, .jsfiddle a:active, .jsfiddle a:link,
.jsperf a, .jsperf a:visited, .jsperf a:active, .jsperf a:link
{
color: black;
font-family: Courier New, monospace;
text-decoration: none;
}
.blog a:hover,
.project a:hover,
.stackoverflow a:hover,
.jsfiddle a:hover,
.jsperf a:hover
{
font-weight: bold;
}
.feedburnerFeedBlock ul::before,
.feedburnerFeedBlock li::before,
.feedburnerFeedBlock ul::after,
.feedburnerFeedBlock li::after
{
content: '';
}
#flickr_badge_wrapper
{
border-spacing: 0;
}
.flickr_badge_image::before
{
content: 'Thinking Stiff \A\A';
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
white-space: pre;
}
.layout::after
{
content: '\A';
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
white-space: pre;
}
li::before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
letter-spacing: -1px;
line-height: 11px;
}
li::after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
letter-spacing: -1px;
line-height: 11px;
}
footer::before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;:
line-height: 11px;
}
footer::after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
section::before
{
content: "\A";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
white-space: pre;
}
section::after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
article::before
{
content: "\A";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
white-space: pre;
}
article::after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
ul::before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
ul::after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
nav::before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
nav::after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
h1, h2
{
font-weight: normal;
display: inline;
}
#header
{
width: 810px;
}
header::before
{
content: "\A";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
white-space: pre;
}
header:after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
header h1 a:visited, header h1 a:active, header h1 a:link, header h1 a
{
color: #000000;
}
header h1
{
font-size: 45px;
line-height: 45px;
}
h1:before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
h1:after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
h2:before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
h2:after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
nav
{
font-size: 16px;
}
nav a:hover
{
font-weight: bold;
}
nav a:visited, nav a:active, nav a:link, nav a
{
color: #000000;
}
nav ul
{
list-style-type: none;
margin: 0;
padding-left: 0px;
}
nav ul li
{
display: inline;
}
h1:before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
h1:after
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
#social ul, #code ul
{
font-size: 15px;
line-height: 13px;
list-style-type: none;
margin: 0;
padding-left: 0px;
}
#social a, #code a
{
color: #000000;
}
#social a:before, #code a:before
{
content: "[ ";
color: #000000;
font-size: 15px;
line-height: normal;
}
#social a[alt=goodreads]:after
{
content: "\a0]";
color: #000000;
font-size: 15px;
line-height: normal;
}
#social a[alt=facebook]:after, #social a[alt=linkedin]:after, #code a[alt=jsfiddle]:after
{
content: "\a0\a0]";
color: #000000;
font-size: 15px;
line-height: normal;
}
#social a[alt=twitter]:after
{
content: "\a0\a0\a0]";
color: #000000;
font-size: 15px;
line-height: normal;
}
#code a[alt=stackoverflow]:after {
content: "\a0\a0\a0\a0\a0\a0\a0\a0]";
color: #000000;
font-size: 15px;
line-height: normal;
}
#social a[alt=tumblr]:after, #code a[alt=jsperf]:after
{
content: "\a0\a0\a0\a0]";
color: #000000;
font-size: 15px;
line-height: normal;
}
#social a:hover, #code a:hover
{
font-weight: bold;
}
#social a:visited, nav a:active, nav a:link, #code a:visited
{
color: #000000;
}
.html
{
font-size: 11px;
font-weight: normal;
color: #D8D8D8;
line-height: 11px;
}
.htmlsection
{
margin-top: 1em;
}
span.html
{
margin: 0;
padding: 0;
}
.content
{
width: 810px;
padding-right: 10px;
}
.content section ul
{
list-style-type: none;
margin: 0;
padding-left: 0px;
}
article
{
font-family: Georgia, serif;
font-size: 14px;
color: #666;
}
article h1
{
font-family: Courier New, monospace;
font-size: 22px;
line-height: 34px;
color: #000;
}
article h2
{
font-family: Courier New, monospace;
font-size: 15px;
line-height: 34px;
color: #000;
}
.content section h1
{
font-size: 22px;
line-height: 34px;
}
#creditfooter
{
display: none;
}
.content .twitter ul
{
list-style-type: square;
padding-left: 25px;
}
aside
{
width: 180px;
font-size: 14px;
position: fixed;
top: 0;
margin-left: 815px;
}
aside :before, aside :after
{
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
aside:before
{
content: "";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
aside:after
{
content: " ";
color: #D8D8D8;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}
aside h1
{
font-size: 22px;
line-height: 28px;
}
aside h2
{
display: block;
font-size: 17px;
margin: 0;
}
.profile-picture
{
display: block;
}
.profile-picture:after
{
content: '"/>';
}
.profile-picture:before
{
content: '