/* -------------------------------------------------- :: Ultimate Book Blogger - General -------------------------------------------------- */ /* Content Warning */ .ubb-content-warning { color:white; background-color:#E61C20; margin-bottom:15px; padding:5px; /*text-shadow:0 -1px rgba(0, 0, 0, 0.3);*/ border:1px solid rgba(0, 0, 0, 0.1); } /* Book Cover Image */ img.ubb-cover-image { } img.ubb_left { float:left; margin:0 15px 15px 0 !important; } img.ubb_right { float:right; margin:0 0 15px 15px !important; } /* -------------------------------------------------- :: Widgets -------------------------------------------------- */ /* Books Reviewed Counter */ span.books-reviewed-count { font-weight:bold; } .ubb-progress-bar { -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px; width:100%; margin-bottom:10px; border:1px solid black; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .ubb-progress-bar .meter { -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px; text-align:center; font-size:12px; padding-top:3px; color:#fff; display:block; overflow:hidden; } p.books-reviewed-link { text-align:center; } /* This Month's Reviews Widget */ .UBB-monthReviewsWidget img { width:50px; margin:0 1px; } /* Reviews by Ratings */ .UBB-reviewsByRatingWidget p { text-align:center; } /* Social Media */ ul.ubb-followers { list-style:none !important; list-style-type:none !important; padding:0; margin:0; overflow:hidden; } ul.ubb-followers li { float:left; padding:5px; text-align:center; list-style-type:none !important; } ul.ubb-followers li a { display:block; } ul.ubb-followers span.follower-count { font-weight:bold; } /* -------------------------------------------------- :: Review Indexes -------------------------------------------------- */ ul.review-index { list-style-type:none; margin:0 0 0 5px; } ul.review-index > li { margin-bottom:10px; } ul.review-index ul { margin-top:0; } p.reviews-by-rating-star { text-align:center; } p.reviews-by-rating-star img { margin:0; } /* -------------------------------------------------- :: Statistics -------------------------------------------------- */ table.ubb-statistics td { text-align:center; } /* -------------------------------------------------- :: About the Author -------------------------------------------------- */ .ubb-about-author { padding:10px; margin:10px 0; } .ubb-about-author h2 { text-align:center; margin-top:0; } .ubb-about-author img { float:left; margin:0 15px 15px 0 !important; } .ubb_book_rating { text-align:center; } /* -------------------------------------------------- :: Spoilers -------------------------------------------------- */ .ubb-spoiler { display:inline; } .ubb-spoiler > a:hover { cursor:pointer; } .ubb-spoiler > div { background-color:#FCE586; color:#000000; padding:5px; } /* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */ /* Container ---------------------- */ .orbit-wrapper { width: 1px; height: 1px; position: relative; } .orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; } .orbit.with-bullets { margin-bottom: 40px; } .orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; } .orbit a.orbit-slide { border: none; line-height: 0; display: none; } .orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* Timer ---------------------- */ div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; } div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('images/foundation/orbit/rotator-black.png') no-repeat; z-index: 3; } div.orbit-wrapper span.rotator.move { left: 0; } div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('images/foundation/orbit/timer-black.png') repeat 0 0; } div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('images/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; } div.orbit-wrapper span.pause.active { background: url('images/foundation/orbit/pause-black.png') no-repeat 0 -40px; } div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; } /* Captions ---------------------- */ .orbit-caption { display: none; font-family: inherit; } .orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 30; color: white; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* Directional Nav ---------------------- */ div.orbit-wrapper div.slider-nav { display: block; } div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; } div.orbit-wrapper div.slider-nav span.right { background: url('images/foundation/orbit/right-arrow.png'); background-size: 100%; right: 0; } div.orbit-wrapper div.slider-nav span.left { background: url('images/foundation/orbit/left-arrow.png'); background-size: 100%; left: 0; } .lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('images/foundation/orbit/right-arrow-small.png'); } .lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('images/foundation/orbit/left-arrow-small.png'); } /* Bullet Nav ---------------------- */ ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('images/foundation/orbit/bullets.jpg') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } ul.orbit-bullets li.active { color: #222222; background-position: -8px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid black; } /* Orbit Slide Counter */ .orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; } /* Fluid Layout ---------------------- */ div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; } div.orbit, div.orbit-wrapper { width: 100% !important; } /* Correct timer in IE */ .lt-ie9 .timer { display: none !important; } .lt-ie9 div.caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }