more CSS cleanup...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-01-25 17:36:28 +04:00
parent 5a1d167ef9
commit 15ac2614cf
3 changed files with 20 additions and 6 deletions

View File

@ -1,7 +1,10 @@
<html> <html>
<head> <head>
<title>Magazine</title> <title>Magazine</title>
<link rel="stylesheet" href="magazine.css"> <link rel="stylesheet" href="magazine.css">
<link rel="stylesheet" href="magazine-custom.css">
<script src="jquery.js"></script> <script src="jquery.js"></script>
<script src="jquery.touchSwipe.js"></script> <script src="jquery.touchSwipe.js"></script>
<script src="jstorage.js"></script> <script src="jstorage.js"></script>

View File

@ -1,5 +1,10 @@
/* magazine customization */ /**********************************************************************
.magazine { * magazine customization
*
**********************************************************************/
/*************************************** main structural elements ****/
.viewer {
background: gray; background: gray;
} }
@ -14,3 +19,10 @@
.page { .page {
background: silver; background: silver;
} }
/*********************************************************************/
/*********************************************************************/

View File

@ -31,7 +31,8 @@ body {
/* XXX change to relative units... */ /* XXX change to relative units... */
font-size: 12px; font-size: 12px;
background: silver;
background: white;
-webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
@ -139,7 +140,6 @@ body {
/* magazine cover */ /* magazine cover */
.magazine > .cover { .magazine > .cover {
background: white;
} }
/* 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
@ -185,7 +185,6 @@ body {
} }
.article > .cover { .article > .cover {
background: white;
} }
@ -246,7 +245,7 @@ body {
height: 100%; height: 100%;
z-index: 9000; z-index: 9000;
background-color: white; background: white;
} }
.splash * { .splash * {
color: gray; color: gray;