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

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

View File

@ -186,21 +186,27 @@
background: red;
}
.light .page,
/* XXX we do not want this to be inherited from the viewer */
.magazine .light .page,
.magazine.light .page,
.light.page {
background: white;
color: black;
}
.light .page.caption-top-arrow:before,
.light .page.caption-bottom-arrow:before,
.magazine .light .page.caption-top-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-bottom-arrow:before {
background: white;
}
.light .page.caption-top-arrow .content,
.light .page.caption-bottom-arrow .content,
.magazine .light .page.caption-top-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-bottom-arrow .content {
color: black;
@ -283,20 +289,25 @@
background: red;
}
.dark .page,
.magazine .dark .page,
.magazine.dark .page,
.dark.page {
background: black;
color: white;
}
.dark .page.caption-top-arrow:before,
.dark .page.caption-bottom-arrow:before,
.magazine .dark .page.caption-top-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-bottom-arrow:before {
background: black;
}
.dark .page.caption-top-arrow .content,
.dark .page.caption-bottom-arrow .content,
.magazine .dark .page.caption-top-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-bottom-arrow .content {
color: white;

View File

@ -564,7 +564,7 @@ div.page-number-text {
.page .content .footer {
position: relative;
width: 80%;
left: 13%
left: 13%;
}
/* print-like content align */
.page:nth-child(even) .content .header,