.post { text-align:left; padding:5px; width:250px; margin:5px 5px 5px 0; position:relative; } .post img { -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } .box { float:left; overflow:hidden; } .notes { clear:both; text-align:left; background:#fff; padding:5px; width:490px; margin:5px 0; -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); opacity:0.8; } ol.notes { padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: solid 1px #ccc; } ol.notes li.note { border-top: solid 1px #ccc; padding: 10px; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: bold; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; } .box { overflow:hidden; } .post { text-align:left; padding:5px; width:500px; margin:5px 5px 5px 0; } .post img { } .postCount { background:#fff; color:#b8b8b8; padding:3px 0; text-align:right; } .post a, .post a:link, .post a:active, .post a:visited { color:#707070; text-decoration:none; } .post a:hover { color:black; } ol { margin:0; padding:0; } ol li { padding:0; margin:0; list-style-type:none; } .text, .quote, .link, .chats { background:#fff; -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } .post:hover #reblog{ margin:0 0 0 0; display:block; opacity:1;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;transition: all 2s ease-out; } #reblog{ padding:20px 0 0 0; margin:800px 0 0 0; text-align:center; position:absolute; width:260px; top:0; left:0; opacity:0;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;transition: all 2s ease-out;} #reblog a { color:white; display:block; text-transform:uppercase; font-family: 'Creepster', cursive; font-size:45px; padding:5px; letter-spacing:-3px; font-weight:normal; text-shadow: 0 0 1px 1px #000; } #lighter { width:260px; position:absolute; top:0; background:#333; left:0; opacity:0; height:800px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;transition: all 1s ease-out; } .post:hover #lighter { opacity:0.9; display:block; -moz-box-shadow: inset 0 0 150px #000; -webkit-box-shadow: inset 0 0 150px #000; box-shadow: inset 0 0 150px #000; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;transition: all 1s ease-out; } #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 45%; bottom: 40px; padding: 5px; background: #000; color: #fff; font-family: 'Creepster', cursive; font-size:20px; text-transform:uppercase; } #infscr-loading img { display:none; } #mainRight { width:1100px; margin:0 0 10px 0; padding:5px; text-align:center; } #holder { margin:0 auto; width:1100px; } h1 { display:block; padding:5px; margin:0; font-family: 'Creepster', cursive; font-size:120px; color:#fff; text-shadow: 1px 1px 1px #666; } #descr { padding:5px; font-weight:normal; font-size:13px; text-transform:uppercase; color:#fff; text-shadow:1px 1px 1px #666; } #navy { padding:5px; } #navy a, #navy a:active, #navy a:visited { padding:0 10px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #666; } #navy a:after { content:'▼'; font-weight:bold; font-size:20px; margin:0 5px 0 20px; text-shadow:1px 1px 1px #666; }