* sync design with static part

public/css/default.css

@@ -1,70 +0,0 @@
-html, body {
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  font-family: sans-serif;
-  font-size: 10pt;
-}
-
-body {
-  background-color: #F9F9F9;
-  background-image: url('/img/headbg.jpg');
-  background-clip: border-box;
-  background-attachment: scroll;
-  background-repeat: no-repeat;
-}
-
-div#main {
-  position: relative;
-  width: 100%;
-  padding: 10px 0px;
-}
-
-div#sidebar {
-  position: absolute;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  width: 150px;
-  max-width: 170px;
-  padding: 2px;
-}
-
-div#content {
-  position: relative;
-  margin-left: 175px;
-  margin-top: 10px;
-  padding: 10px 10px;
-  min-height: 400px;
-}
-
-.ui-block {
-  background-color: #FFFFFF;
-  border: 1px solid #AAAAAA;
-  margin-bottom: 10px;
-}
-
-/* headers */
-h1, h2, h3, h4, h5 {
-  margin: 0px;
-  font-weight: normal;
-  margin-bottom: 0.6em;
-}
-
-h1 {
-  font-size: 160%;
-  border-bottom: 1px solid #AAAAAA;
-}
-h2 { font-size: 130%; }
-
-ul {
-  margin: 0px;
-  padding: 3px 20px;
-  list-style: square;
-  color: #999999;
-}
-
-a {
-  text-decoration: none;
-  color: #002BB8;
-}

public/theme/css/default.css

@@ -0,0 +1,126 @@
+html, body {
+  margin: 0px;
+  padding: 0px;
+  border: 0px;
+  font-family: sans-serif;
+  font-size: 10pt;
+}
+
+body {
+  background-color: #F9F9F9;
+  background-image: url('/theme/img/headbg.jpg');
+  background-clip: border-box;
+  background-attachment: scroll;
+  background-repeat: no-repeat;
+}
+
+/* main layout parts */
+div#main {
+  position: relative;
+  width: 100%;
+  padding: 10px 0px;
+}
+
+div#sidebar {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  width: 150px;
+  max-width: 170px;
+  padding: 2px;
+}
+
+div#content {
+  position: relative;
+  margin-left: 175px;
+  margin-top: 10px;
+  padding: 10px 10px;
+  min-height: 400px;
+}
+
+ul#sidenav {
+  margin: 0px;
+}
+
+/* articles */
+div.article {
+  margin-bottom: 20px;
+}
+
+div.article span.tags   { float: right; }
+div.article span.tags a { background: url('/theme/img/tag.png')  no-repeat center left; padding-left: 18px; }
+div.article span.date   { background: url('/theme/img/time.png') no-repeat center left; padding-left: 18px; }
+div.article span.user   { background: url('/theme/img/user.png') no-repeat center left; padding-left: 18px; }
+
+div.article div.bottom_bar {
+  border-top: 1px dashed #A0B0C0;
+}
+
+div.feeds a {
+  background: url('/theme/img/rss.png') no-repeat scroll 0px 0px;
+  padding-left: 18px;
+  color: orange;
+}
+
+/* headers */
+h1, h2, h3, h4, h5 {
+  margin: 5px 0px;
+  font-weight: normal;
+  margin-bottom: 0.6em;
+}
+
+h1, h2 {
+  border-bottom: 1px dashed #506070;
+}
+
+h1 {
+  font-size: 160%;
+  border-bottom: 1px solid #AAAAAA;
+}
+
+h2 { font-size: 130%; }
+
+/* common page parts */
+.ui-block {
+  background-color: #FFFFFF;
+  border: 1px solid #AAAAAA;
+  margin-bottom: 10px;
+}
+
+div.pager {
+  text-align: center;
+}
+
+a {
+  text-decoration: none;
+  color: #506070;
+}
+
+a.disabled {
+  cursor: default;
+  pointer-events: none;
+}
+
+ul {
+  margin: 10px 0px;
+  padding: 3px 20px;
+  list-style: square;
+}
+
+p {
+  margin: 10px 0px;
+}
+
+pre {
+  margin-left: 10px;
+  padding: 5px;
+  background-color: #EEEEEE;
+  border: 1px dotted #AAAAAA;
+}
+
+hr {
+  color: white;
+  border-style: dashed;
+  background-color: #A0B0C0;
+}

templates/layouts/default.html.ep

@@ -4,19 +4,20 @@
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="generator" content="mojolicious" />
   <meta name="robots" content="noindex,nofollow" />
-  <link rel="icon" type="image/png" href="/img/favicon.png" />
+  <link rel="shortcut icon" href="/theme/img/favicon.ico" />
+  <link rel="stylesheet"    href="/theme/css/default.css" type="text/css" />
   <title><%= title %> - Linux во Владивостоке</title>
-% my @styles = qw(default);
+% my @styles = ();
 % push @styles, split(/\s+/, stash('styles') || '');
 %
 % my @scripts = ();
 % push @scripts, split(/\s+/, stash('scripts') || '');
 %
 % foreach my $style (@styles) {
-  <%= stylesheet "/css/$style.css" %>
+  <%= stylesheet "/theme/css/$style.css" %>
 % }
 % foreach my $script (@scripts) {
-  <%= javascript "/js/$script.js" %>
+  <%= javascript "/theme/js/$script.js" %>
 % }
 </head>
 <body>
@@ -24,10 +25,10 @@
 
   <div id="sidebar">
     <a href="/wiki/index" id="home">
-      <img src="/img/logo.png" style="border: 0px; margin: 2px 10px;">
+      <img src="/theme/img/logo.png" style="border: 0px; margin: 2px 10px;">
     </a>
     <h5>Навигация:</h5>
-    <ul id="sidebar" class="ui-block">
+    <ul id="sidenav" class="ui-block">
       <li><a href="/wiki/index">Главная</a></li>
       <li><a href="/wiki/articles/index">Статьи</a></li>
       <li><a href="/wiki/projects/index">Проекты</a></li>
@@ -47,4 +48,5 @@
 
 <div id="footer" class="ui-block">
 </div>
+</body>
 </html>