Restyling of websites.

blogger/template.xml

@@ -126,7 +126,7 @@
         <header>
             <div id='header_logo'>
                 <a href='http://www.mrhaki.com/'>
-                    <img alt='Logo haki' height='64' src='http://www.mrhaki.com/images/haki-logo-jdriven-64.png' title='Logo haki' width='64'/>
+                    <img alt='Logo haki' height='64' src='http://www.mrhaki.com/images/haki-logo-black-64.png' title='Logo haki' width='64'/>
                 </a>
             </div>
             <nav id='headernav'>

www.mrhaki.com/_layouts/default.html

@@ -31,7 +31,7 @@
     <header>
         <div id="header_logo">
             <a href="/">
-                <img src="/images/haki-logo-jdriven-64.png" width="64" height="64"
+                <img src="/images/haki-logo-black-64.png" width="64" height="64"
                     alt="Logo haki" title="Logo haki"/>
             </a>
         </div>

www.mrhaki.com/about/index.html

@@ -100,7 +100,8 @@ <h2 style="clear:both">Speaker</h2>
         Groovy Goodness posts. You can see a Youtube video about <a href="http://www.youtube.com/watch?v=jmWrjIhOq-s">Grails Goodness</a> I presented at Gr8Conf 2013.
         <br/>
         In november 2010 I presented a Gradle talk at the J-Fall conference of the Dutch Java User Group.
-        And in november 2011 I presented about the new features in Groovy 1.8 at the same conference.
+        And in november 2011 I presented about the new features in Groovy 1.8 at the same conference. During the 2013 edition
+        I presented a hands-on Gradle workshop.
         The conference is visited by 1000 Java developers and I got the chance to educate some of them
         about the greatness of Gradle and Groovy.
     </p>

www.mrhaki.com/css/3col.css

@@ -7,8 +7,8 @@
 @media only screen and (max-width: 479px) {
 
     body {
-        padding: 14px 46px 0;
-        width: 252px;
+        padding: 14px 10px 0;
+        width: 320px;
         -webkit-text-size-adjust: 100%;
     }
 

www.mrhaki.com/css/default.css

@@ -17,7 +17,7 @@
     60px  144px  228px  312px  396px  480px  564px  648px	*/
 
 body {
-   background: #f6f6f6 url('/images/bg_lightgrey.png');
+   background: #fff;
    padding: 20px 60px 0;
    margin: 0px auto;
    width: 648px;
@@ -32,7 +32,7 @@ a { color: #333; text-decoration-style: dashed; }
 
 li { margin-left: 20px; }
 
-#body_content { background: #fff; padding: 20px; border: 1px solid #ededed; }
+#body_content { background: #fff; padding: 0px; }
 
 header { position: relative; height: 100px; }
 #header_logo { position: absolute; top: 0; left: 0; }
@@ -44,7 +44,7 @@ header { position: relative; height: 100px; }
 #headernav li a:hover { border-bottom: 3px solid #aaa; padding-bottom: 3px; }
 
 footer { margin-top: 8px; font-size: 13px; line-height: 18px; }
-footer h3, footer h2 { font-weight: bold; font-size: 16px; margin: 8px 0 0 0; text-shadow: rgba(255, 255, 255, 0.699219) 1px 1px 0px; }
+footer h3, footer h2 { font-weight: normal; letter-spacing: 95%; font-size: 16px; margin: 8px 0 0 0; text-shadow: rgba(255, 255, 255, 0.699219) 1px 1px 0px; }
 footer ul { list-style: none; border-bottom: 1px solid #d9d9d9; }
 footer li { border-top: 1px solid #d9d9d9; margin: 0; padding: 4px 0; }
 footer a { text-decoration: none; }
@@ -63,10 +63,10 @@ footer nav { float: left; margin-right: 24px; }
     ------------------	*/
 
 .gigantic { font-size: 82px; line-height: 78px; letter-spacing: -1px; }
-.huge, h1 { font-size: 44px; line-height: 52px; letter-spacing: -1px; }
-.large, h2 { font-size: 26px; line-height: 36px; margin-bottom: 16px; }
-.big, h3 { font-size: 20px; line-height: 26px; }
-.normal, body { font: 16px/24px Helvetica, Arial, sans-serif; }
+.huge, h1 { font-weight: lighter; font-size: 44px; line-height: 52px; letter-spacing: -1px; font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+.large, h2 { font-weight: lighter; font-size: 26px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px; font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+.big, h3 { font-weight: lighter; font-size: 20px; line-height: 26px; font-family: "Helvetica Neue UltraLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+.normal, body { font: 16px/26px Helvetica, Arial, sans-serif; }
 .small { font-size: 13px; line-height: 18px; }
 code, pre { font: 16px/24px Monaco, Consolas, monospace; }
 
@@ -101,7 +101,7 @@ border: 3px solid #d97802; }
 
 /* Blog styles
    ----------- */
-#activities h2.date-header, .blog-posts h2.date-header { font-size: 16px; line-height: 18px; margin-bottom: 8px; color: #d4d0c8; }
+#activities h2.date-header, .blog-posts h2.date-header { font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 8px; color: #d4d0c8; font-family: "Helvetica Neue UltraLight", Helvetica, "Arial Narrow", Arial, sans-serif; }
 h3.post-title { font-size: 26px; margin-bottom: 16px; }
 h3.post-title a { text-decoration: none; }
 h3.post-title a:hover { text-decoration: underline; }
@@ -111,7 +111,6 @@ td.gsc-input input.gsc-input { font-size: 16px; border-color: #d9d9d9; backgroun
 .CustomSearch { margin-left: 312px; padding-top: 40px; text-align: right; }
 td.gsc-search-button input.gsc-search-button { margin-left: 8px; }
 .post.hentry { margin-bottom: 40px; }
-.post-footer, .comments { background-color: #f6f6f6; }
 .post-footer { font-size: 13px; line-height: 18px; }
 div.comment-form { width: 100%; max-width: 100%; }
 #blog-item-label-series, ul.related-posts, ul.related-posts li { list-style: none; }

www.mrhaki.com/css/layout.css

@@ -3,7 +3,6 @@
 	width: 744px; 
 	text-align: left; /* Reset text-align after body text-align: center */
 	position: relative;
-	background-image: url(file:///D|/home/hki/data/mrhaki.com/website/images/background-line.gif);
 }
 #leftcontent {
 	width: 186px; /* boxmodel: 186 - 1 (border) = 185 */;