Books
How do I make an books?
A shelf of books. Playing around with sass conditional statements. Sometimes it will not load on first try (I guess sass is compiled every time on page load).. What is a books? How do you make a books? This script and codes were developed by Bryan Jones on 11 July 2022, Monday.
Books - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Books</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="shelf-1" class="shelf"> <div class="shelf-bottom"></div> <div id="book-1" class="book"><div class="book-overlay"></div></div> <div id="book-2" class="book"><div class="book-overlay"></div></div> <div id="book-3" class="book"><div class="book-overlay"></div></div> <div id="book-4" class="book"><div class="book-overlay"></div></div> <div id="book-5" class="book"><div class="book-overlay"></div></div> <div id="book-6" class="book"><div class="book-overlay"></div></div> <div id="book-7" class="book"><div class="book-overlay"></div></div> <div id="book-8" class="book"><div class="book-overlay"></div></div> <div id="book-9" class="book"><div class="book-overlay"></div></div> <div id="book-10" class="book"><div class="book-overlay"></div></div> <div id="book-11" class="book"><div class="book-overlay"></div></div> <div id="book-12" class="book"><div class="book-overlay"></div></div> <div id="book-13" class="book"><div class="book-overlay"></div></div> <div id="book-14" class="book"><div class="book-overlay"></div></div> <div id="book-15" class="book"><div class="book-overlay"></div></div> <div id="book-16" class="book"><div class="book-overlay"></div></div> <div id="book-17" class="book"><div class="book-overlay"></div></div> <div id="book-18" class="book"><div class="book-overlay"></div></div> <div id="book-19" class="book"><div class="book-overlay"></div></div> <div id="book-20" class="book"><div class="book-overlay"></div></div> <div id="book-21" class="book"><div class="book-overlay"></div></div> <div id="book-22" class="book"><div class="book-overlay"></div></div> <div id="book-23" class="book"><div class="book-overlay"></div></div> <div id="book-24" class="book"><div class="book-overlay"></div></div>
</div>
<div id="shelf-2" class="shelf"> <div class="shelf-bottom"></div> <div id="book-25" class="book"><div class="book-overlay"></div></div> <div id="book-26" class="book"><div class="book-overlay"></div></div> <div id="book-27" class="book"><div class="book-overlay"></div></div> <div id="book-28" class="book"><div class="book-overlay"></div></div> <div id="book-29" class="book"><div class="book-overlay"></div></div> <div id="book-30" class="book"><div class="book-overlay"></div></div> <div id="book-31" class="book"><div class="book-overlay"></div></div> <div id="book-32" class="book"><div class="book-overlay"></div></div> <div id="book-33" class="book"><div class="book-overlay"></div></div> <div id="book-34" class="book"><div class="book-overlay"></div></div> <div id="book-35" class="book"><div class="book-overlay"></div></div> <div id="book-36" class="book"><div class="book-overlay"></div></div> <div id="book-37" class="book"><div class="book-overlay"></div></div> <div id="book-38" class="book"><div class="book-overlay"></div></div> <div id="book-39" class="book"><div class="book-overlay"></div></div> <div id="book-40" class="book"><div class="book-overlay"></div></div> <div id="book-41" class="book"><div class="book-overlay"></div></div> <div id="book-42" class="book"><div class="book-overlay"></div></div> <div id="book-43" class="book"><div class="book-overlay"></div></div> <div id="book-44" class="book"><div class="book-overlay"></div></div> <div id="book-45" class="book"><div class="book-overlay"></div></div> <div id="book-46" class="book"><div class="book-overlay"></div></div> <div id="book-47" class="book"><div class="book-overlay"></div></div> <div id="book-48" class="book"><div class="book-overlay"></div></div>
</div>
<div id="shelf-3" class="shelf"> <div class="shelf-bottom"></div> <div id="book-49" class="book"><div class="book-overlay"></div></div> <div id="book-50" class="book"><div class="book-overlay"></div></div> <div id="book-51" class="book"><div class="book-overlay"></div></div> <div id="book-52" class="book"><div class="book-overlay"></div></div> <div id="book-53" class="book"><div class="book-overlay"></div></div> <div id="book-54" class="book"><div class="book-overlay"></div></div> <div id="book-55" class="book"><div class="book-overlay"></div></div> <div id="book-56" class="book"><div class="book-overlay"></div></div>
</div>
<div id="shelf-4" class="shelf"> <div class="shelf-bottom"></div> <div id="book-57" class="book"><div class="book-overlay"></div></div> <div id="book-58" class="book"><div class="book-overlay"></div></div> <div id="book-59" class="book"><div class="book-overlay"></div></div> <div id="book-60" class="book"><div class="book-overlay"></div></div> <div id="book-61" class="book"><div class="book-overlay"></div></div> <div id="book-62" class="book"><div class="book-overlay"></div></div> <div id="book-63" class="book"><div class="book-overlay"></div></div> <div id="book-64" class="book"><div class="book-overlay"></div></div>
</div> <script src="js/index.js"></script>
</body>
</html>
Books - Script Codes CSS Codes
/** * Variables. */
/** * Mixins */
/** * Styling. */
* { box-sizing: border-box;
}
body { background-color: #420; min-width: 760px; padding: 0 10px;
}
.book-overlay { height: 100%; position: relative; width: 100%; z-index: 10; -moz-box-shadow: inset -17px -15px 11px -15px #000; -webkit-box-shadow: inset -17px -15px 11px -15px #000; box-shadow: inset -17px -15px 11px -15px #000;
}
#book-1::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-1 { background-color: #008; height: 90px; left: 31px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-1::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-2::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-2 { background-color: #61a; height: 90px; left: 62px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-2::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-3::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-3 { background-color: #900; height: 90px; left: 93px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-3::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-4::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-4 { background-color: #61a; height: 90px; left: 124px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-4::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-5::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-5 { background-color: #050; height: 90px; left: 155px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-5::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-6::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-6 { background-color: #900; height: 90px; left: 186px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-6::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-7::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-7 { background-color: #008; height: 90px; left: 217px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-7::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-8::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-8 { background-color: #61a; height: 90px; left: 248px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-8::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-9::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-9 { background-color: #900; height: 90px; left: 279px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-9::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-10::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-10 { background-color: #050; height: 90px; left: 310px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-10::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-11::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-11 { background-color: #008; height: 90px; left: 341px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-11::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-12::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-12 { background-color: #900; height: 90px; left: 372px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-12::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-13::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-13 { background-color: #008; height: 90px; left: 403px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-13::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-14::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-14 { background-color: #61a; height: 90px; left: 434px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-14::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-15::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-15 { background-color: #050; height: 90px; left: 465px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-15::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-16::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-16 { background-color: #61a; height: 90px; left: 496px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-16::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-17::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-17 { background-color: #008; height: 90px; left: 527px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-17::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-18::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-18 { background-color: #900; height: 90px; left: 558px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-18::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-19::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-19 { background-color: #008; height: 90px; left: 589px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-19::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-20::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-20 { background-color: #050; height: 90px; left: 620px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-20::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-21::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-21 { background-color: #900; height: 90px; left: 651px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-21::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-22::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-22 { background-color: #61a; height: 90px; left: 682px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-22::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-23::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-23 { background-color: #008; height: 90px; left: 713px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-23::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-24::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-24 { background-color: #900; height: 90px; left: 744px; position: absolute; top: 55px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-24::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-25::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-25 { background-color: #050; height: 90px; left: 31px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-25::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-26::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-26 { background-color: #61a; height: 90px; left: 62px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-26::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-27::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-27 { background-color: #900; height: 90px; left: 93px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-27::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-28::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-28 { background-color: #61a; height: 90px; left: 124px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-28::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-29::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-29 { background-color: #008; height: 90px; left: 155px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-29::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-30::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-30 { background-color: #050; height: 90px; left: 186px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-30::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-31::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-31 { background-color: #008; height: 90px; left: 217px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-31::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-32::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-32 { background-color: #61a; height: 90px; left: 248px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-32::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-33::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-33 { background-color: #900; height: 90px; left: 279px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-33::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-34::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-34 { background-color: #61a; height: 90px; left: 310px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-34::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-35::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-35 { background-color: #050; height: 90px; left: 341px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-35::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-36::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-36 { background-color: #900; height: 90px; left: 372px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-36::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-37::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-37 { background-color: #008; height: 90px; left: 403px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-37::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-38::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-38 { background-color: #61a; height: 90px; left: 434px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-38::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-39::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-39 { background-color: #900; height: 90px; left: 465px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-39::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-40::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-40 { background-color: #050; height: 90px; left: 496px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-40::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-41::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-41 { background-color: #008; height: 90px; left: 527px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-41::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-42::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-42 { background-color: #900; height: 90px; left: 558px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-42::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-43::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-43 { background-color: #008; height: 90px; left: 589px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-43::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-44::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-44 { background-color: #61a; height: 90px; left: 620px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-44::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-45::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-45 { background-color: #050; height: 90px; left: 651px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-45::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-46::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-46 { background-color: #61a; height: 90px; left: 682px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-46::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-47::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-47 { background-color: #008; height: 90px; left: 713px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-47::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-48::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-48 { background-color: #900; height: 90px; left: 744px; position: absolute; top: 226px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-48::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-49::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-49 { background-color: #008; height: 90px; left: 31px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-49::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-50::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-50 { background-color: #050; height: 90px; left: 62px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-50::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-51::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-51 { background-color: #900; height: 90px; left: 93px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-51::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-52::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-52 { background-color: #61a; height: 90px; left: 124px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-52::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-53::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-53 { background-color: #008; height: 90px; left: 155px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-53::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-54::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-54 { background-color: #900; height: 90px; left: 186px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-54::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-55::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-55 { background-color: #050; height: 90px; left: 217px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-55::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-56::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-56 { background-color: #61a; height: 90px; left: 248px; position: absolute; top: 395px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-56::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-57::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-57 { background-color: #900; height: 90px; left: 31px; position: absolute; top: 565px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-57::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-58::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-58 { background-color: #61a; height: 90px; left: 62px; position: absolute; top: 565px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-58::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-59::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-59 { background-color: #008; height: 90px; left: 93px; position: absolute; top: 565px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-59::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-60::before { background-color: #050; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-60 { background-color: #050; height: 90px; left: 124px; position: absolute; top: 565px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; -webkit-box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff; box-shadow: inset 0 5px 0 0 #fff, inset 0 10px 0 0 #050, inset 0 15px 0 0 #fff, inset 0 70px 0 0 #050, inset 0 75px 0 0 #fff, inset 0 80px 0 0 #050, inset 0 85px 0 0 #fff;
}
#book-60::after { background-color: #050; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-61::before { background-color: #008; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-61 { background-color: #008; height: 90px; left: 155px; position: absolute; top: 565px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #008, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #008, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #008, inset 0 85px 0 0 #aa0;
}
#book-61::after { background-color: #008; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-62::before { background-color: #61a; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-62 { background-color: #61a; height: 90px; left: 186px; position: absolute; top: 565px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #61a, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #61a, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #61a, inset 0 85px 0 0 #aa0;
}
#book-62::after { background-color: #61a; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-63::before { background-color: #900; content: ""; height: 30px; top: -30px; position: absolute; width: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
#book-63 { background-color: #900; height: 90px; left: 217px; position: absolute; top: 565px; width: 30px; -moz-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; -webkit-box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0; box-shadow: inset 0 5px 0 0 #aa0, inset 0 10px 0 0 #900, inset 0 15px 0 0 #aa0, inset 0 70px 0 0 #900, inset 0 75px 0 0 #aa0, inset 0 80px 0 0 #900, inset 0 85px 0 0 #aa0;
}
#book-63::after { background-color: #900; content: ""; height: 30px; position: absolute; width: 30px; top: 85px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; -moz-box-shadow: inset -17px 0 11px -15px #000; -webkit-box-shadow: inset -17px 0 11px -15px #000; box-shadow: inset -17px 0 11px -15px #000;
}
.shelf { background-color: #631; border: 6px solid #421; display: block; height: 170px; min-width: 760px; overflow: hidden; width: 100%; -moz-box-shadow: inset 0 -70px 90px -10px #000; -webkit-box-shadow: inset 0 -70px 90px -10px #000; box-shadow: inset 0 -70px 90px -10px #000;
}
.shelf-bottom { background-color: #a82; height: 72px; position: relative; top: 100px; width: 100%; -moz-box-shadow: inset 0 20px 40px 0 #531; -webkit-box-shadow: inset 0 20px 40px 0 #531; box-shadow: inset 0 20px 40px 0 #531;
}
Books - Script Codes JS Codes
/* @todo change sizes and make some books lean. */
Developer | Bryan Jones |
Username | bartuc |
Uploaded | July 11, 2022 |
Rating | 3 |
Size | 5,030 Kb |
Views | 82,984 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Particles | 4,160 Kb |
Potion | 4,290 Kb |
Shine Effect | 2,944 Kb |
Cabin | 4,413 Kb |
Hover Effects | 3,972 Kb |
Earth Clock | 5,611 Kb |
CSS Loader | 2,823 Kb |
Gravity | 4,905 Kb |
3D Earth | 4,480 Kb |
Subscribe | 2,802 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Pure CSS Animated Photo Stack | Depthdev | 2,486 Kb |
Slides-07-1 POSITION | Exhtml | 1,909 Kb |
OnScreenAction | Ozgursagiroglu | 2,647 Kb |
Pomodoro Clock | Osycon | 3,705 Kb |
Blog Concept 2 | JGallardo | 2,994 Kb |
A Pen by Theun | Tjoen | 6,152 Kb |
Svg penguin | _massimo | 2,990 Kb |
Using Flickr API | MoyArt | 6,761 Kb |
CSS- UI Element States Pseudo-Classes | Tesla809 | 2,206 Kb |
CSS Colors | Alexpate | 2,232 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!