Styling von google-code-prettify an das Branding angepasst
authorKai Moritz <km@feder-software.de>
Thu, 12 Dec 2013 18:20:03 +0000 (19:20 +0100)
committerKai Moritz <kai@juplo.de>
Tue, 19 Jan 2016 16:45:35 +0000 (17:45 +0100)
Dabei auch ein paar Kleinigkeiten an den typografischen Grundvorgaben
korrigiert:
 * <pre> mit 1,5fachem Zeilenabstand sieht bescheiden aus.
 * "line-height: 1.5em" war öfter definiert, als nötig (da es eh schon
   für das Element <body> definiert war.

TODO:
Da das base.css als Media-Typ "screen" eingebunden wird, können die
speziellen Druck-Anpassungen des prettify-Stylings nicht greifen.
Da auch für das Branding ein angepasstes "print"-Styling definiert werden
sollte, wurde diese Anpassung aber aufgeschoben...

src/main/webapp/less/base/prettify.less
src/main/webapp/less/base/typo.less
src/main/webapp/less/variables.less

index 400fd74..198f281 100644 (file)
@@ -50,3 +50,38 @@ li.L3,
 li.L5,
 li.L7,
 li.L9 { background: #eee }
+
+/* Anpassungen an das Juplo-Branding */
+
+ol.linenums
+{
+  margin: auto;
+  padding: 0 0 0 3em;
+}
+li.L0,
+li.L1,
+li.L2,
+li.L3,
+li.L4,
+li.L5,
+li.L6,
+li.L7,
+li.L8,
+li.L9
+{
+  padding: 0;
+}
+pre.prettyprint
+{
+  border-color: @dunkel;
+  overflow-x: scroll;
+}
+/* Alternate shading for lines */
+li.L1,
+li.L3,
+li.L5,
+li.L7,
+li.L9
+{
+  background: @sehrhell
+}
index 431fe57..02993a3 100644 (file)
@@ -28,7 +28,6 @@ h1
 h2
 {
   font-size: 112.5%; /** 18px */
-  line-height: 1.5em; /** 27px */
 }
 h3
 {
@@ -38,7 +37,6 @@ h3
 h4
 {
   font-size: 87.5%; /** 14px */
-  line-height: 1.5em; /** 21px */
 }
 h1 a, h2 a, h3 a, h4 a
 {
@@ -67,7 +65,6 @@ h4 a:active
 }
 p
 {
-  line-height: 1.5em; /** 21px */
   margin: .5em 0 .5em 0;
 }
 ul, ol
@@ -99,6 +96,10 @@ th, td
   border: .071428571em solid #000; /** 1px */
   padding: .214285714em .5em; /** 3px 7px */
 }
+pre
+{
+  line-height: 1.2em;
+}
 hr
 {
   border: none;
index e2b4dcc..125f9c1 100644 (file)
@@ -6,6 +6,7 @@
 @nochdunkler: #077600;
 @hell:        #42E73A;
 @heller:      #6EE768;
+@sehrhell:    #CEF7C8;
 
 @schrift:     #000;
 @hintergrund: #FFF;