summaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
authorDimitri Sokolyuk <demon@dim13.org>2012-09-17 20:18:37 +0000
committerDimitri Sokolyuk <demon@dim13.org>2012-09-17 20:18:37 +0000
commit787052990eca2273905776add5e1cc149697c131 (patch)
tree8a3cd61c0f40e84819f00f41f62bb1396f3a3622 /themes
parentda2f358032390f7e016d23b83a1f32ca02b595b5 (diff)
change colors and minor tweaks
Diffstat (limited to 'themes')
-rw-r--r--themes/html5/admin.tmpl8
-rw-r--r--themes/html5/index.tmpl24
-rw-r--r--themes/html5/style.css67
3 files changed, 54 insertions, 45 deletions
diff --git a/themes/html5/admin.tmpl b/themes/html5/admin.tmpl
index 4928e26..4bbdf43 100644
--- a/themes/html5/admin.tmpl
+++ b/themes/html5/admin.tmpl
@@ -9,10 +9,8 @@
<body>
<header>
- <h1 id="admin">
- <a href="/"><TMPL_VAR name="blog_title"></a> <TMPL_VAR name="view">
- </h1>
- <p>
+ <p id="blog_title"><a href="/"><TMPL_VAR name="blog_title"></a> <TMPL_VAR name="view"></p>
+ <p id="blog_subtitle">
<a href="?view=edit">create</a> |
<a <TMPL_IF name="comments_to_moderate">id = "moderate"</TMPL_IF> href="?view=moderate">moderate</a> |
<a href="?view=administrate">administrate</a>
@@ -38,7 +36,7 @@
<!-- preview articles -->
<section id="preview">
<header>
- <h2><TMPL_VAR name="title"></h2>
+ <h1><TMPL_VAR name="title"></h1>
<p><TMPL_VAR name="date"></p>
</header>
<TMPL_VAR name="preview">
diff --git a/themes/html5/index.tmpl b/themes/html5/index.tmpl
index 591bd57..4b5c09e 100644
--- a/themes/html5/index.tmpl
+++ b/themes/html5/index.tmpl
@@ -55,9 +55,8 @@
<body>
<header>
- <h1><a href="/"><TMPL_VAR name="title"></a></h1>
- <p><TMPL_VAR name="subtitle"></p>
- <!--p><span style="color: red"><strong>CSS under constraction right now! May be broken or ugly!</strong></p-->
+ <p id="blog_title"><a href="/"><TMPL_VAR name="title"></a></p>
+ <p id="blog_subtitle"><TMPL_VAR name="subtitle"></p>
</header>
<aside>
@@ -99,7 +98,7 @@
</section>
<section id="tagcloud">
- <h3>Tag Cloud</h3>
+ <h3>Tag cloud</h3>
<ul>
<TMPL_LOOP name="tagcloud">
<li class="tagcloud_<TMPL_VAR name="scale">"><a href="/Tags/<TMPL_VAR name="tag">"><TMPL_VAR name="tag"></a></li>
@@ -110,18 +109,19 @@
<section id="feeds">
<h3>Feeds</h3>
<ul>
- <li><a href="/rss.xml"><img src="/themes/<TMPL_VAR name="theme">/feed-icon-12x12.png" alt="RSS">RSS 1.0</a></li>
- <li><a href="/rss2.xml"><img src="/themes/<TMPL_VAR name="theme">/feed-icon-12x12.png" alt="RSS">RSS 2.0</a></li>
+ <li><a href="/rss.xml">
+ <img src="/themes/<TMPL_VAR name="theme">/feed-icon-12x12.png" alt="RSS">RSS 1.0</a></li>
+ <li><a href="/rss2.xml">
+ <img src="/themes/<TMPL_VAR name="theme">/feed-icon-12x12.png" alt="RSS">RSS 2.0</a></li>
</ul>
</section>
+
</aside>
<TMPL_LOOP name="articles">
<article>
<header>
- <h2>
- <a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">"><TMPL_VAR name="title"></a>
- </h2>
+ <h1><a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">"><TMPL_VAR name="title"></a></h1>
<p><time><TMPL_VAR name="date"></time>
by <a href="/Tags/<TMPL_VAR name="author">"><TMPL_VAR name="author"></a>
</p>
@@ -197,9 +197,9 @@
<p>max length <TMPL_VAR name="comment_max_length"> chars</p>
</header>
<form action="/index.cgi" method="post">
- <p><input name="name" size="40" maxlength="100" value="<TMPL_VAR name="name">"> name</p>
- <p><input name="email" size="40" maxlength="100" value="<TMPL_VAR name="email">"> email</p>
- <p><input name="url" size="40" maxlength="100" value="<TMPL_VAR name="url">"> url</p>
+ <p><input name="name" size="40" maxlength="100" value="<TMPL_VAR name="name">"> Name</p>
+ <p><input name="email" size="40" maxlength="100" value="<TMPL_VAR name="email">"> eMail</p>
+ <p><input name="url" size="40" maxlength="100" value="<TMPL_VAR name="url">"> URL</p>
<p><textarea rows="5" cols="40" name="comment"><TMPL_VAR name="comment"></textarea></p>
<script type="text/javascript"
src="<TMPL_VAR name="captcha_api_server">/challenge?k=<TMPL_VAR name="captcha_pubkey">">
diff --git a/themes/html5/style.css b/themes/html5/style.css
index 6950f0b..e1ebdf2 100644
--- a/themes/html5/style.css
+++ b/themes/html5/style.css
@@ -1,48 +1,52 @@
body {
- font-family: sans-serif;
- font-size: 14px;
margin: 3% 8% 2% 12%;
}
pre {
background-color: #ffffea;
padding: 2%;
- border: thin dashed #aaaaaa;
+ border: thin dashed #cccccc;
}
#moderate {
- color: #bb3300;
+ color: #cc6600;
}
#preview {
padding: 3% 5%;
margin: 0 35% 10% 0;
- border: thin dotted #aaaaaa;
+ border: thin dotted #cccccc;
}
img, video {
max-width: 100%;
}
textarea, input {
- border: thin solid #aaaaaa;
+ border: thin solid #cccccc;
}
a {
text-decoration: none;
- color: #bb3300;
+ color: #cc6600;
}
a:hover {
/* color: #498a41 !important; */
text-decoration: underline;
}
-h1 {
- margin-bottom: 0;
+#blog_title {
+ font-size: 220%;
+ font-weight: bold;
+ text-shadow: #666666 1px 1px 1px;
}
-h2 a {
- color: #000000;
+#blog_title a {
+ color: #cc6600;
}
-h3 {
- color: #666666;
+#blog_subtitle {
+ font-size: 120%;
+}
+
+h1 a {
+ color: #222222;
}
q {
margin-left: 2%;
@@ -53,11 +57,11 @@ header {
}
header p {
margin: 0;
- color: #666666;
+ color: #999999;
font-size: smaller;
}
header p a {
- color: #4466cc;
+ color: #5588aa;
}
/* IE lt 9 hack */
@@ -77,7 +81,9 @@ aside {
margin-bottom: 3%;
}
aside h3 {
- border-bottom: thin solid #aaaaaa;
+ color: #666666;
+ border-bottom: thin solid #cccccc;
+ text-shadow: #666666 1px 1px 1px;
}
aside section {
margin-bottom: 10%;
@@ -85,14 +91,23 @@ aside section {
aside ul {
list-style: none;
padding: 0;
+ color: #999999;
}
aside ul ul {
list-style: none;
margin-left: 10%;
}
+aside img {
+ margin-right: 1ex;
+ border: none;
+}
+#links a {
+ color: #5588aa;
+}
-article h2 {
- border-bottom: thin solid #aaaaaa;
+article h1 {
+ border-bottom: thin solid #cccccc;
+ text-shadow: #666666 1px 1px 1px;
}
article footer {
border: none;
@@ -105,13 +120,13 @@ footer {
clear: both;
text-align: center;
font-size: smaller;
- color: #666666;
- border-top: thin solid #aaaaaa;
+ color: #999999;
+ border-top: thin solid #cccccc;
padding: 1% 0;
margin-top: 2%;
}
footer a {
- color: #4466cc;
+ color: #5588aa;
}
footer ul {
list-style: none;
@@ -137,7 +152,7 @@ footer li.nextpage {
margin-right: 2%;
}
#tagcloud a {
- color: #4466cc;
+ color: #5588aa;
}
#tagcloud li {
display: inline;
@@ -161,16 +176,12 @@ li.tagcloud_4 {
li.tagcloud_5 {
font-size: 200%;
}
-#feeds img {
- margin-right: 1ex;
- border: none;
-}
#error h3 {
- color: #bb3300;
+ color: #cc6600;
}
#error p {
- color: #bb3300;
+ color: #cc6600;
margin-left: 2%;
}
#message h3 {