mirror of
https://github.com/flynx/PortableMag.git
synced 2026-01-10 13:27:50 +00:00
more minor updates...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
9c47d8a5f9
commit
37c73c0559
21
magazine.css
21
magazine.css
@ -6,6 +6,8 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/************************************* layers and hidable elements ***/
|
/************************************* layers and hidable elements ***/
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
@ -93,6 +95,7 @@ body {
|
|||||||
transition: all 0.5s ease;
|
transition: all 0.5s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* element used to scale the magazine... */
|
/* element used to scale the magazine... */
|
||||||
.scaler {
|
.scaler {
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -110,7 +113,6 @@ body {
|
|||||||
-ms-transition: all 0.2s ease;
|
-ms-transition: all 0.2s ease;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* element used to center and align the magazine... */
|
/* element used to center and align the magazine... */
|
||||||
.aligner {
|
.aligner {
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -136,12 +138,6 @@ body {
|
|||||||
-ms-transition: all 0.2s ease;
|
-ms-transition: all 0.2s ease;
|
||||||
transition: all 0.2s ease;
|
transition: all 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* magazine cover */
|
|
||||||
.magazine > .cover {
|
|
||||||
}
|
|
||||||
|
|
||||||
/* user hints, visible when user draggs past the cover or the last page
|
/* user hints, visible when user draggs past the cover or the last page
|
||||||
* of the mag... */
|
* of the mag... */
|
||||||
.magazine:before, .magazine:after {
|
.magazine:before, .magazine:after {
|
||||||
@ -174,6 +170,10 @@ body {
|
|||||||
right: -450px;
|
right: -450px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* magazine cover */
|
||||||
|
.magazine > .cover {
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* magazine article, this can contain a cover and a number of pages */
|
/* magazine article, this can contain a cover and a number of pages */
|
||||||
.article {
|
.article {
|
||||||
@ -188,6 +188,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/************************************************ utility elements ***/
|
/************************************************ utility elements ***/
|
||||||
|
|
||||||
/* toolbars... */
|
/* toolbars... */
|
||||||
@ -234,6 +235,10 @@ body {
|
|||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
.page-view-mode .top-toolbar,
|
||||||
|
.page-view-mode .bottom-toolbar {
|
||||||
|
height: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* splash screen. used to hide loading and aligning elements */
|
/* splash screen. used to hide loading and aligning elements */
|
||||||
@ -260,7 +265,6 @@ body {
|
|||||||
|
|
||||||
.page-view-mode .top-toolbar,
|
.page-view-mode .top-toolbar,
|
||||||
.page-view-mode .bottom-toolbar {
|
.page-view-mode .bottom-toolbar {
|
||||||
height: 0px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-view-mode .page .content {
|
.page-view-mode .page .content {
|
||||||
@ -276,6 +280,7 @@ body {
|
|||||||
|
|
||||||
|
|
||||||
/******************************************************* templates ***/
|
/******************************************************* templates ***/
|
||||||
|
/* XXX split these into seporate files... */
|
||||||
.caption {
|
.caption {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user