Syntax highlighting on client (optional JS)

1 files changed, 11 insertions, 15 deletions

diff --git a/themes/elenq/static/css/style.css b/themes/elenq/static/css/style.css
index c8efd73..3b52122 100644
--- a/themes/elenq/static/css/style.css
+++ b/themes/elenq/static/css/style.css
@@ -96,7 +96,7 @@ hr.short{
   z-index: 99;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
-  margin-bottom: 3ex;
+  margin-bottom: 6.5rem;
 }
 .navbar {
   width: 100%;
@@ -125,22 +125,9 @@ hr.short{
 }
 
 
-/* Large devices everything inline and the header floating fixed on top
+/* Large devices everything inline and the header floating
  */
 @media (min-width: 801px) {
-  .mainheader{
-    position: fixed;
-    height: 6.5rem;
-  }
-
-  /* Push content down, because the header is floating over it */
-  .content:before{
-    display: block;
-    content: " ";
-    height: 10rem;
-    visibility: hidden;
-  }
-
   .link-right {
     margin-left: 15px;
     margin-right: 0px;
@@ -348,3 +335,12 @@ li{
     font-style: normal;
   }
 }
+
+
+/* Code rendering
+ */
+pre > code {
+  overflow: auto;
+  border: none;
+  border-radius: 0;
+}