Permalink
Browse files

Updated style and added search form

  • Loading branch information...
maicki committed Apr 14, 2012
1 parent 8a131e6 commit 6d3e95c785c4d50eaf76f4ed8bf273964fa030f6
Showing with 191 additions and 134 deletions.
  1. +4 −4 _includes/post_header.html
  2. +13 −10 _layouts/default.html
  3. +5 −4 about/index.html
  4. +117 −65 css/styles.css
  5. +52 −51 css/syntax.css
  6. BIN img/search-white.png
@@ -1,6 +1,6 @@
-<div class="post-title">
- {{ page.title }}
-</div>
-<div class="authoring">
+<h2>
+ <a href="{{page.url}}">{{ page.title }}</a>
+</h2>
+<div class="post-date">
written on {{ page.date | date: "%B %e, %Y" }}
</div>
View
@@ -12,9 +12,13 @@
<div id="container">
<div id="header">
- <h1>
- <a href="/">michael schneider</a>
- </h1>
+ <h1><a href="/">Michael Schneider</a></h1>
+ <div id="search-form">
+ <form method="get" id="search" action="http://duckduckgo.com/">
+ <input type="hidden" name="sites" value="http://maicki.github.com"/>
+ <input name="q" type="text" size="40" />
+ </form>
+ </div>
<div class="sites">
<span class="site-title"></span>
<a href="/" id="home">
@@ -38,18 +42,17 @@ <h1>
{{content}}
<div class="footer">
- <span class="to-top floatRight"><a class="internal" href="#header" title="Return to the top of this page">Back to top ↑</a></span>
- <p>© Copyright 2011 by Michael Schneider.</p>
- <p>
- Contact me via <a href="mailto:mischneider1@gmail.com">mail</a>,
- <a href="http://twitter.com/maicki">twitter</a>,
- <a href="http://github.com/maicki">github</a> or
+ <span class="to-top"><a class="internal" href="#header" title="Return to the top of this page">Back to top ↑</a></span>
+ <p>© Copyright 2012 by Michael Schneider.</p>
+ <p>
+ Contact me via <a href="mailto:mischneider1@gmail.com">mail</a>,
+ <a href="http://twitter.com/maicki">twitter</a>,
+ <a href="http://github.com/maicki">github</a> or
(<a href="" rel="alternate" title="Recent Blog Posts">feed</a>)
</p>
</div>
</div>
-
</body>
</html>
View
@@ -3,9 +3,10 @@
title: "About Michael Schneider"
---
-<h2>About me</h2>
+<div class="content">
+ <h2>About me</h2>
-<p>My name is Michael Schneider and I love developing software for Mac OS X or iOS as well as web applications especially with the <a href="http://djangoproject.com/">Django</a> framework or Javascript.</p>
-
-I'm currently living in <a href="http://maps.google.de/maps/place?q=biberach&hl=de&ftid=0x479bc592e1ed3cd5:0x1107c7c2d0215402">Biberach</a> a little town south of Ulm. I'm also studying business informatics at the <a href="http://www.hs-ulm.de">Hochschule Ulm</a>.
+ <p>My name is Michael Schneider and I love developing software for Mac OS X or iOS as well as web applications especially with the <a href="http://djangoproject.com/">Django</a> framework or Javascript.</p>
+ <p>I'm currently living in <a href="http://maps.google.de/maps/place?q=biberach&hl=de&ftid=0x479bc592e1ed3cd5:0x1107c7c2d0215402">Biberach</a> a little town south of Ulm. I'm also studying business informatics at the <a href="http://www.hs-ulm.de">Hochschule Ulm</a>.</p>
+</div>
View
@@ -1,47 +1,50 @@
body {
- text-align: center;
- font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
- font-size: 23px;
- line-height: 1.5;
- color: #111;
margin: 0;
padding: 0;
+ font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
+ font-size: 16px;
+ color: #111;
+}
+
+h1 {
+ font-weight:normal;
+ font-size: 36px;
}
h2 {
font-weight:normal;
- font-size: 48px;
- line-height: 52px;
+ font-size: 30px;
}
h3 {
font-weight:normal;
- font-size: 36px;
- line-height: 40px;
}
/* Links */
+
a, a:visited {
color: #507AA5;
text-decoration: none;
outline: none;
}
a:link {
- /*RGB: 80, 122, 165*/
- color: #507AA5;
- -webkit-transition: color 0.25s;
+ /*RGB: 80, 122, 165*/
+ color: #507AA5;
+ -webkit-transition: color 0.25s;
}
a:hover {
- text-decoration: underline;
- color: #3166ca;
+ text-decoration: underline;
+ color: #3166ca;
}
p {
- margin: 25px 0 25px 0;
+ margin: 25px 0 25px 0;
}
+/* Container */
+
#container {
margin: 0 auto 0 auto;
background-color: white;
@@ -50,31 +53,37 @@ p {
width: 800px;
}
+/* Header */
+
#header {
+ margin-bottom: 40px;
padding-top: 20px;
}
+#header a {
+ text-decoration: none;
+ color:#111;
+}
+
#header h1 {
color: #666;
- font-weight: normal;
- font-size: 64px;
text-align:right;
- margin: 0px;
+ margin-bottom: 10px;
}
-#header a {
- text-decoration: none;
- color:#111;
+#header h1 a:hover {
+ text-decoration: underline;
}
#header .sites {
- display:block;
- margin-bottom:20px;
- text-align:right;
+ display: block;
+ margin-bottom: 20px;
+ padding-top: 4px;
+ text-align: right;
}
#header .sites .site-title {
- font-size: 16px;
+ font-weight: normal;
color: #999;
padding-right: 2px;
letter-spacing: 1px;
@@ -83,31 +92,45 @@ p {
#header .sites img {
padding: 0 5px;
border: 0;
+ width: 24px;
+ height: 24px;
}
-.head-right {
- width: 30em;
- float:right;
+/* Search Box */
+
+#search-form {
+ float:right;
+ margin-left: 10px;
}
-.content img {
- display:block;
- margin: 10px auto;
- height: auto !important;
- max-width:100% !important;
- border: 3px solid #fff !important;
- background-color: #fff;
- outline: 1px solid #ccc !important;
- padding: 4px !important;
- -webkit-box-shadow: 0px 2px 4px #6B6B6B;
- box-shadow: 0px 2px 4px #6B6B6B;
-}
-
-.posts-overview h2 {
- font-size: 48px;
- padding-top:20px;
- margin: 0;
- font-weight:normal;
+#search-form #search input[type="text"] {
+ background: url(../img/search-white.png) no-repeat 10px 6px #fcfcfc;
+ border: 1px solid #d1d1d1;
+ font: bold 13px Arial, Helvetica, Sans-serif;
+ color: #8f8f8f;
+ outline: none;
+ width: 10px;
+ padding: 6px 15px 6px 35px;
+ -webkit-border-radius: 20px;
+ -moz-border-radius: 20px;
+ border-radius: 20px;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
+ -webkit-transition: all 0.7s ease 0s;
+ -moz-transition: all 0.7s ease 0s;
+ -o-transition: all 0.7s ease 0s;
+ transition: all 0.7s ease 0s;
+}
+
+#search-form #search input[type="text"]:focus {
+ width: 200px;
+}
+
+/* Posts Overview */
+
+.posts-overview {
+ font-size: 16px;
}
.posts-overview ul {
@@ -116,7 +139,7 @@ p {
}
.posts-overview li {
- padding:10px 0;
+ padding: 10px 0;
}
.posts-overview .date {
@@ -131,44 +154,73 @@ p {
display:block;
}
-/* Post */
-.post-title {
- font-size: 48px;
- padding-top: 20px;
- line-height: 1.25;
- margin: 0;
+
+/* Post Content */
+
+.content h2:first-child {
+ margin-bottom: 10px;
}
-.content ul{
- margin: 20px 20px 20px 0;
- padding-left: 40px;
+.content h2:first-child a {
+ color: #111;
}
-.authoring {
- margin-bottom: 17px;
+.content h2:first-child a:hover {
+ text-decoration: none;
+}
+
+.post-date {
+ font-size: 17px;
+ margin-bottom: 20px;
padding-left: 0px;
- font-size: 18px;
color: #777;
}
+.content p {
+ font-size: 16px;
+ margin-top: 0;
+ margin-bottom: 1.2em;
+ line-height: 1.7em;
+}
+
+.content img {
+ display: block;
+ margin: 10px auto;
+ height: auto !important;
+ max-width:100% !important;
+ border: 3px solid #fff !important;
+ background-color: #fff;
+ outline: 1px solid #ccc !important;
+ padding: 4px !important;
+ -webkit-box-shadow: 0px 2px 4px #6B6B6B;
+ box-shadow: 0px 2px 4px #6B6B6B;
+}
+
+.content ul{
+ margin: 20px 20px 20px 0;
+ padding-left: 40px;
+}
+
+/* Footer */
+
.footer {
border-top: 1px dotted #DDD;
font-size: 16px;
color: #888;
text-align: center;
- margin-top:20px;
- padding:20px 0px;
+ margin-top: 40px;
+ padding: 20px 0px;
}
.footer p {
- margin:0px;
- padding-left:80px;
- padding-right:80px;
+ margin: 0px 0px 10px 0px;
+ padding-left:80px;
+ padding-right:80px;
}
.footer .to-top {
display:block;
float:right;
- width: 90px;
+ width: 100px;
}
Oops, something went wrong.

0 comments on commit 6d3e95c

Please sign in to comment.