flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-31 12:00:11 +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.css">
<link rel="stylesheet" href="magazine-themes.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.js"></script>
<script src="ext-lib/jquery.touchSwipe.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.css">
<link rel="stylesheet" href="magazine-themes.css"> <link rel="stylesheet" href="magazine-themes.css">
<link rel="stylesheet" href="magazine-custom.css">
<style> <style>
.viewer { .viewer {

87
magazine-custom.css
View File

@ -5,44 +5,30 @@
/*************************************** main structural elements ****/ /*************************************** main structural elements ****/
.viewer {
background: gray;
}
.magazine { .magazine {
background: transparent;
} }
.magazine .cover { .magazine .cover {
} }
.article { .article {
background: transparent;
} }
.article .cover { .article .cover {
} }
.page { .page {
background: silver; }
.page .content {
font-family: Arial;
} }
.cover { .cover {
background: white;
} }
.top-toolbar, .bottom-toolbar {
font-size: 14px;
color: silver;
}
.top-toolbar .title, /**************************************************** UI elements ****/
.bottom-toolbar .title { /* NOTE: these may override themes... */
font-size: 40px;
}
/* toolbar links */ /* toolbar links */
.top-toolbar a, .bottom-toolbar a { .top-toolbar a, .bottom-toolbar a {
@ -51,6 +37,7 @@
} }
.button { .button {
color: silver;
font-size: 25px; font-size: 25px;
font-weight: bold; font-weight: bold;
cursor: hand; cursor: hand;
@ -86,65 +73,21 @@
/**************************************************** light theme ****/ /*********************************************************** sizes ***/
.light {
color: gray;
background: white;
}
.light.viewer {
}
.magazine { .magazine {
/*
height: auto;
margin-top: -300px;
*/
} }
.light .magazine .cover { .page .content {
} /*
width: 800px;
.light .article .cover { height: 600px;
} */
.light .page {
}
/**************************************************** dark theme ****/
.dark {
color: white;
background: black;
}
.dark.viewer {
}
.dark .magazine .cover {
}
.dark .article .cover {
}
.dark .page {
} }
/*********************************************************************/
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%; top: 50%;
min-width: 200px; 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; height: 600px;
/* XXX has to pe half of page height */
margin-top: -300px; margin-top: -300px;
/* this is minus half the page width */ /* this is minus half the page width */