flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-12-23 12:01:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

more playing with the editor...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-03-03 02:11:57 +04:00
parent a4060fa8e8
commit fd265c4c0b
1 changed files with 45 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
index.html
View File

@ -140,6 +140,42 @@
margin: 0px;
}
.editor .page.cover:after {
display: block;
position: absolute;
vertical-align: bottom;
text-align: left;
content: "Cover";
background: red;
color: white;
font-size: 50px;
width: 100%;
height: 60px;
bottom: 0px;
opacity: 0.2;
}
.editor .article {
margin-left: 40px;
padding-bottom: 5px;
}
.editor .article:before {
display: block;
vertical-align: bottom;
position: absolute;
content: "Article";
color: white;
font-size: 50px;
bottom: -60px;
}
.editor .article:nth-child(odd) {
border-bottom: solid 50px gray;
}
.editor .article:nth-child(even) {
border-bottom: solid 50px silver;
}
</style>
@ -206,7 +242,15 @@ function clearEditor(){
$('.current-page-indicator').children().remove()
}
var toggleEditor = createCSSClassToggler('.chrome', 'editor')
var toggleEditor = createCSSClassToggler(
'.chrome',
'editor',
function(){
setTransitionDuration($('.magazine'), 0)
},
function(){
setCurrentPage($('.current.page'))
})
$(document).ready(function(){