@font-face {
font-family: 'AnotherTypewriterRegular';
src: url('http://static.tumblr.com/xiklynt/KXSllio27/atwriter-webfont.eot');
src: url('http://static.tumblr.com/xiklynt/KXSllio27/atwriter-webfont.eot?#iefix') format('embedded-opentype'),
url('http://static.tumblr.com/xiklynt/SBQllio2r/atwriter-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
* { margin: 0; padding: 0; }
body {
text-align:center;
font-size:13px;
font-family:arial,verdana,sans-serif;
color:#303030;
padding:0 0 0px 0;
}
br.c {
clear:both;
}
h1#logo {
text-shadow:0 1px 0 #d0e2e2, 0 -1px 0 #476d80;
padding:30px 0 10px 0;
}
h1#logo, h1#logo a {
color:#638f8c;
font-size:60px;
text-decoration:none;
}
#top {
background:#94bdbd;
height:200px;
margin-bottom:-200px;
}
#wrap {
width:981px;
margin:0 auto;
text-align:left;
position:relative;
}
#content {
margin: 0px 0 0 80px;
}
#body {
width:679px;
background:url('http://static.tumblr.com/xiklynt/Fjkljrlvm/body-mid.png') left center repeat-y;
}
#body .top {
/*background:url('http://static.tumblr.com/xiklynt/xNnljrlwp/body-top.png') top left no-repeat;*/
min-height:900px;
}
#header-image {
width:981px;
margin:0 auto;
text-align:left;
position:relative;
}
#header-image img {
margin: 0px 0 10px 80px;
}
.bottom {
background: url("http://static.tumblr.com/xiklynt/nrnljvuvd/body-bottom.png") no-repeat scroll left bottom transparent;
height: 100px;
margin: -27px 0;
padding-bottom: 20px;
position: absolute;
width: 100%;
}
#body-wrapper {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
float: left;
margin: 0 0 63px;
padding: 8px 0 10px;
position: relative;
width: 675px;
}
#side {
position:absolute;
width:450px;
right:-100px;
top:0;
z-index:999;
background:url('http://static.tumblr.com/mwtqzxn/r1Lllhj5o/tag.png') top left no-repeat;
}
#ribbon {
position: absolute;
left: 103px;
top: 284px;
width: 342px;
height: 453px;
background: url('http://static.tumblr.com/mwtqzxn/AYNllhj4v/ribbon.png') top left no-repeat;
}
#paper-bottom {
position: relative;
top: 190px;
margin: 0px 0 25px 0;
padding: 0 0 35px 0;
width: 370px;
background: url('http://static.tumblr.com/xiklynt/chXlm2qvv/paper-bottom.png') bottom right no-repeat;
}
#paper {
padding: 180px 0 40px 120px;
background: url('http://static.tumblr.com/xiklynt/XfOlm2qs6/paper.png') bottom right repeat-y;
}
#staples {
position: absolute;
left: 40px;
bottom: 30px;
width: 336px;
height: 227px;
background: url('http://static.tumblr.com/mwtqzxn/SnSllhj59/staples.png') top left no-repeat;
}
#about {
width:210px;
min-height: 300px;
_height: 300px;
font-size:15px;
line-height:20px;
padding-bottom: 25px;
}
#about a {
color:#606060;
}
#about a:hover {
color:#202020;
}
#about p {
margin:0 0 1em 0;
}
ul#discs {
position: absolute;
left: 55px;
bottom: 57px;
width:293px;
list-style:none;
height:35px
}
ul#discs li {
display:inline
}
ul#discs li a {
height:35px;
float:right;
text-indent:-9999px;
text-decoration:none
}
ul#discs li a span {
float:left;
display:block
}
ul#discs li#discs-1 a {
width:36px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat 0px 0
}
ul#discs li#discs-2 a {
width:39px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat -36px 0
}
ul#discs li#discs-3 a {
width:37px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat -75px 0
}
ul#discs li#discs-4 a {
width:38px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat -112px 0
}
ul#discs li#discs-5 a {
width:35px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat -150px 0
}
ul#discs li#discs-6 a {
width:37px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat -185px 0
}
ul#discs li#discs-7 a {
width:36px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat -222px 0
}
ul#discs li#discs-8 a {
width:35px;
background:url(http://static.tumblr.com/mwtqzxn/yFBlv4toy/icons-sprite.png) no-repeat -261px 0
}
#links {
position: relative;
list-style:none;
top: 190px;
margin-left:128px;
width:260px;
}
#links li {
margin:0 0 10px -13px;
}
#links li a {
padding:8px 0 10px 20px;
background:url('http://static.tumblr.com/xiklynt/DeMljv6wd/link.png') top right no-repeat;
display:block;
font-size:20px;
text-decoration:none;
}
#links li a:hover {
margin-right:5px;
}
#search-form {
position: relative;
list-style:none;
top: 200px;
margin-left:128px;
width:260px;
}
#search-box {
border: 0;
outline: none;
width: 172px;
height: 32px;
background: url(http://static.tumblr.com/mwtqzxn/vgdlv4tnw/search-box.png) no-repeat;
margin-left: 4px;
padding: 0 34px 0 5px;
}
#following-links {
position: relative;
top: 220px;
margin-left:132px;
width: 210px;
}
#following-links img {
float: left;
margin: 0 5px 5px 0;
}
#theme {
background:url('http://static.tumblr.com/xiklynt/rJ5ljvrjy/theme.png') top right no-repeat;
clear:both;
color:#333;
float:right;
font-size:13px;
height: 90px;
margin:-40px 90px 0 0;
padding-top:30px;
text-align:center;
text-transform:uppercase;
width:119px;
}
#theme-by {
display: block;
}
#theme a {
color:#144c56;
text-decoration:none;
font-weight:bold;
display: block;
}
#theme a:hover {
text-decoration:underline;
}
#pagination {
padding:30px 90px 0 90px;
}
#pagination.both {
background:url('http://static.tumblr.com/6hyus9g/YtAlie576/pagination.png') center center no-repeat;
}
#pagination a {
text-decoration:none;
font-size:30px;
padding:0;
color:#545454;
text-transform:uppercase;
}
#pagination a.newer {
float:left;
display:block;
padding-left:80px;
background:url('http://static.tumblr.com/6hyus9g/wjOlie52g/arrow-left.png') left 4px no-repeat;
}
#pagination a.older {
float:right;
display:block;
padding-right:80px;
background:url('http://static.tumblr.com/6hyus9g/1J0lie52z/arrow-right.png') right 4px no-repeat;
}
/* ------- post formatting -------- */
#postarea {
padding:45px 0 45px 0;
margin:0 0 0 50px;
width:500px;
}
#postarea .post:last-of-type {
margin-bottom: -32px;
}
.post {
margin-bottom:60px;
padding:0 0 0 0;
position:relative;
}
.post:last-child {
margin-bottom:20px;
}
.post .date {
margin:0 0 20px 0;
text-transform:uppercase;
font-size:13px;
}
.post p, .post ul, .post ol {
color:#555555;
line-height:125%;
margin:0 0 15px 0;
}
.post ol, .post ul {
margin-left:30px;
}
.post hr {
border:0 none;
background:none;
color:#f2f2f2;
height:1px;
border-bottom:1px dotted #d0d0d0;
margin:0 0 15px 0;
}
.post h3 {
margin:0 0 15px 0;
}
a,
.post a {
color:#606060;
text-decoration:underline;
}
a:hover,
.post a:hover {
color:#404040;
}
.post.quote blockquote {
color:#6597a7;
line-height:125%;
margin:0 0 15px 0;
font-size:22px;
text-shadow:0 0 1px rgba(0,0,0,0.1);
padding: 0;
border: none;
}
.post.quote blockquote .author {
text-transform:uppercase;
margin:0 0 0 1em;
font-size:0.6em;
color:#505050;
}
.post h2 {
font-size:22px;
margin:0 0 15px 0;
}
.post.photo .img img {
background: url("http://static.tumblr.com/6hyus9g/spVlie5dc/staple-top.gif") no-repeat scroll center top #FFFFFF;
margin: 0 0 0 15px;
padding: 15px;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
box-shadow:1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.1);
border: none;
}
.post.chat {
margin-bottom:55px;
}
.post.chat h2 {
color: #555;
font-weight: normal;
}
.post p.even, .post p.odd {
padding:10px 5px;
margin:0;
}
.post.chat .meta {
margin-top:20px;
}
.post.question p {
margin-left:60px;
margin-right:75px;
}
.post.question p span.f {
display:block;
position:absolute;
margin-left:-85px;
color:#3c3c3c;
font-size:40px;
font-weight:normal;
}
.post.question .answer span.f {
margin-left:-60px;
margin-top:-8px;
}
.post.question .question {
background:#3c3c3c;
-webkit-border-radius:10px;
padding:25px 20px;
color:#f2f2f2;
font-size:20px;
text-shadow:0 0 1px rgba(0,0,0,0.1);
}
.post.question .answer {
padding:6px 0;
font-size:20px;
text-shadow:0 0 1px rgba(0,0,0,0.1);
}
.post.question .asker-box {
display:block;
font-size:20px;
width:64px;
position:absolute;
right:0;
top:6px;
}
.post.link h2 {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:10px 5px;
font-size:25px;
font-weight:normal;
}
.post.link h2 a {
text-decoration:none;
}
.post.text blockquote {
color:#404040;
font-size:20px;
margin-left:15px;
}
.post .meta {
position: relative;
margin-top:30px;
width:625px;
height:31px;
overflow:hidden;
text-transform:uppercase;
}
.post .meta .meta-bg {
position: absolute;
top: 0;
left: 0;
width:625px;
height:31px;
background:url('http://static.tumblr.com/mwtqzxn/LUoltrlm9/meta-bg.png') center left no-repeat;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.post .meta, .post .meta a {
color:#454545;
text-decoration:none;
}
.post .meta div {
position: relative;
float:left;
margin-right:1em;
padding-left:28px;
}
.post .meta div.date {
float:right;
margin-right:110px;
background:url('http://static.tumblr.com/6hyus9g/L60lie55w/date.png') top left no-repeat;
}
.post .meta .sharingiscaring {
float: right!important;
margin: 4px 0px 0px 0px;
padding-right: 80px;
}
.post .meta .st_sharethis_custom {
background: url(http://static.tumblr.com/mwtqzxn/pp2m3prg3/sharingiscaring.png) no-repeat;
padding: 5px 72px 0 0 !important;
}
.post .meta div.comments {
background:url('http://static.tumblr.com/6hyus9g/eGRlie556/comments.png') 0 1px no-repeat;
}
.post .meta div.notes {
margin-left:25px;
background:url('http://static.tumblr.com/6hyus9g/kOMlie57o/reactions.png') top left no-repeat;
}
.post .meta div span {
display:block;
padding:6px;
}
.post ul.tags {
padding: 0;
margin: 5px 0px 0px 20px;
list-style: none;
width: 480px;
}
.post ul.tags li {
list-style: none;
display: inline;
margin: 0px 20px 0px 0;
white-space: nowrap;
line-height: 20px;
}
.post .type {
display:block;
margin:0;
padding:0;
position:absolute;
left:-160px;
top:-10px;
}
.post .post-author img {
position: absolute;
top: 81px;
left: -80px;
width: 60px;
height: 60px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .3);
}
.post.text .type {
width:163px;
height:149px;
margin-left:-10px;
background:url('http://static.tumblr.com/xiklynt/vyiljrlls/type-text.png');
}
.post.text p img {
background: url("http://static.tumblr.com/6hyus9g/spVlie5dc/staple-top.gif") no-repeat scroll center top #FFFFFF;
margin: 0 0 0 15px;
padding: 15px;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
box-shadow:1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.1);
border: none;
}
.post.audio .type {
width:157px;
height:128px;
background:url('http://static.tumblr.com/xiklynt/H5Wljrlmy/type-audio.png');
}
.post.chat .type {
width:159px;
height:129px;
background:url('http://static.tumblr.com/xiklynt/ihjljrlnq/type-chat.png');
}
.post.link .type {
width:170px;
height:108px;
margin-left:-15px;
background:url('http://static.tumblr.com/xiklynt/a5tljrloe/type-link.png');
}
.post.photo .type {
width:155px;
height:140px;
background:url('http://static.tumblr.com/xiklynt/Jj8ljuuk5/type-photo.png');
}
.post.question .type {
width:177px;
height:120px;
margin-left:-20px;
background:url('http://static.tumblr.com/xiklynt/SEYljrlqa/type-question.png');
}
.post.question .answer + p {
margin-top:-20px;
font-size: 18px;
}
.post.question blockquote {
margin-left: 75px;
}
.post.quote .type {
width:142px;
height:123px;
background:url('http://static.tumblr.com/xiklynt/Jcbljrlpe/type-quote.png');
}
.post.video .type {
width:140px;
height:125px;
background: url('http://static.tumblr.com/xiklynt/yKwljuuid/type-video.png');
}
.post.video p {
margin-top: 20px;
}
.post.audio p {
margin-top: -20px;
}
.player {background: #000; -webkit-border-radius:10px; -moz-border-radius:10px; -border-radius:10px; padding: 10px; display: block;margin-bottom:40px;}
.note-box {
list-style: none;
padding: 20px 0 35px 0;
margin: 30px 0 0 0;
}
.note-box li {
margin: 0;
list-style: none;
}
.note-box .avatar {
margin: 0 5px 0px 0;
display: inline;
position: relative;
top: 5px;
}
.note-box blockquote {
margin: 10px 0 10px 35px;
padding-left: 10px;
border-left: 1px solid #ddd;
}
blockquote {
margin: 0 29px 1.5em 20px;
padding-left: 6px;
border-left: 4px solid #ccc;
}
blockquote p {
padding: 0;
margin: 0 0 1.5em 5px !important;
}
/* sbb */
#about,
.f,
.question,
.answer,
#theme,
.comments,
#links li,
.meta span,
#pagination a,
.post.quote blockquote,
.post h2,
#logo {
font-family:"AnotherTypewriterRegular", "American Typewriter", "Courier New", arial,verdana,sans-serif;
}
Horrors of Fashion, Just wanted to keep you guys updated, apparently...
A Blog about Ugly Things Being Made.
Contributors
 | Emi reads latin & greek, and blogs about fashion.
|
 | Rachel loves gadgets, novels, purses and cheese.
|