html>
=
#toTop {
width:100px;
border:1px solid #000;
background:#fff;
text-align:center;
padding:5px;
position:fixed; /* this is the magic */
bottom:10px; /* together with this to put the div at the bottom*/
right:10px;
cursor:pointer;
display:none;
color:#000;
font-family:verdana;
font-size:10px;
}
body {
background:url('http://www.snazzyspace.com/defaultimages/000000_chanel-and-peace.gif') repeat #FFFFFF;
background-attachment:fixed;
margin:25px 0;
text-align:center;
font:11px 'tahoma';
color:000;
}
#container {
margin:0 auto;
width:943px;
}
a, a:active, a:visited, a:link {
color:#737373;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#000;
}
a img {
border:0;
}
.post {
text-align:left;
background:#fff;
padding:5px;
width:250px;
margin:5px 5px 5px 0;
position:relative;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.box {
float:left;
overflow:hidden;
}
.notes {
clear:both;
text-align:left;
background:#fff;
padding:5px;
width:550px;
margin:5px 5px 5px 0;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
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;
}
.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;
}
#header {
background:white;
width:128px;
padding:5px;
margin:5px 5px 5px 0;
position:fixed;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
#header p#description {
padding:0;
margin:0;
font:16px 'Great Vibes';
}
#topNav {
}
#topNav a {
display:block;
color:#fff;
background:#929292;
padding:5px;
margin:2px 0;
}
#topNav a:hover {
background:#e6e6e6;
}
#logo {
}
#header h1 {
text-transform:uppercase;
font:16px 'Abel';
letter-spacing:-1px;
font-weight:bold;
margin:0;
padding:0;
}
.hov{top:0; left:0;padding:35px 0 0 0;font-size:20px;display:block;position:absolute;width:260px;height:1200px;margin-top:0px;text-align: center;background-color:#ccc;opacity: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
.post:hover .hov {display:block; opacity: 0.8;-moz-box-shadow: inset 0 0 75px rgba(0,0,0,0.5);-webkit-box-shadow: inset 0 0 75px rgba(0,0,0,0.5);box-shadow: inset 0 0 75px rgba(0,0,0,0.5);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}.date2 a {color:;}.date2 a:hover {color:;}
.notesLink {
text-align:center !important;
display:block !important;
color:#fff !important;
font-size:12px arial !important;
font-style:italic !important;
border-bottom:1px dashed #fff !important;
text-shadow: 1px 1px 1px #000 !important;
}
.reblogLink {
text-align:center !important;
color:#fff !important;
padding:2px 10px !important;
background:black !important;
border-radius:5px;
-moz-border-radius:5px;
font-size:15px arial !important;
font-style:italic !important;
text-transform:uppercase !important;
text-shadow: 1px 1px 1px #000 !important;
}
p.datePost {
border-bottom:1px dashed #fff;
font-style:italic;
font-size:9px arial !important;
color:#fff;
text-shadow:1px 1px 1px #000;
margin:0;
padding:0;
}
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.transitions-enabled.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
#infscr-loading {
text-align: center;
z-index: 100;
position: fixed;
left: 45%;
bottom: 40px;
width: 200px;
padding: 10px;
background: #000;
opacity: 0.8;
color: #FFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#mainRight {
float:right;
width:148px;
}
#holder {
float:left;
width:795px;
}
Back to Top
