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

updated custom theme template...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-11 18:22:00 +04:00
parent 4b0f7a88ce
commit d24702e0d7
4 changed files with 19 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="magazine.css">
<link rel="stylesheet" href="magazine-themes.css">
<!--link rel="stylesheet" href="magazine-custom.css"-->
<link rel="stylesheet" href="magazine-custom.css">
<script src="ext-lib/jquery.js"></script>
<script src="ext-lib/jquery.touchSwipe.js"></script>

1
layout.html
View File

@ -7,6 +7,7 @@
<link rel="stylesheet" href="magazine.css">
<link rel="stylesheet" href="magazine-themes.css">
<link rel="stylesheet" href="magazine-custom.css">
<style>
.viewer {

87
magazine-custom.css
View File

@ -5,44 +5,30 @@
/*************************************** main structural elements ****/
.viewer {
background: gray;
}
.magazine {
background: transparent;
}
.magazine .cover {
}
.article {
background: transparent;
}
.article .cover {
}
.page {
background: silver;
font-family: Arial;
}
.page .content {
}
.cover {
background: white;
}
.top-toolbar, .bottom-toolbar {
font-size: 14px;
color: silver;
}
.top-toolbar .title,
.bottom-toolbar .title {
font-size: 40px;
}
/**************************************************** UI elements ****/
/* NOTE: these may override themes... */
/* toolbar links */
.top-toolbar a, .bottom-toolbar a {
@ -51,6 +37,7 @@
}
.button {
color: silver;
font-size: 25px;
font-weight: bold;
cursor: hand;
@ -86,65 +73,21 @@
/**************************************************** light theme ****/
.light {
color: gray;
background: white;
}
.light.viewer {
}
/*********************************************************** sizes ***/
.magazine {
/*
height: auto;
margin-top: -300px;
*/
}
.light .magazine .cover {
}
.light .article .cover {
}
.light .page {
}
/**************************************************** dark theme ****/
.dark {
color: white;
background: black;
}
.dark.viewer {
}
.dark .magazine .cover {
}
.dark .article .cover {
}
.dark .page {
.page .content {
/*
width: 800px;
height: 600px;
*/
}
/*********************************************************************/
body {
font-family: arial;
}
.page a,
.page a:visited,
.page a:active {
color: blue;
}
.page a:hover {
color: red;
}
/*********************************************************************/

3
magazine.css
View File

@ -179,8 +179,9 @@ body {
top: 50%;
min-width: 200px;
/* can we avoid setting the sizes in so many places? */
/* XXX has to be the same as default page height */
height: 600px;
/* XXX has to pe half of page height */
margin-top: -300px;
/* this is minus half the page width */