more minor updates...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-01-25 18:02:02 +04:00
parent 9c47d8a5f9
commit 37c73c0559

View File

@ -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;