cops/cops-monocle.css

274 lines
5.1 KiB
CSS
Raw Normal View History

body {
margin: 0;
padding: 0;
background: #000;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
}
#components {
display: none;
}
#reader, #readerBg {
position: absolute;
width: 100%;
height: 100%;
}
#reader div pre {
white-space: normal;
font: normal 100% serif;
}
/* from smallest and outermost to largest and innermost */
.dummyPage {
position: absolute;
left: 0;
top: 20px;
bottom: 20px;
right: 15px;
background-color: #FCF6F0;
-webkit-box-shadow: 2px 2px 4px #754;
-moz-box-shadow: 2px 2px 4px #754;
box-shadow: 2px 2px 4px #754;
-webkit-border-top-left-radius: 26px 6px;
-webkit-border-bottom-left-radius: 26px 6px;
-moz-border-top-left-radius: 26px 6px;
-moz-border-bottom-left-radius: 26px 6px;
border-top-left-radius: 26px 6px;
border-bottom-left-radius: 26px 6px;
}
.dummyPage + .dummyPage {
top: 16px;
bottom: 16px;
right: 16px;
-webkit-box-shadow: 1px 0 2px #A99;
-moz-box-shadow: 1px 0 2px #A99;
box-shadow: 1px 0 2px #A99;
}
.dummyPage + .dummyPage + .dummyPage {
top: 13px;
bottom: 13px;
right: 18px;
background-color: #FFF9F4;
}
.dummyPage + .dummyPage + .dummyPage + .dummyPage {
top: 10px;
bottom: 10px;
right: 21px;
}
.dummyPage + .dummyPage + .dummyPage + .dummyPage + .dummyPage {
top: 8px;
bottom: 8px;
right: 25px;
}
.jacket {
position: absolute;
top: 1px;
bottom: 1px;
right: 3px;
left: 65%;
-webkit-box-shadow: -3px 0 3px #311;
-moz-box-shadow: -3px 0 3px #311;
box-shadow: -3px 0 3px #311;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #F7F7F7;
background: -webkit-linear-gradient(0deg, #DDD, #FFF);
background: -moz-linear-gradient(0deg , #DDD, #FFF);
background: linear-gradient(90deg, #DDD, #FFF);
}
.board {
position: absolute;
top: 1px;
bottom: 1px;
width: 90%;
background-color: #974;
border: 1px solid #852;
}
.runner {
color: #542;
text-transform: uppercase;
font-size: 82%;
}
.pageNumber, .bookTitle, .chapterTitle {
padding: 3% 2%;
}
.bookTitle, .chapterTitle {
position: absolute;
top: 1%;
left: 6%;
cursor: pointer;
padding: 0;
}
.chapterTitle {
top: auto;
bottom: 1%;
right: 20%;
}
.pageNumber {
position: absolute;
bottom: 1%;
right: 8%;
padding-right: 0;
}
#readerBg {
background-color: #000;
}
#toc ul.root {
position: absolute;
top: 50px;
left: 8%;
max-height: 75%;
max-width: 80%;
background: #E0D3C0;
-webkit-box-shadow: 1px 2px 2px #652;
-moz-box-shadow: 1px 2px 2px #652;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow-y: auto;
color: #432;
font: 11pt Georgia, serif;
text-shadow: 1px 1px #EEE6D0;
border: 1px solid #EED;
z-index: 9;
}
.tocArrow {
position: absolute;
top: 40px;
left: 16%;
width: 20px;
height: 20px;
-webkit-transform: rotateZ(45deg);
background: #E0D3C0;
z-index: 8;
}
#toc li {
list-style: none;
line-height: 220%;
padding-left: 1em;
padding-right: 2em;
border-bottom: 2px groove #FFF6E9;
cursor: pointer;
}
#toc li span {
display: block;
}
#toc ul li:last-child {
border-bottom: none;
}
#toc ul {
margin: 0;
padding: 0;
}
#toc ul.root {
border-top: none;
}
/* Overrides to core elements */
div.monelem_container {
background: none;
width: auto;
}
div.monelem_page {
top: 6px;
bottom: 6px;
right: 4px;
border-color: #CBA;
outline: none;
-webkit-box-shadow: 1px 0 1px #CBA;
-moz-box-shadow: 1px 0 1px #CBA;
box-shadow: 1px 0 2px #CBA;
-webkit-border-top-left-radius: 26px 4px;
-webkit-border-bottom-left-radius: 26px 4px;
-moz-border-top-left-radius: 26px 4px;
-moz-border-bottom-left-radius: 26px 4px;
border-top-left-radius: 26px 4px;
border-bottom-left-radius: 26px 4px;
background-color: #FFFFFE;
background-image: -webkit-linear-gradient(0deg, #EDEAE8 0px, #FFFFFE 24px);
background-image: -moz-linear-gradient(0deg, #EDEAE8 0px, #FFFFFE 24px);
background-image: linear-gradient(90deg, #EDEAE8 0px, #FFFFFE 24px);
}
div.monelem_sheaf {
left: 6%;
right: 8%;
top: 8%;
bottom: 8%;
}
/* Overriding magnifier button display */
div.monelem_controls_magnifier_button {
color: #632;
padding: 2%;
top: 1%;
right: 6%;
}
/* Overriding table of contents display */
div.monelem_controls_contents_container {
background: #E0D3C0;
border: 1px solid #EED;
font: 11pt Georgia, serif;
color: #432;
text-shadow: 1px 1px #FFF6E0;
}
div.monelem_controls_contents_chapter {
border-bottom: 2px groove #FFF6E9;
}
li.monelem_controls_contents_chapter_active {
text-shadow: -1px -1px #876;
background: #BA9;
}
/* Overriding the scrubber display */
div.monelem_controls_scrubber_container {
left: 5.5%;
right: 9%;
bottom: 2%;
background: #FFFEFC;
}
div.monelem_controls_scrubber_track {
border-color: #432;
}
div.monelem_controls_scrubber_needle {
border-color: #432;
background: #E0D3C0;
}
div.monelem_controls_scrubber_trail {
background: #E0D3C0;
}