Skip to content
Browse files

Updated style and added search form

  • Loading branch information...
1 parent 8a131e6 commit 6d3e95c785c4d50eaf76f4ed8bf273964fa030f6 @maicki committed Apr 14, 2012
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
View
8 _includes/post_header.html
@@ -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
23 _layouts/default.html
@@ -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 @@
{{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
9 about/index.html
@@ -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
182 css/styles.css
@@ -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;
}
View
103 css/syntax.css
@@ -1,4 +1,5 @@
.highlight {
+ background: #ffffff;
margin: 5px 0;
background-color: #eee;
font-size: 16px;
@@ -9,70 +10,70 @@
text-shadow: none;
color: #111;
}
+
.hightlight code{
float: left;
}
.highlight:hover {
overflow: auto;
}
-.highlight .hll { background-color: #ffffcc }
-.highlight .c { color: #888888 } /* Comment */
+
+.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { color: #008800; font-weight: bold } /* Keyword */
-.highlight .cm { color: #888888 } /* Comment.Multiline */
-.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #888888 } /* Comment.Single */
-.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #303030 } /* Generic.Heading */
+.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #606060 } /* Generic.Subheading */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
-.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
-.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
-.highlight .kp { color: #008800 } /* Keyword.Pseudo */
-.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
-.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
-.highlight .na { color: #336699 } /* Name.Attribute */
-.highlight .nb { color: #003388 } /* Name.Builtin */
-.highlight .nc { color: #bb0066; font-weight: bold } /* Name.Class */
-.highlight .no { color: #003366; font-weight: bold } /* Name.Constant */
-.highlight .nd { color: #555555 } /* Name.Decorator */
-.highlight .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #0066bb; font-weight: bold } /* Name.Function */
-.highlight .nl { color: #336699; font-style: italic } /* Name.Label */
-.highlight .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
-.highlight .py { color: #336699; font-weight: bold } /* Name.Property */
-.highlight .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
-.highlight .nv { color: #336699 } /* Name.Variable */
-.highlight .ow { color: #008800 } /* Operator.Word */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
-.highlight .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
-.highlight .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
-.highlight .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
-.highlight .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
-.highlight .sc { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Char */
-.highlight .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
-.highlight .s2 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Double */
-.highlight .se { color: #0044dd; background-color: #fff0f0 } /* Literal.String.Escape */
-.highlight .sh { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Heredoc */
-.highlight .si { color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */
-.highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */
-.highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */
-.highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */
-.highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */
-.highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #336699 } /* Name.Variable.Class */
-.highlight .vg { color: #dd7700 } /* Name.Variable.Global */
-.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
-.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
-
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
View
BIN img/search-white.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 6d3e95c

Please sign in to comment.
Something went wrong with that request. Please try again.