::selection {
color:white;
}
::-webkit-scrollbar {
width:2px;
height:2px;
background-color:inherit;
}
::-webkit-scrollbar-track {
background-color:inherit;
}
body {
margin:0px;
font-family:arial, sans-serif;
font-size:10px;
line-height:1.4em;
word-wrap:break-word;
}
blockquote, ol, ul, p, pre {
margin-top:.67em;
margin-bottom:.67em;
}
blockquote {
margin-left:0px;
margin-right:0px;
padding:0px 0px 0px 0px;
}
pre {
white-space:normal;
font-family:consolas, 'courier new', courier, monospace;
padding:3px;
letter-spacing:0px;
background-color:rgba(0,0,0,.03);
}
img {
border:0px;
}
a {
color:inherit;
text-decoration:none;
cursor:crosshair;
}
ol, ul {
padding-left:2.5em;
}
small, sub {
font-size:1em;
vertical-align:baseline;
}
h1, h2, h3, h4, h5, h6 {
font-size:1em;
font-weight:normal;
}
#main {
position:fixed;
top:30px;
right:30px;
bottom:30px;
left:30px;
padding:20px;
overflow:auto;
}
#menu {
position:fixed;
top:30px;
right:30px;
bottom:30px;
left:30px;
padding:20px;
overflow:auto;
z-index:10000;
visibility:hidden;
}
.open #menu {
visibility:visible;
}
#menu .nest {
position:absolute;
top:0px;
bottom:0px;
height:100%;
left:50%;
margin-top:15px;
margin-left:-100px;
width:200px;
display:table;
}
#menu .cont {
display:table-cell;
vertical-align:middle;
width:200px;
}
.box {
width:200px;
position:relative;
z-index:100000000001;
margin-bottom:10px;
}
.box h1 {
margin:0px;
position:relative;
font-style:italic;
padding:14px;
margin-bottom:5px;
}
.box .description, .box .links {
padding:14px;
}
.links a {
display:inline-block;
margin-right:10px;
margin-bottom:5px;
-moz-transition:border-color .15s ease-out;
-o-transition:border-color .15s ease-out;
-webkit-transition:border-color .15s ease-out;
transition:border-color .15s ease-out;
}
#menu .exit {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:10001;
cursor:default;
}
#top {
position:fixed;
z-index:100;
top:50px;
left:50px;
}
#title {
font-size:40px;
line-height:1.15em;
font-weight:bold;
font-style:italic;
letter-spacing:-1px;
}
#content {
margin:0px auto;
width:300px;
max-width:494px;
padding:50px 0px;
}
.entry {
margin-bottom:30%;
}
.entry:last-child {
margin-bottom:0px;
}
.post {
position:relative;
overflow:hidden;
padding:3px;
}
.post a {
-moz-transition:border-color .15s ease-out;
-o-transition:border-color .15s ease-out;
-webkit-transition:border-color .15s ease-out;
transition:border-color .15s ease-out;
}
.post img {
max-width:100%;
height:auto;
}
.date {
position:relative;
font-size:.85em;
font-style:italic;
line-height:1.5em;
letter-spacing:1px;
}
.date .bg {
display:inline-block;
padding:0px 3px 3px 0px;
}
.date .permalink {
display:inline-block;
margin:0px 0px 0px 3px;
padding:1px 2px 0px 3px;
}
.tagged {
display:inline-block;
padding:1px 4px 3px;
text-transform:lowercase;
-moz-transition:opacity .15s linear;
-webkit-transition:opacity .15s linear;
-o-transition:opacity .15s linear;
transition:opacity .15s linear;
}
.entry:hover .tagged {
opacity:1;
}
.tagged .comma {
margin-right:2px;
}
.tagged .comma:last-child {
display:none;
}
.post > h1,
.question,
.quote {
margin:0px;
position:relative;
font-style:italic;
padding:14px;
}
.caption,
.body,
.source {
margin-top:3px;
padding:14px;
text-align:left;
}
.caption:first-child,
.body:first-child,
.source:first-child,
.caption *:first-child,
.body *:first-child,
.source *:first-child {
margin-top:0px;
}
.caption *:last-child,
.body *:last-child,
.source *:last-child {
margin-bottom:0px;
}
.source {
text-align:right;
}
.media {
overflow:hidden;
opacity:.9;
}
.media img,
.media .photoset {
max-width:100%;
display:block;
margin:0px auto;
}
.video iframe {
display:block;
width:100%;
}
.chat .line {
padding:3px;
text-align:left;
}
.chat .label {
margin-right:.5em;
font-weight:bold;
}
.ask {
position:relative;
}
.portrait {
position:relative;
display:inline-block;
width:42px;
height:42px;
margin-bottom:-3px;
background-size:cover;
opacity:.9;
}
.question {
position:absolute;
display:inline-block;
left:45px;
top:0px;
right:0px;
bottom:0px;
overflow:auto;
line-height:14px;
padding:7px;
}
.audiowrap {
position:relative;
}
.albumart {
position:relative;
display:inline-block;
width:42px;
height:42px;
margin-bottom:-3px;
background-size:cover;
opacity:.9;
}
.audio {
position:absolute;
display:inline-block;
left:45px;
top:0px;
right:0px;
bottom:1px;
text-align:left;
background-color:rgba(0,0,0,1);
padding:7px;
overflow:hidden;
}
.audio .player {
width:27px;
height:27px;
overflow:hidden;
position:absolute;
}
.audio .track {
height:27px;
left:40px;
right:7px;
position:absolute;
line-height:27px;
overflow:hidden;
font-style:italic;
font-size:.9em;
letter-spacing:1px;
color:rgba(255,255,255,.80);
}
.n {
line-height:1.67em;
}
.notes ol {
list-style-type:none;
padding:14px;
margin:3px 0px 0px 0px;
max-height:150px;
overflow:auto;
}
.notes img {
display:none;
}
.pagination {
position:fixed;
bottom:25px;
right:25px;
margin:25px;
}
.pagination > * {
font-size:15px;
line-height:1.15em;
font-weight:bold;
font-style:italic;
text-transform:none;
letter-spacing:-1px;
display:inline-block;
margin:0px 10px 0px 0px;
}
#infscr-loading {
display:none!important;
}
#tumblr_controls {
-webkit-filter:invert(90%);
opacity:.67;
top:2px;
}
#vignette,
#tumblr_lightbox_left_image,
#tumblr_lightbox_right_image {
visibility:hidden;
}
#tumblr_lightbox {
background-color:rgba(255,255,255,.75)!important;
top:30px!important;
right:30px!important;
bottom:30px!important;
left:30px!important;
}
#tumblr_lightbox img {
border-radius:0px!important;
}
#cr {
bottom:0px;
right:0px;
position:fixed;
z-index:1000;
padding:8px 9px;
}
#cr a {
font-size:8px;
line-height:8px;
background-color:transparent;
font-family:calibri;
letter-spacing:0px;
}