<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Milky Street /* Reset -------------------------------------------------------------*/ body,div,dl,dt,dd,ol,ul,li,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;} /* Webkit-Scrollbar -------------------------------------------------------------*/ ::-webkit-scrollbar {width: 12px;} ::-webkit-scrollbar-track {background: #FFF;} ::-webkit-scrollbar-thumb {background: #DDD;} /* General -------------------------------------------------------------*/ body { background: #F3F3F3; font-size: 14px; color: #000000; font-family: 'Share', 'Arial', sans-serif; } a:link, a:active, a:visited { color: #e1d85a; text-decoration: none; } a:hover { color: #e1d85a; text-decoration: underline; } /* Container -------------------------------------------------------------*/ .container { width: 1105px; margin: 10px auto; padding: 10px; text-align: center; position: relative; background: transparent; } /* Navigation -------------------------------------------------------------*/ .navcut { width: 1105px; height: 15px; margin: 10px auto; position: relative; background: transparent; } .navlinks { float: left; width: 205px; background: #000; text-decoration: none; font-weight: normal; text-transform: uppercase; text-align: center; padding: 3px 4px; margin: 1px; } .desc { width: 1105px; margin: 10px auto; position: relative; background: transparent; font-size: 13px; text-align: center; position: relative; } .container label { width: 207px; float: left; cursor: pointer; background: #000; color: #e1d85a; text-decoration: none; font-size: 13px; font-weight: normal; text-transform: uppercase; text-align: center; padding: 3px 4px; margin: 1px; } .container input.selector-type-all:checked ~ label.label-type-all, .container input.selector-type-1:checked ~ label.label-type-1, .container input.selector-type-2:checked ~ label.label-type-2, .container input.selector-type-3:checked ~ label.label-type-3, .container input.selector-type-4:checked ~ label.label-type-4 { color: #000; background: transparent; } .container input { display: none; } /* Styling of Each Book -------------------------------------------------------------*/ .bookstyle { position: relative; margin: 0px auto; padding-top: 20px; } .bookstyle li { float: left; width: 355px; height: 245px; background: #FFF; overflow: hidden; position: relative; text-align: center; margin: 5px; border: 1px solid #DDD; list-style: none; } .title { width: 325px; margin: 0px 15px; padding: 12px 0px 5px 0px; font-size: 15px; text-align: left; text-decoration: none; font-weight: normal; text-transform: uppercase; background: transparent; border-bottom: 1px solid #F5F5F5; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .title span { font-size: 12px; } .cover { float: left; width: 125px; height: 190px; position: relative; margin: 10px 10px 10px 15px; } .review { float: left; width: 180px; height: 155px; margin: 20px 0px; padding: 3px 10px 3px 0px; overflow: auto; font-size: 12px; text-align: left; } /* Scrollbar for Books -------------------------------------------------------------*/ div.review::-webkit-scrollbar {width: 6px;} div.review::-webkit-scrollbar-track {background: #FFF; border: 1px solid #EEE;} div.review::-webkit-scrollbar-thumb {background: #EEE;} /* CSS Sprites Rating -------------------------------------------------------------*/ .rating-static { width: 60px; height: 16px; display: block; background: url('http://static.tumblr.com/whx9ghv/eo4mamay1/star-rating.png') 0 0 no-repeat; } .rating-50 { background-position: 0 0; } .rating-40 { background-position: -12px 0; } .rating-30 { background-position: -24px 0; } .rating-20 { background-position: -36px 0; } .rating-10 { background-position: -48px 0; } .rating-0 { background-position: -60px 0; } .rating-5 { background-position: -48px -16px; } .rating-15 { background-position: -36px -16px; } .rating-25 { background-position: -24px -16px; } .rating-35 { background-position: -12px -16px; } .rating-45 { background-position: 0 -16px; } /* Active Style -------------------------------------------------------------*/ .container input.selector-type-all:checked ~ .bookstyle li, .container input.selector-type-1:checked ~ .bookstyle .bookstyle-type-1, .container input.selector-type-2:checked ~ .bookstyle .bookstyle-type-2, .container input.selector-type-3:checked ~ .bookstyle .bookstyle-type-3, .container input.selector-type-4:checked ~ .bookstyle .bookstyle-type-4 { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: 0.4s ease-out; -o-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; transition: 0.4s ease-out; opacity: 1; } .container input.selector-type-1:checked ~ .bookstyle li:not(.bookstyle-type-1), .container input.selector-type-2:checked ~ .bookstyle li:not(.bookstyle-type-2), .container input.selector-type-3:checked ~ .bookstyle li:not(.bookstyle-type-3), .container input.selector-type-4:checked ~ .bookstyle li:not(.bookstyle-type-4) { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: 0.4s ease-out; -o-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; transition: 0.4s ease-out; -webkit-filter: blur(4px); opacity: 0.7; } .container input.selector-type-1:checked ~ .bookstyle li:not(.bookstyle-type-1) span, .container input.selector-type-2:checked ~ .bookstyle li:not(.bookstyle-type-2) span, .container input.selector-type-3:checked ~ .bookstyle li:not(.bookstyle-type-3) span, .container input.selector-type-4:checked ~ .bookstyle li:not(.bookstyle-type-4) span { display: none; } Back To Posts Bookshelf Currently reading The loveliest ones Credit Words create stories. Words keep you alive.
Rating:
Rating:
Rating: Losing means certain death.
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating:
Rating: