1 files changed, 64 insertions, 8 deletions

diff --git a/themes/tozt/static/css/style.css b/themes/tozt/static/css/style.css
index 5fc24c6..85e3e3c 100644
--- a/themes/tozt/static/css/style.css
+++ b/themes/tozt/static/css/style.css
@@ -2,39 +2,86 @@ body {
   max-width: 800px;
   margin: auto;
   padding: 1em;
-  line-height: 1.5em;
+  background-color: #345;
 }
 
 /* header and footer areas */
 .menu { padding: 0; }
-.menu li { display: inline-block; }
-.article-meta, .menu a {
+.menu li {
+  display: inline-block;
+  position: relative;
+  bottom: -15px;
+}
+.menu li.active a {
+  background-color: #58a;
+}
+.menu a {
   text-decoration: none;
-  background: #eee;
+  background: #8c8;
   padding: 5px;
   border-radius: 5px;
+  color: black;
+  font-weight: bold;
+  border: 1px solid;
+}
+.menu a:link, .menu a:visited {
+  color: black;
 }
 .menu, .article-meta, footer { text-align: center; }
 .title { font-size: 1.1em; }
+header.body {
+  background-color: #58a;
+  border: 1px solid;
+  border-radius: 16px;
+}
+header.body h2, header.body h3 {
+  margin: 8px;
+}
 footer a { text-decoration: none; }
 hr {
   border-style: dashed;
   color: #ddd;
 }
+header.page .name {
+  float: left;
+  bottom: 0px;
+  position: absolute;
+}
+header.page .name h1 {
+  padding: 0px;
+  margin: 0px;
+}
+.icon {
+  float: right;
+}
+.clear { clear: both; }
+header.page {
+  border-bottom: 1px solid;
+  position: relative;
+}
 
 /* code */
 pre {
+  background-color: #ada;
   border: 1px solid #ddd;
-  box-shadow: 5px 5px 5px #eee;
   padding: 1em;
   overflow-x: auto;
 }
-code { background: #f9f9f9; }
+code {
+  background: #ada;
+  padding: 2px;
+}
 pre code { background: none; }
 
 /* misc elements */
 img, iframe, video { max-width: 100%; }
-main { hyphens: auto; }
+main {
+  hyphens: auto;
+  background-color: #8c8;
+  padding: 8px;
+  border-radius: 16px;
+  line-height: 1.5em;
+}
 blockquote {
   background: #f9f9f9;
   border-left: 5px solid #ccc;
@@ -50,7 +97,16 @@ table thead th { border-bottom: 1px solid #ddd; }
 th, td { padding: 5px; }
 thead, tfoot, tr:nth-child(even) { background: #eee }
 
-.lastmod {
+a:link { color: #123; }
+a:visited { color: #153; }
+
+.lastmod, .postdate {
   font-size: smaller;
   font-style: italic;
 }
+.lastmod {
+  padding: 8px;
+}
+.postdate {
+  padding-left: 8px;
+}