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

fixed a css bug -- now viewer styling and magazine styling are seporate...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-03-01 13:04:30 +04:00
parent 39fefd9611
commit 66841a2af1
2 changed files with 40 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
magazine-themes.css
View File

@ -186,21 +186,27 @@
background: red; background: red;
} }
.light .page, /* XXX we do not want this to be inherited from the viewer */
.magazine .light .page,
.magazine.light .page,
.light.page { .light.page {
background: white; background: white;
color: black; color: black;
} }
.light .page.caption-top-arrow:before, .magazine .light .page.caption-top-arrow:before,
.light .page.caption-bottom-arrow:before, .magazine .light .page.caption-bottom-arrow:before,
.magazine.light .page.caption-top-arrow:before,
.magazine.light .page.caption-bottom-arrow:before,
.light.page.caption-top-arrow:before, .light.page.caption-top-arrow:before,
.light.page.caption-bottom-arrow:before { .light.page.caption-bottom-arrow:before {
background: white; background: white;
} }
.light .page.caption-top-arrow .content, .magazine .light .page.caption-top-arrow .content,
.light .page.caption-bottom-arrow .content, .magazine .light .page.caption-bottom-arrow .content,
.magazine.light .page.caption-top-arrow .content,
.magazine.light .page.caption-bottom-arrow .content,
.light.page.caption-top-arrow .content, .light.page.caption-top-arrow .content,
.light.page.caption-bottom-arrow .content { .light.page.caption-bottom-arrow .content {
color: black; color: black;
@ -244,7 +250,7 @@
font-size: 14px; font-size: 14px;
color: gray; color: gray;
background: black; background: black;
box-shadow: none; box-shadow: none;
} }
.dark .top-toolbar a, .dark .top-toolbar a,
@ -283,20 +289,25 @@
background: red; background: red;
} }
.dark .page, .magazine .dark .page,
.magazine.dark .page,
.dark.page { .dark.page {
background: black; background: black;
color: white; color: white;
} }
.dark .page.caption-top-arrow:before, .magazine .dark .page.caption-top-arrow:before,
.dark .page.caption-bottom-arrow:before, .magazine .dark .page.caption-bottom-arrow:before,
.magazine.dark .page.caption-top-arrow:before,
.magazine.dark .page.caption-bottom-arrow:before,
.dark.page.caption-top-arrow:before, .dark.page.caption-top-arrow:before,
.dark.page.caption-bottom-arrow:before { .dark.page.caption-bottom-arrow:before {
background: black; background: black;
} }
.dark .page.caption-top-arrow .content, .magazine .dark .page.caption-top-arrow .content,
.dark .page.caption-bottom-arrow .content, .magazine .dark .page.caption-bottom-arrow .content,
.magazine.dark .page.caption-top-arrow .content,
.magazine.dark .page.caption-bottom-arrow .content,
.dark.page.caption-top-arrow .content, .dark.page.caption-top-arrow .content,
.dark.page.caption-bottom-arrow .content { .dark.page.caption-bottom-arrow .content {
color: white; color: white;

36
magazine.css
View File

@ -41,7 +41,7 @@ body {
-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;
} }
@ -64,7 +64,7 @@ body {
-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;
} }
@ -101,7 +101,7 @@ body {
-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;
*/ */
} }
@ -148,7 +148,7 @@ body {
-webkit-transition: all 0.6s ease; -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease; -moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease; -o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease; -ms-transition: all 0.6s ease;
transition: all 0.6s ease; transition: all 0.6s ease;
} }
@ -161,13 +161,13 @@ body {
-webkit-transform: scale(1); -webkit-transform: scale(1);
-moz-transform: scale(1); -moz-transform: scale(1);
-o-transform: scale(1); -o-transform: scale(1);
-ms-transform: scale(1); -ms-transform: scale(1);
transform: scale(1); transform: scale(1);
-webkit-transition: all 0.1s ease; -webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease; -moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease; -o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease; -ms-transition: all 0.1s ease;
transition: all 0.1s ease; transition: all 0.1s ease;
} }
/* element used to center and align the magazine... */ /* element used to center and align the magazine... */
@ -200,7 +200,7 @@ body {
-webkit-transition: all 0.1s ease; -webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease; -moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease; -o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease; -ms-transition: all 0.1s ease;
transition: all 0.1s ease; transition: all 0.1s ease;
} }
/* XXX does not appear to work... (likely because :before/:after mess things up) */ /* XXX does not appear to work... (likely because :before/:after mess things up) */
@ -211,7 +211,7 @@ body {
-webkit-transition: none; -webkit-transition: none;
-moz-transition: none; -moz-transition: none;
-o-transition: none; -o-transition: none;
-ms-transition: none; -ms-transition: none;
transition: none; transition: none;
} }
.dragging * { .dragging * {
@ -401,7 +401,7 @@ body {
-webkit-transition: all 0.1s ease; -webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease; -moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease; -o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease; -ms-transition: all 0.1s ease;
transition: all 0.1s ease; transition: all 0.1s ease;
} }
@ -448,7 +448,7 @@ body {
-webkit-transition: all 0.1s ease; -webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease; -moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease; -o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease; -ms-transition: all 0.1s ease;
transition: all 0.1s ease; transition: all 0.1s ease;
} }
@ -456,7 +456,7 @@ body {
-webkit-transition: none; -webkit-transition: none;
-moz-transition: none; -moz-transition: none;
-o-transition: all 0 ease; -o-transition: all 0 ease;
-ms-transition: none; -ms-transition: none;
transition: none; transition: none;
} }
.navigator .bar .bookmark { .navigator .bar .bookmark {
@ -519,8 +519,8 @@ body {
/******************************************************* templates ***/ /******************************************************* templates ***/
div.page-number-text { div.page-number-text {
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
right: 10px; right: 10px;
text-align: right; text-align: right;
@ -544,7 +544,7 @@ div.page-number-text {
-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;
} }
.caption.hidden { .caption.hidden {
@ -564,7 +564,7 @@ div.page-number-text {
.page .content .footer { .page .content .footer {
position: relative; position: relative;
width: 80%; width: 80%;
left: 13% left: 13%;
} }
/* print-like content align */ /* print-like content align */
.page:nth-child(even) .content .header, .page:nth-child(even) .content .header,
@ -601,8 +601,8 @@ div.page-number-text {
} }
.page .content .footer .page-number-text { .page .content .footer .page-number-text {
position: absolute; position: absolute;
bottom: auto; bottom: auto;
right: 0px; right: 0px;
text-align: right; text-align: right;
} }
@ -719,7 +719,7 @@ body {
-webkit-transition: none; -webkit-transition: none;
-moz-transition: none; -moz-transition: none;
-o-transition: all 0 ease; -o-transition: all 0 ease;
-ms-transition: none; -ms-transition: none;
transition: none; transition: none;
} }