tuning, tuning, tuning the spaces...

diff --git a/_layouts/page.html b/_layouts/page.html
index 6858d0ab31b761865ba2dea72256694b81bd27ed..99737e0a0d2b284afaa0bb92d1dbadd5f6d0ad75 100644 (file)
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -2,7 +2,7 @@
 layout: default
 ---
 {% if page.pretitle %}
 layout: default
 ---
 {% if page.pretitle %}

-<header id="-pretitle">
+<header class="pretitle">

   {% if page.date %}
     <div class="side"><a href="{{ page.url }}">Permalink</a> • {{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</div>
   {% endif %}
   {% if page.date %}
     <div class="side"><a href="{{ page.url }}">Permalink</a> • {{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</div>
   {% endif %}


@@ -10,7 +10,7 @@ layout: default
 </header>
 {% endif %}
 
 </header>
 {% endif %}
 

-<header id="-title">
+<header class="title">

   <h1>{{ page.title }}</h1>
 </header>
 
   <h1>{{ page.title }}</h1>
 </header>
 

diff --git a/style.scss b/style.scss
index 53116bd449a3f8ba1c6f61775579ab41d5a16ef0..25d8e526c99e6f294e55822e54c3b9a0219d643c 100644 (file)
--- a/style.scss
+++ b/style.scss
@@ -44,7 +44,7 @@ h1, h2, h3, h4 {
 h1 {
     margin-top: 0.1em;
     font-size: 200%;
 h1 {
     margin-top: 0.1em;
     font-size: 200%;

-    margin-bottom: 0.5em;
+    margin-bottom: 0.2em;

 }
 h2 {
     margin-top: 0.5em;
 }
 h2 {
     margin-top: 0.5em;


@@ -108,8 +108,8 @@ body { /* This centers us in the page, and handles the "too wide" case */
     }
     a {
         display: block;
     }
     a {
         display: block;

-        width: calc(100% - 2*0.1em - 1px + #{$intrusion-width}); /* minus the padding, the border, and plus how much we want to overlap */
-        padding: 0.08em 0.1em 0.02em; /* top left-right bottom */
+        width: calc(100% - 2*0.25em - 1px + #{$intrusion-width}); /* minus the padding, the border, and plus how much we want to overlap */
+        padding: 0.08em 0.25em 0.02em; /* top left-right bottom */

         /* Always have *one* border, for the width to stay constant */
         border-left: solid transparent 1px;
     
         /* Always have *one* border, for the width to stay constant */
         border-left: solid transparent 1px;
     


@@ -142,7 +142,7 @@ body { /* This centers us in the page, and handles the "too wide" case */
 
 /* Small screens */
 @media screen and (max-width:#{ $small-width } ) {
 
 /* Small screens */
 @media screen and (max-width:#{ $small-width } ) {

-    body, #-frame, #-title, #-content, #-navi {
+    body, #-frame, #-content, #-navi {

         margin: 0;
         padding: 0;
         height: auto;
         margin: 0;
         padding: 0;
         height: auto;


@@ -195,7 +195,7 @@ body { /* This centers us in the page, and handles the "too wide" case */
 
 /* Printing */
 @media print {
 
 /* Printing */
 @media print {

-    body, #-frame, #-title, #-content {
+    body, #-frame, #-content {

         margin: 0;
         padding: 0;
         width: auto;
         margin: 0;
         padding: 0;
         width: auto;


@@ -217,24 +217,25 @@ body { /* This centers us in the page, and handles the "too wide" case */
         color: $light-text-color;
     }
 
         color: $light-text-color;
     }
 

-    #-pretitle, .subtitle {
-        margin-bottom: 1em;
-
+    .pretitle, .subtitle {

         h1 {
             display: inline-block;
             font-size: 165%;
         }
         .side {
             margin-left: 0.5em;
         h1 {
             display: inline-block;
             font-size: 165%;
         }
         .side {
             margin-left: 0.5em;

-            margin-top: 0.9em;
+            margin-top: 0.8em;

         }
     }
         }
     }

+    .pretitle {
+        margin-bottom: 1em;
+    }

     .subtitle {
         margin-top: 2em;
     }
     .subtitle {
         margin-top: 2em;
     }

-
-    #-title {
+    .title {

         clear: both;
         clear: both;

+        margin-bottom: 1em;

     }
 
     pre, code {
     }
 
     pre, code {