update reader css
This commit is contained in:
parent
c0190bd7d1
commit
542c2f66b3
3 changed files with 66 additions and 45 deletions
|
@ -1,8 +1,3 @@
|
||||||
.ui-loader {
|
.annotator-adder {
|
||||||
display: none;
|
width: 80px;
|
||||||
}
|
|
||||||
|
|
||||||
.annotator-hl {
|
|
||||||
box-shadow: none !important;
|
|
||||||
cursor: pointer !important;
|
|
||||||
}
|
}
|
|
@ -20,14 +20,22 @@ body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
right: 0;
|
right: 0;
|
||||||
padding-top: 2%;
|
|
||||||
/* left: 40px; */
|
/* left: 40px; */
|
||||||
/* -webkit-transform: translate(40px, 0);
|
/* -webkit-transform: translate(40px, 0);
|
||||||
-moz-transform: translate(40px, 0); */
|
-moz-transform: translate(40px, 0); */
|
||||||
|
|
||||||
/* border-radius: 5px 0px 0px 5px; */
|
/* border-radius: 5px 0px 0px 5px; */
|
||||||
|
border-radius: 5px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
-webkit-transition: -webkit-transform .4s, width .2s;
|
||||||
|
-moz-transition: -webkit-transform .4s, width .2s;
|
||||||
|
-ms-transition: -webkit-transform .4s, width .2s;
|
||||||
|
|
||||||
|
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,.1);
|
||||||
|
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,.1);
|
||||||
|
-ms-box-shadow: inset 0 0 50px rgba(0,0,0,.1);
|
||||||
|
box-shadow: inset 0 0 50px rgba(0,0,0,.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -44,6 +52,7 @@ body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
-webkit-transition: opacity .5s;
|
-webkit-transition: opacity .5s;
|
||||||
-moz-transition: opacity .5s;
|
-moz-transition: opacity .5s;
|
||||||
|
-ms-transition: opacity .5s;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -78,6 +87,7 @@ body {
|
||||||
/* margin: 1px -1px -1px 1px; */
|
/* margin: 1px -1px -1px 1px; */
|
||||||
-moz-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
|
-moz-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
|
||||||
-webkit-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
|
-webkit-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
|
||||||
|
-ms-box-shadow: inset 0 0 6px rgba(155,155,155,.8);
|
||||||
box-shadow: inset 0 0 6px rgba(155,155,155,.8);
|
box-shadow: inset 0 0 6px rgba(155,155,155,.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -90,8 +100,8 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#viewer {
|
#viewer {
|
||||||
width: 88%;
|
width: 80%;
|
||||||
height: 92%;
|
height: 80%;
|
||||||
/* margin-left: 10%; */
|
/* margin-left: 10%; */
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 1250px;
|
max-width: 1250px;
|
||||||
|
@ -121,6 +131,11 @@ body {
|
||||||
font-family: arial, sans-serif;
|
font-family: arial, sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow:hover {
|
.arrow:hover {
|
||||||
|
@ -144,6 +159,7 @@ body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
-webkit-transition: -webkit-transform .5s;
|
-webkit-transition: -webkit-transform .5s;
|
||||||
-moz-transition: -moz-transform .5s;
|
-moz-transition: -moz-transform .5s;
|
||||||
|
-ms-transition: -moz-transform .5s;
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
@ -158,6 +174,7 @@ body {
|
||||||
/* left: 300px; */
|
/* left: 300px; */
|
||||||
-webkit-transform: translate(300px, 0);
|
-webkit-transform: translate(300px, 0);
|
||||||
-moz-transform: translate(300px, 0);
|
-moz-transform: translate(300px, 0);
|
||||||
|
-ms-transform: translate(300px, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
#main.single {
|
#main.single {
|
||||||
|
@ -179,6 +196,7 @@ body {
|
||||||
height: 14px;
|
height: 14px;
|
||||||
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
|
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
|
||||||
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
|
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
|
||||||
|
-ms-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
|
||||||
box-shadow: 0px 1px 3px rgba(0,0,0,.6);
|
box-shadow: 0px 1px 3px rgba(0,0,0,.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -253,6 +271,9 @@ input::-webkit-input-placeholder {
|
||||||
input:-moz-placeholder {
|
input:-moz-placeholder {
|
||||||
color: #454545;
|
color: #454545;
|
||||||
}
|
}
|
||||||
|
input:-ms-placeholder {
|
||||||
|
color: #454545;
|
||||||
|
}
|
||||||
|
|
||||||
#divider {
|
#divider {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -264,6 +285,7 @@ input:-moz-placeholder {
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
top: 10%;
|
top: 10%;
|
||||||
opacity: .15;
|
opacity: .15;
|
||||||
|
box-shadow: -2px 0 15px rgba(0, 0, 0, 1);
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -289,6 +311,7 @@ input:-moz-placeholder {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
-webkit-transition: visibility 0 ease .5s;
|
-webkit-transition: visibility 0 ease .5s;
|
||||||
-moz-transition: visibility 0 ease .5s;
|
-moz-transition: visibility 0 ease .5s;
|
||||||
|
-ms-transition: visibility 0 ease .5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -299,6 +322,7 @@ input:-moz-placeholder {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
-webkit-transition: visibility 0 ease 0;
|
-webkit-transition: visibility 0 ease 0;
|
||||||
-moz-transition: visibility 0 ease 0;
|
-moz-transition: visibility 0 ease 0;
|
||||||
|
-ms-transition: visibility 0 ease 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar.open #tocView {
|
#sidebar.open #tocView {
|
||||||
|
@ -372,6 +396,7 @@ input:-moz-placeholder {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -536,6 +561,7 @@ input:-moz-placeholder {
|
||||||
background: rgba(255,255,255,0.8);
|
background: rgba(255,255,255,0.8);
|
||||||
-webkit-transition: all 0.3s;
|
-webkit-transition: all 0.3s;
|
||||||
-moz-transition: all 0.3s;
|
-moz-transition: all 0.3s;
|
||||||
|
-ms-transition: all 0.3s;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -605,6 +631,7 @@ input:-moz-placeholder {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: all 0.3s;
|
-webkit-transition: all 0.3s;
|
||||||
-moz-transition: all 0.3s;
|
-moz-transition: all 0.3s;
|
||||||
|
-ms-transition: all 0.3s;
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -676,13 +703,16 @@ input:-moz-placeholder {
|
||||||
#main {
|
#main {
|
||||||
-webkit-transform: translate(0, 0);
|
-webkit-transform: translate(0, 0);
|
||||||
-moz-transform: translate(0, 0);
|
-moz-transform: translate(0, 0);
|
||||||
|
-ms-transform: translate(0, 0);
|
||||||
-webkit-transition: -webkit-transform .3s;
|
-webkit-transition: -webkit-transform .3s;
|
||||||
-moz-transition: -moz-transform .3s;
|
-moz-transition: -moz-transform .3s;
|
||||||
|
-ms-transition: -moz-transform .3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main.closed {
|
#main.closed {
|
||||||
-webkit-transform: translate(260px, 0);
|
-webkit-transform: translate(260px, 0);
|
||||||
-moz-transform: translate(260px, 0);
|
-moz-transform: translate(260px, 0);
|
||||||
|
-ms-transform: translate(260px, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
#titlebar {
|
#titlebar {
|
||||||
|
@ -704,7 +734,6 @@ input:-moz-placeholder {
|
||||||
|
|
||||||
#tocView > ul{
|
#tocView > ul{
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
webkit-padding-start:;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -786,7 +815,3 @@ input:-moz-placeholder {
|
||||||
.icon-columns:before { content: '\e810'; } /* '' */
|
.icon-columns:before { content: '\e810'; } /* '' */
|
||||||
.icon-list:before { content: '\e800'; } /* '' */
|
.icon-list:before { content: '\e800'; } /* '' */
|
||||||
.icon-resize-small:before { content: '\e808'; } /* '' */
|
.icon-resize-small:before { content: '\e808'; } /* '' */
|
||||||
|
|
||||||
#titlebar {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
|
@ -4,3 +4,4 @@ cp $base/build/libs/* ./libs/
|
||||||
cp $base/reader/js/hooks/extensions/*.js ./hooks/extensions/
|
cp $base/reader/js/hooks/extensions/*.js ./hooks/extensions/
|
||||||
cp $base/reader/js/plugins/*.js ./plugins/
|
cp $base/reader/js/plugins/*.js ./plugins/
|
||||||
cp $base/reader/img/loader.gif img/loader.gif
|
cp $base/reader/img/loader.gif img/loader.gif
|
||||||
|
cp $base/reader/css/*.css css/
|
||||||
|
|
Loading…
Reference in a new issue