flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-31 20:10:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

made the bookmarks a bit more flexible and uniform...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-28 00:19:16 +04:00
parent 7451b32d1f
commit 7fea9d8784
3 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
magazine.css
View File

@ -69,6 +69,15 @@ body {
} }
.page .bookmark { .page .bookmark {
position: absolute;
z-index: 8888;
width: 60px;
height: 60px;
top: 0px;
right: 0px;
overflow: hidden;
}
.page .bookmark div {
position: absolute; position: absolute;
width: 100px; width: 100px;
height: 100px; height: 100px;
@ -80,7 +89,6 @@ body {
cursor: hand; cursor: hand;
z-index: 8888;
opacity: 0,5; opacity: 0,5;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
@ -89,11 +97,13 @@ body {
-ms-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
/*
-webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease; -o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease; -ms-transition: all 0.2s ease;
transition: all 0.2s ease; transition: all 0.2s ease;
*/
} }
.page .bookmark-toggler { .page .bookmark-toggler {
position: absolute; position: absolute;
@ -108,8 +118,8 @@ body {
z-index: 9999; z-index: 9999;
} }
.page-view-mode .page .bookmark, .page-view-mode .page .bookmark div,
.full-page-view-mode .page .bookmark { .full-page-view-mode .page .bookmark div {
right: -70px; right: -70px;
top: -70px; top: -70px;
opacity: 0.5; opacity: 0.5;

2
magazine.js
View File

@ -805,7 +805,7 @@ function toggleBookmark(n){
var cur = getPageAt(n) var cur = getPageAt(n)
if(cur.children('.bookmark').length == 0){ if(cur.children('.bookmark').length == 0){
var res = $('<div/>') var res = $('<div><div/></div>')
.prependTo(cur) .prependTo(cur)
.addClass('bookmark justcreated') .addClass('bookmark justcreated')
.attr({ .attr({

7
templates.html
View File

@ -79,14 +79,13 @@
<div class="title">Article</div> <div class="title">Article</div>
</div> </div>
<div class="page-box">
<div class="title">Page Group</div>
</div>
<div class="page-box"> <div class="page-box">
<div class="title">Cover Page</div> <div class="title">Cover Page</div>
</div> </div>
<div class="page-box">
<div class="title">Page Group</div>
</div>
<div class="page-box"> <div class="page-box">