0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photo .reblog { bottom: 28px; right:-65px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photo .permalink { bottom:52px; right:-75px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo .tags { bottom: -46px; padding: 10px; width: 230px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo:hover .notes, #container #post #photo:hover .timeago, #container #post #photo:hover .date {left:0;} #container #post #photo:hover .reblog, #container #post #photo:hover .permalink {right:0} #container #post #photo:hover .tags {bottom:0;} /** IMAGE HOVER STYLE #2 **/ #container #post #photo .taglist { height: 7px; list-style: none outside none; margin: 0 0 20px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 230px; line-height: 9px;} #container #post #photo .taglist li { display: inline-block; margin: 0 0 0 4px; white-space: nowrap;} #container #post #photo .caption { height: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; margin: 0 0 20px; padding: 0; line-height: 9px;} #container #post #photo .caption p { margin:0 0 5px; display: inline-block;} #container #post #photo .caption blockquote { display: inline-block; margin: 0} /** Photo set styling **/ #container #post #photoset { position:relative; width:250px; overflow:hidden; } #container #post #photoset a, a:hover { color:;} #container #post #photoset #hover { visibility:hidden} #container #post #photoset:hover #hover{ visibility:visible} #container #post #photoset .kisten { background-color: rgba(0, 0, 0, 0.85); color: white; font-size: 9px; font-weight: bold; height: 7px; line-height: 9px; overflow: hidden; padding: 8px 10px; position: absolute; text-transform: uppercase;} #container #post #photoset .kisten a, #container #post #photoset .kisten a:hover{color:white;} #container #post #photoset .notes { bottom: 76px; left: -80px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #container #post #photoset .timeago { left:-90px; bottom:52px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset .date { left:-80px; bottom: 28px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photoset .reblog { bottom: 28px; right:-65px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photoset .permalink { bottom:52px; right:-75px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset .tags { bottom: -46px; padding: 10px; width: 230px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset:hover .notes, #container #post #photoset:hover .timeago, #container #post #photoset:hover .date {left:0;} #container #post #photoset:hover .reblog, #container #post #photoset:hover .permalink {right:0} #container #post #photoset:hover .tags {bottom:0;} /** IMAGE HOVER STYLE #2 **/ #container #post #photoset .taglist { height: 7px; list-style: none outside none; margin: 0 0 20px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 230px; line-height: 9px;} #container #post #photoset .taglist li { display: inline-block; margin: 0 0 0 4px; white-space: nowrap;} #container #post #photoset .caption { height: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; margin: 0 0 20px; padding: 0; line-height: 9px;} #container #post #photoset .caption p { margin:0 0 5px; display: inline-block;} #container #post #photoset .caption blockquote { display: inline-block; margin: 0} /** CSS for all posts **/ #container h1 { line-height: 120%; margin: -3px 0 0; font-size:17px;} #container .caption { position:relative; padding:5px;} #container .caption blockquote{ margin:0 0 0 5px;} #container .caption p { margin:2px 0;} #container .caption blockquote img, #container .caption p img{ width:100%; height:auto; margin:5px 0;} /** Chat posts **/ #container #chat{ margin:0; padding:0; list-style:none;} #container #chat li{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); line-height: 110%; margin: 0 0 3px; padding: 10px;} #container #chat li:last-child{ margin:0;} #container #chat .label { font-weight:bold;} /** Quote posts **/ #container #quote h1{ font-size: 14px; letter-spacing: 1px; line-height: 150%; margin: 10px 0; text-align: center; text-transform: uppercase; word-spacing: 3px;} #container #quote .source { text-align: center;} /** Video posts **/ #container #video iframe { width:250px !important;} /** Audio posts **/ #container #audio { position:relative;} #container #audio #album_art { background-image: url("http://static.tumblr.com/8jq17g7/Nxumao2aw/vinyl.png"); float: left; height: 76px; margin: 5px 0 10px 5px; width: 96px;} #container #audio #album_art img { height: 72px; margin: 1px 2px; width: 72px;} #container #audio #player { background: none repeat scroll 0 0 black; border-color: black; border-style: solid; border-width: 0 56px; float: left; margin: 25px 0 0 10px; overflow: hidden; padding: 3px 0; width: 27px; height: 27px; border-radius: 3px 3px 3px 3px; } #container #audio .shortplayer { margin: 25px 2px 0 10px !important; border-width: 0 3px !important; border-radius: 3px 0 0 3px !important; } #container #audio #playcount { background: none repeat scroll 0 0 #000000; color: white; float: left; font-weight: bold; height: 11px; margin: 25px 0 0; padding: 11px 10px; text-align: right; width: 84px; border-radius: 0 3px 3px 0; } #container #audio #info { background: none repeat scroll 0 0 transparent; box-shadow: none; clear: both; list-style: none outside none; margin: 15px 0 0; padding: 0;} #container #audio #info li{ margin:3px 0 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); white-space:nowrap; overflow:hidden; padding:5px 10px; text-overflow:ellipsis;} #container #audio #info p{ margin:0 3px 0 0; font-weight:bold; display:inline-block;} /** Answer posts **/ #container #answer .question { margin: -5px 0 0;} #container #answer .question .asker_portrait { float: left; height: 40px; margin: 0 5px 0 0; width: 40px;} #container #answer .question p { float: left; margin: 0; padding: 0 0 5px 5px; width: 200px;} #container #answer .answer { clear: both; margin: 5px 0 0;} #container #answer .answer .answer_portrait { float: left; height: 40px; margin: 0 5px 0 0; width: 40px;} #container #answer .answer p{ float: left; margin: 0; padding: 0 0 0 5px; position: relative; width: 200px;} #container #answer .answer p img { max-width:100%; margin:5px 0;} #caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); position:relative; margin: 10px 0 0; padding: 1px 10px;} #caption blockquote { position:relative;} #caption img{ width:100%; margin:5px 0; height:auto;} /** Page Navigation **/ #container #page_navigation { font-weight:bold; text-transform:uppercase;} #container #page_navigation .prev_1 { cursor:default; opacity:0.5; float:left;} #container #page_navigation .prev { float:left;} #container #page_navigation .next { float:right;} #container #go_up { bottom: 20px; display: none; line-height: 100%; padding: 7px 10px 8px; position: fixed; background:#bb5959; margin: 0 0 0 590px; margin: 0 0 0 880px; border-radius:3px; } #container #post_sidebar { position: absolute; width: 200px; position:fixed; margin: 0 0 0 550px; } #container #info, #container #info2, #container #tags, #container #share { position:relative;} #container #info h2, #container #info2 h2, #container #tags h2, #container #share h2 { height: 12px; line-height: 14px; margin: 0; padding: 10px; background:#bb5959; border-radius:3px; } #container #info #info_li, #container #info2 #info_li, #container #tags #taglist { margin:0; padding:10px; list-style:none;} #container #tags #taglist { padding:10px 10px 7px} #container #info #background, #container #info2 #background, #container #tags #background, #container #share #background { opacity: 0.8; padding: 0 0 6px; position: absolute; top:0;bottom:0;left:0;right:0; z-index: -1; background:#bb5959; border-radius:3px; } #container #info_li li{ margin: 1px 0;} #container #tags, #container #info2, #container #share { margin:20px 0 0;} #container #tags #taglist li { display: inline-block; margin: 0 1px 3px 0; display: inline-block; font-style: italic; background: rgba(0,0,0,0.05); padding: 4px 4px 3px; height: 12px; line-height: 100%;} #container #share #buttons { padding: 10px; position: relative;} #container #share #google { float: left; overflow: hidden; width: 32px;} #container #share #twitter { background: none repeat scroll 0 0 transparent; box-shadow: none; float: left; margin: 0 5px; padding: 0; width: 55px;} #container #share #facebook { float: left; height: 20px; width: 83px;} #container #fb_comments { padding: 10px; width:500px; float:left; margin:0 10px 20px; overflow:hidden; background:#bb5959; border-radius:3px; } #container #fb_comments .fb-comments { margin: 0px 0 0;} #container #notes { padding: 10px; width:500px; margin: 0 10px 20px; float:left; list-style-type: none; font-weight:bold; background:#bb5959; border-radius:3px; } #container #notes span.space { display: inline-block; margin: 0 5px;} #container #notes .hide, #container #notes .show {cursor:pointer;} #container #notes .hide{display:none;} #container ol.notes { padding: 0; margin: 10px 0 0; font-weight:normal; list-style-type: none;} #container ol.notes li.note { clear: none !important; display: inline-block; font-size: 10px; height: 20px; margin: 0 4px 6px !important; overflow: hidden; width: 20px;} #container ol.notes li.more_notes_link_container{ clear: both; display: block; font-size: 11px; font-weight: bold; height: 11px; margin-top: -34px !important; padding: 12px 11px 2px; position: relative; text-align: center; text-transform: uppercase; width: 480px; background:#bb5959;} #container ol.notes li.note img.avatar { display: inline-block; height: 20px; margin-right: 7px; vertical-align: -5px; width: 20px;} #container ol.notes li.note span{} #container ol.notes li.note span.action a{ font-weight: bold;} #container ol.notes li.note .answer_content { font-weight: normal; display:none;} #container ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #container ol.notes li.note blockquote a { text-decoration: none; display:none;}