projects / thetarpit.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 609c8b2)
templates: default: redesign header
authorLucian Mogosanu <lucian.mogosanu@gmail.com>
Wed, 15 Jul 2015 11:30:34 +0000 (14:30 +0300)
committerLucian Mogosanu <lucian.mogosanu@gmail.com>
Sat, 5 Nov 2016 13:47:21 +0000 (15:47 +0200)
css/default.css patch | blob | history
templates/default.html patch | blob | history

diff --git a/css/default.css b/css/default.css
index df77946..57bf7e5 100644 (file)
--- a/css/default.css
+++ b/css/default.css
@@ -198,33 +198,25 @@ span > a {
 }
 
 #header {
-       text-align: center;
-       font-size: 45px;
-       padding: 0px 0px 0px 0px;
-       margin-bottom: -12px;
-       margin-top: 14px;
-       /*border-bottom: 2px solid #e2ebee;*/
+       padding: 0px 0px 34px 0px;
+       border-bottom: 1px solid #e2ebee;
 }
 
-#header li {
-       display: inline-block;
-}
-
-#header li a {
-       color: #333;
-       border-bottom: none;
+#navigation > #title {
+       float: left;
+       color: #c0c9cc;
+       margin-left: 0px;
+       font-size: 22px;
 }
 
 #navigation {
-       text-align: center;
-       margin-top: 11.2px;
-       margin-left: -16px;
-       padding: 0px 0px 30px 0px;
+       display: block;
 }
 
-#navigation a {
+#navigation > a {
+       float: right;
        color: #C2CBCE;
-       font-size: 20px;
+       font-size: 22px;
        margin-left: 16px;
        text-decoration: none;
        border-bottom: none;
@@ -241,6 +233,6 @@ span > a {
        font-size: 14px;
        margin-top: 30px;
 
-       border-top: 3px solid #e2ebee;
+       border-top: 1px solid #e2ebee;
        color: #555;
 }
diff --git a/templates/default.html b/templates/default.html
index 1ab9859..d0edb0f 100644 (file)
--- a/templates/default.html
+++ b/templates/default.html
@@ -15,14 +15,14 @@
 </head>
 
 <body>
-       <ul id="header">
-               <li><a href="/">The Tar Pit</a></li>
-       </ul>
-       <ul id="navigation">
-               <a href="/about-2.html">about</a>
-               <a href="/archive.html">archive</a>
-               <a href="/rss.xml">rss</a>
-       </ul>
+       <div id="header">
+               <div id="navigation">
+                       <a id="title" href="/">The Tar Pit</a>
+                       <a href="/about-2.html">about</a>
+                       <a href="/archive.html">archive</a>
+                       <a href="/rss.xml">rss</a>
+               </div>
+       </div>
 
        <div id="content">
                <h1>$title$</h1>
thetarpit.org site