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

now overlay works upto-spec...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-03-05 15:19:39 +04:00
parent a01dfd3ffb
commit ac559c9e32
3 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@ -87,10 +87,10 @@ CKEDITOR.disableAutoInline = true
function showInOverlay(text){ function showInOverlay(text){
$('.overlay').remove() $('.overlay').remove()
var overlay = $('<div class="overlay"><div/><div/></div>') var overlay = $('<div class="overlay"><div>&times;</div><div/></div>')
.css({display: 'none'}) .css({display: 'none'})
overlay.children().first().click(function(){ overlay.children().first().click(function(){
overlay.fadeOut() removeOverlay()
}) })
overlay.children().last().append(text) overlay.children().last().append(text)
@ -100,6 +100,12 @@ function showInOverlay(text){
.appendTo($('.chrome')) .appendTo($('.chrome'))
.fadeIn() .fadeIn()
} }
function removeOverlay(){
$('.overlay').fadeOut()
setTimeout(function(){
$('.overlay').remove()
}, 300)
}
function showInfo(){ function showInfo(){
showInOverlay($( showInOverlay($(
@ -121,7 +127,7 @@ $(document).ready(function(){
.keydown(makeKeyboardHandler({ .keydown(makeKeyboardHandler({
'.overlay': { '.overlay': {
Esc: function(){ Esc: function(){
$('.overlay').fadeOut() removeOverlay()
return false return false
}, },
}, },
@ -213,7 +219,7 @@ $(document).ready(function(){
//setupNavigator() //setupNavigator()
setCurrentPage(0) setCurrentPage(0)
toggleThemes('dark-viewer') toggleThemes('none')
setupEditor() setupEditor()

5
magazine-themes.css
View File

@ -6,7 +6,7 @@
/********************************************************* Viewer ****/ /********************************************************* Viewer ****/
.splash { .splash {
background: gray; background: #444;
} }
.splash * { .splash * {
color: white; color: white;
@ -111,6 +111,7 @@
.overlay > div:first-child { .overlay > div:first-child {
background: #555; background: #555;
color: silver;
} }
.overlay > div:last-child { .overlay > div:last-child {
color: white; color: white;
@ -196,6 +197,7 @@
.light-viewer .overlay > div:first-child { .light-viewer .overlay > div:first-child {
background: white; background: white;
color: #ccc;
} }
.light-viewer .overlay > div:last-child { .light-viewer .overlay > div:last-child {
color: gray; color: gray;
@ -280,6 +282,7 @@
.dark-viewer .overlay > div:first-child { .dark-viewer .overlay > div:first-child {
background: black; background: black;
color: gray;
} }
.dark-viewer .overlay > div:last-child { .dark-viewer .overlay > div:last-child {
color: white; color: white;

9
magazine.css
View File

@ -286,7 +286,8 @@ body {
/************************************************ utility elements ***/ /************************************************ utility elements ***/
/* toolbars... */ /* toolbars... */
.top-toolbar, .bottom-toolbar { .top-toolbar,
.bottom-toolbar {
display: block; display: block;
position: absolute; position: absolute;
text-align: center; text-align: center;
@ -519,6 +520,12 @@ body {
cursor: hand; cursor: hand;
color: silver;
font-size: 32px;
text-align: right;
padding-right: 15px;
box-sizing:border-box;
} }
.overlay > div:last-child { .overlay > div:last-child {
position: absolute; position: absolute;