Überschriftengrößen überarbeitet
authorKai Moritz <km@juplo.de>
Sat, 13 Sep 2014 18:52:19 +0000 (20:52 +0200)
committerKai Moritz <kai@juplo.de>
Tue, 19 Jan 2016 16:45:43 +0000 (17:45 +0100)
src/main/webapp/less/base/typo.less
src/main/webapp/less/phone/packs.less
src/main/webapp/less/phone/typo.less
src/main/webapp/less/screen.less
src/main/webapp/less/screen/layout.less
src/main/webapp/less/screen/onecolumn.less [new file with mode: 0644]
src/main/webapp/less/screen/packs.less
src/main/webapp/less/screen/typo.less [deleted file]
src/main/webapp/thymeleaf/contact.html
src/main/webapp/thymeleaf/index.html

index 48ffdc7..8e5e603 100644 (file)
@@ -11,28 +11,27 @@ body
 h1, h2, h3, h4, h5, h6
 {
   .bpreplay;
-  color: @normal;
-  margin: 1em 0 .5em 0; /** 16px 0 8px 0 */
+  color: @schrifthell;
+  line-height: 1.25em;
+  margin: 1.125em 0 .25em 0; /** Margin Top für h1 auf Marginalspalte abgestimmt! */
 }
 h1
 {
-  font-size: 125%; /** 20 px */
-  line-height: 1em; /** 20px */
-  padding: 0 0 .4em 0; /** 0 0 8px 0 */
-  margin: 1em 0 .3em 0; /** 20px 0 6px 0 */
+  font-size: 137.5%; /** 22 px */
+  color: @normal;
+  padding: 0 0 .25em 0; /** 0 0 5px 0 */
 }
 h2
 {
-  font-size: 112.5%; /** 18px */
+  font-size: 125%; /** 20 px */
 }
 h3
 {
-  /** font-size: 16px */
-  /** line-height: 24px */
+  font-size: 112.5%; /** 18px */
 }
 h4
 {
-  font-size: 87.5%; /** 14px */
+  /** font-size: 16px */
 }
 h1 a, h2 a, h3 a, h4 a
 {
@@ -130,6 +129,24 @@ a:visited
   border-bottom: 1px dotted @nochdunkler;
 }
 
+h2 a,
+h3 a,
+h4 a
+{
+  color: @schrifthell;
+}
+h2 a:focus,
+h2 a:active,
+h3 a:focus,
+h3 a:active,
+h4 a:focus,
+h4 a:active
+{
+  color: @normal;
+  border-bottom: 1px solid @normal;
+}
+
 .logo
 {
   .bpreplay;
index 687fe70..0114499 100644 (file)
@@ -5,8 +5,7 @@
 .single,
 .single.bg
 {
-  float: none;
   width: auto;
-  padding: 3%;
-  margin: 0 0 3% 0;
+  padding-bottom: 1.5em;
+  margin: 0 0 1.5em 0;
 }
index 109c47c..ba61db5 100644 (file)
@@ -1,5 +1,4 @@
 h1
 {
   font-size: 150%; /** 24 px */
-  margin-top: 0;
 }
index 2736a1f..ba58223 100644 (file)
@@ -7,7 +7,6 @@
 
 @media (min-width: (@minscreen))
 {
-  @import 'screen/typo.less';
   @import 'screen/layout.less';
   @import 'screen/footer.less';
   @media (max-width: (@maxtablet))
@@ -26,7 +25,7 @@
   @import 'screen/content.less';
   @media (max-width: 1079px)
   {
-    @import 'phone/packs.less';
+    @import 'screen/onecolumn.less';
   }
 }
 
index 1bfbeaf..9771f83 100644 (file)
@@ -56,7 +56,6 @@ body
 
 .nomenu .content > .marginal
 {
-  padding-top: 2em;
   background-color: @sehrhell;
 }
 
@@ -106,7 +105,7 @@ body
 {
   position: relative;
   width: 200%;
-  top: -9em; /** 136px */
+  top: -8em; /** 136px */
   right: 100%;
   text-align: right;
   list-style-type: none;
@@ -114,13 +113,9 @@ body
   padding: 0;
   border-style: none;
 }
-.nomenu #menu
-{
-  top: -11em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */
-}
 .onecolumn #menu
 {
-  top: -15.125em;
+  top: -15.5625em; /** -249px -- warum auch immer... */
 }
 #menu > li.m
 {
@@ -195,14 +190,3 @@ body
 {
   display: none;
 }
-
-
-/** Marginal-Inhalte anpassen... */
-
-.content > .marginal h1:first-child,
-.content > .marginal h2:first-child,
-.content > .marginal h3:first-child,
-.content > .marginal h4:first-child
-{
-  margin-top: 0;
-}
diff --git a/src/main/webapp/less/screen/onecolumn.less b/src/main/webapp/less/screen/onecolumn.less
new file mode 100644 (file)
index 0000000..0114499
--- /dev/null
@@ -0,0 +1,11 @@
+.pack > .p.left,
+.pack > .p.right,
+.pack.bg > .p.left,
+.pack.bg > .p.right,
+.single,
+.single.bg
+{
+  width: auto;
+  padding-bottom: 1.5em;
+  margin: 0 0 1.5em 0;
+}
index ed92ec8..8c09844 100644 (file)
@@ -6,8 +6,8 @@
 .pack > .p.right
 {
   width: 42%;
-  padding: 3% 3% 999em 3%;
-  margin: 0 0 -999em 0;
+  padding: 0 3% 999em 3%;
+  margin: 0 0 -998em 0;
 }
 .pack.bg > .p.left,
 .pack.bg > .p.right
@@ -28,7 +28,7 @@
 }
 .single
 {
-  padding: 3%;
+  padding: 0 3% 1em 3%;
   margin: 3% 0;
 }
 .single.bg
diff --git a/src/main/webapp/less/screen/typo.less b/src/main/webapp/less/screen/typo.less
deleted file mode 100644 (file)
index 7ee77c0..0000000
+++ /dev/null
@@ -1,8 +0,0 @@
-h1
-{
-  font-size: 187.5%; /** 30 px */
-  /** line-height: 1em;  ** 30px */
-  /** padding: 0 0 .4em 0; ** 0 0 12px 0 */
-  /** margin: 1em 0 .3em 0; ** 30px 0 9px 0 */
-  margin-top: 0;
-}
index 19bbf22..7faea16 100644 (file)
@@ -38,7 +38,7 @@
           <img class="p" src="../img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
         </div>
         <article class="p right">
-          <header><h1><t:getAsString name="title"/></h1></header>
+          <header><h1>Contact</h1></header>
           <h2>Address</h2>
           <p>
             Kai Moritz<br />
index d1cd8ae..d1ebe60 100644 (file)
     <div layout:fragment="marginalcontent">
       <aside class="m">
         <div class="widget widget_recent_entries">
-          <h2 class="widgettitle">Recent Posts</h2>
+          <h1 class="widgettitle">Recent Posts</h1>
           <ul>
             <li>
               <a href="blog/article.html" th:href="@{/blog/article.html}" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>