/* 
    Created on : Nov 17, 2017, 9:35:36 AM
    Author     : max
*/

/*THEME 1=====================================================================*/

body.theme-1 #book div.page, 


body.theme-1 #book div.page {
    position:relative;
    border:0px solid #ddd;
}

body.theme-1 #thumbs div:hover, 
body.theme-1 #thumbs div.active {
    border:1px solid #66645a;
}

body.theme-1 #menu, body.theme-1 #menuBottom {
    background-color:#222;
}

body.theme-1 #profile {
    background: #ddd;
    color:#666;
}

#profile a {
    color:#666;
    font-size: 80%;
}

/*THEME 2=====================================================================*/
html.theme-2, body.theme-2 {
    background: #282519;
}

body.theme-2 #book div.page{
    background-color: #fff;
}

body.theme-2 #thumbs div.page {
    background-color: #fff;
    border:1px solid #aaa;
}

body.theme-2 #thumbs div:hover, 
body.theme-2 #thumbs div.active {
    border:1px solid #66645a;
}

body.theme-2 #menu, body.theme-2 #menuBottom {
    background-color:#7f7b69;
}

body.theme-2 #profile {
    background: #c8c5b9;
}


/*THEME 3=====================================================================*/
html.theme-3, body.theme-3 {
    background: #222;
}

body.theme-3 #book div.page, 
body.theme-3 #thumbs div.page {
    background: #fff;
}

body.theme-3 #thumbs div {
    border:1px solid #e0e0e0;
}

body.theme-3 #thumbs div:hover, 
body.theme-3 #thumbs div.active {
    border:1px solid #ccc;
}

body.theme-3 #menu, body.theme-3 #menuBottom {
    background-color:#ddd;
}

body.theme-3 #profile {
    background: #ddd;
}

/*THEME 4=====================================================================*/
html.theme-4, body.theme-4 {
    background: #222;
}

body.theme-4 #book div.page, 
body.theme-4 #thumbs div.page {
    background: #fff;
}

body.theme-4 #book div.page {
    position:relative;
}

body.theme-4 #book div.page.regular:before{
    position:absolute;
    content: '';
    width: 100%;
    height:100%;
    background: rgba(125,254,191,0.1);
}

body.theme-4 #thumbs div {
    border:1px solid #e0e0e0;
}

body.theme-4 #thumbs div:hover, 
body.theme-4 #thumbs div.active {
    border:1px solid #ccc;
}

body.theme-4 #menu, body.theme-4 #menuBottom {
    background-color: rgba(46,103,66,.9);
}

body.theme-4 #profile {
    background: #ddd;
}

/*THEME 5=====================================================================*/
html.theme-5, body.theme-5 {
    background: #333;
}

body.theme-5 #book div.page, 
body.theme-5 #thumbs div.page {
    background: #fff;
}

body.theme-5 #book div.page {
    position:relative;
}

body.theme-5 #book div.page.regular:before{
    position:absolute;
    content: '';
    width: 100%;
    height:100%;
    background: rgba(125,212,254,0.1);
}

body.theme-5 #thumbs div {
    border:1px solid #e0e0e0;
}

body.theme-5 #thumbs div:hover, 
body.theme-5 #thumbs div.active {
    border:1px solid #ccc;
}

body.theme-5 #menu, body.theme-5 #menuBottom {
    background-color: rgba(39,72,118,.9);
}

body.theme-5 #profile {
    background: #ddd;
}
/*THEME 6=====================================================================*/
html.theme-6, body.theme-6 {
    background: #333;
}

body.theme-6 #book div.page, 
body.theme-6 #thumbs div.page {
    background: #fff;
}

body.theme-6 #book div.page {
    position:relative;
}

body.theme-6 #book div.page.regular:before{
    position:absolute;
    content: '';
    width: 100%;
    height:100%;
    background: rgba(254,222,125,0.1);
}

body.theme-6 #thumbs div {
    border:1px solid #e0e0e0;
}

body.theme-6 #thumbs div:hover, 
body.theme-6 #thumbs div.active {
    border:1px solid #ccc;
}

body.theme-6 #menu, body.theme-6 #menuBottom {
    background-color: rgba(140,121,65,.9);
}

body.theme-6 #profile {
    background: #ddd;
}

/*THEME 7=====================================================================*/
html.theme-7, body.theme-7 {
    background: #333;
}

body.theme-7 #book div.page, 
body.theme-7 #thumbs div.page {
    background: #fff;
}

body.theme-7 #book div.page {
    position:relative;
}

body.theme-7 #book div.page.regular:before{
    position:absolute;
    content: '';
    width: 100%;
    height:100%;
    background:linear-gradient(-45deg, rgba(200,200,200,0.01), rgba(200,200,200,0.3));
}

body.theme-7 #thumbs div {
    border:1px solid #e0e0e0;
}

body.theme-7 #thumbs div:hover, 
body.theme-7 #thumbs div.active {
    border:1px solid #ccc;
}

body.theme-7 #menu, body.theme-7 #menuBottom {
    background-color:#ddd;
}

body.theme-7 #profile {
    background: #ddd;
}
/*THEME 8=====================================================================*/
html.theme-8, body.theme-8 {
    background: #333;
}

body.theme-8 #book div.page, 
body.theme-8 #thumbs div.page {
    background: #fff;
}

body.theme-8 #book div.page {
    position:relative;
}

body.theme-8 #book div.page.regular:before{
    position:absolute;
    content: '';
    width: 100%;
    height:100%;
    background: rgba(221,221,221,0.1);
}

body.theme-8 #thumbs div {
    border:1px solid #e0e0e0;
}

body.theme-8 #thumbs div:hover, body.theme-8 #thumbs div.active {
    border:1px solid #ccc;
}

body.theme-8 #menu, body.theme-8 #menuBottom {
    background-color:#ddd;
}

body.theme-8 #profile {
    background: #ddd;
}

/*THEME 9=====================================================================*/
html.theme-9, body.theme-9 {
    background:#333;
}

body.theme-9 #book div.page, 
body.theme-9 #thumbs div.page {
    background: #fff;
}

body.theme-9 #book div.page {
    position:relative;
}

body.theme-9 #book div.page.regular:before{
    position:absolute;
    content: '';
    width: 100%;
    height:100%;
    background: rgba(188,125,254,0.1);
}

body.theme-9 #thumbs div {
    border:1px solid #e0e0e0;
}

body.theme-9 #thumbs div:hover, 
body.theme-9 #thumbs div.active {
    border:1px solid #ccc;
}

body.theme-9 #menu, body.theme-9 #menuBottom {
    background-color:rgba(79,45,117,0.9);
}

body.theme-9 #profile {
    background:#ede;
}

/*BUTTONS=====================================================================*/
.btn-theme-1:after {
    background: #222;
}

.btn-theme-2:after {
    background: #5f5112;
}

.btn-theme-3:after {
    background: #eee;
}

.btn-theme-4:after {
    background: rgba(125,254,191,.2);
}

.btn-theme-5:after {
    background: rgba(125,212,254,.2);
}

.btn-theme-6:after {
    background: rgba(254,222,125,.2);
}

.btn-theme-7:after {
    background: rgba(200,200,200,.2);
}

.btn-theme-8:after {
    background: rgba(221,221,221,.2);
}

.btn-theme-9:after {
    background: rgba(188,125,254,.2);
}