Commits

Steven Suwatanapongched  committed c41b682

Improved default header stuff. Stupid Blogger.

  • Participants
  • Parent commits e584984

Comments (0)

Files changed (1)

File sunpech.custom.xml

 /* Custom over-ride stuff 
 -------------------------------------------------------------- */
 
+ #header-logo {
+  padding-top: 25px;
+ }
+
 .title-link {
   text-decoration: none;
 }
 }
 
 .nav-link {
-  color: #000;
-  font-size: 120%;
+  color: #FEFCFF;
+  font-size: 125%;
 }
 
 a:hover.nav-link {
   padding: 25px;
  }
 
-/* Stuff to help with sidebar height color */
+/* Stuff to help with sidebar-nav height color */
 body, html {
   height: 100%;
 }
 
 #sidebar-nav {
   text-align: center; 
-  background-color: #999;
+  background-color: #666362;
   height: auto;
 }
 
 }
 
 
+
 /* More custom stuff  
 ------------------------------*/
 
 .description {
-  font-size: 12pt;
+  font-size: 110%;
+  color: #e2e2e2;
 }
 
-.date-outer {}
+.date-outer {
+
+}
 .date-header {
-    font-size: 14pt;
+    font-size: 130%;
+    padding-top: 25px;
 }
 .date-posts {
     
 
 h1 {
   font-size: 30pt;
+  margin-top: 8px;
+  margin-bottom: 8px;
 }
 
 h2 {
   font-size: 16pt;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 h3 {
   font-size: 14pt;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 h4 {
   font-size 13pt;
+  margin-top: 16px;
+  margin-bottom: 16px;
 }
 
 .section {
   font-size: 14pt;
 }
 
-
 ]]></b:skin>
     
   </head>
       
       <!-- LEFT -->
       <div id="sidebar-nav" class="col-lg-3">
-        <div class="header-logo">
-          <div style="padding-top: 10px;">
+        <div id="header-logo">
+          <div>
             <img src="https://lh6.googleusercontent.com/-gT2GBuUZ02g/TwGyu_WZChI/AAAAAAAA1kI/Niknjp8uaR4/s371-p-o/l.jpeg" class="img-circle" height="80" width="80" />
           </div>
           <div>
               <h1 class='title'><a class="title-link" href="/"><span style="color: #000;">sunpech.</span><span style="color: #e2e2e2;">blog</span></a></h1>
             </div>
             <div class='descriptionwrapper'>
-            <p class='description'><span>A blog about technology, photography, traveling, and stuff</span></p>
+            <p class='description'>A blog about technology, photography, traveling, and stuff</p>
             </div>
           </div>
         </div>
         <!-- Navigation -->
-        <p><a class="nav-link" href='http://www.sunpech.com/p/about-me.html'>About</a> | <a class="nav-link" href='http://www.sunpech.com/p/contact.html'>Contact</a></p> 
-        <p><a class="nav-link" href='http://www.sunpech.com/p/recommendations.html'>Recommendations</a></p>
+        <p style="text-align: center; margin-top: 20px"><a class="nav-link" href='http://www.sunpech.com/p/about-me.html'>About</a> &amp;middot; <a class="nav-link" href='http://www.sunpech.com/p/contact.html'>Contact</a> &amp;middot; <br/><a class="nav-link" href='http://www.sunpech.com/p/recommendations.html'>Recommendations</a></p>
         
 
         <!-- Search -->
-        <script>var value2 = "Search for stuff";</script>
-        <br/>
-        <form action='http://www.sunpech.com/search/' method='get'>
-        <div id='searchform'>
-        
-        <input class='keyword' name='q' onblur='if(this.value==&#39;&#39;)this.value=value2;' onfocus='if(this.value==value2)this.value=&#39;&#39;;' type='text' value='Search for stuff'/>
-        </div>
+        <form action='http://www.sunpech.com/search/' method='get' class="form-inline" style="display: inline-block; margin-top: 20px;">
+          <div class="form-group">
+            <div class="col-lg-8" style="width: 220px; text-align: center;">
+              <input class='keyword form-control' name='q' onblur='if(this.value==&#39;&#39;)this.value=value2;' onfocus='if(this.value==value2)this.value=&#39;&#39;;' type='text' placeholder='Search for stuff'/>
+            </div>
+          </div>
         </form>
         <!--./Search -->