book/es6tutorial
1
0
Fork 0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-24 18:32:22 +00:00
Code Issues Releases Wiki Activity

add page flip

Browse Source
This commit is contained in:
ruanyf 2014-04-29 19:22:50 +08:00
parent 4c95d33ba2
commit 00dc31ac4e
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/app.css
View File

@ -308,6 +308,32 @@ body {
} }
} }
#flip{
position:fixed;
height:20px;
width:150px;
bottom:10px;
font-size:10px;
margin:auto auto;
}
#pageup,#pagedown{
height:20px;
width:70px;
display:inline-box;
border-radius: 5px;
background-color: #AAA;
text-align: center;
line-height:20px;
color: #FFF;
}
@media (min-width: 40rem) {
#flip{
margin-left:380px;
}
}
/** /**
* okaidia theme for JavaScript, CSS and HTML * okaidia theme for JavaScript, CSS and HTML
* Loosely based on Monokai textmate theme by http://www.monokai.nl/ * Loosely based on Monokai textmate theme by http://www.monokai.nl/

1
index.html
View File

@ -25,6 +25,7 @@
<div id="edit">edit</div> <div id="edit">edit</div>
<div id="loading">Loading ...</div> <div id="loading">Loading ...</div>
<div id="error">Opps! ... File not found!</div> <div id="error">Opps! ... File not found!</div>
<div id="flip"><div id="pageup">上一章</div><div id="pagedown">下一章</div></div>
<script> <script>
// essential settings // essential settings