Fix misc styling bugs.

- Change header and site name colors
- Fix heading sizes for pages and archives
- Change navigation link color
- Fix syntax highlighting. Now using solarized theme
- Fix HTML lists using list-style-position
- Increased spacing between posts
- Update foundation CSS, JS files

1 files changed, 26 insertions, 5 deletions

diff --git a/tuxlite_zf/static/css/style.css b/tuxlite_zf/static/css/style.css
index e908a7f..7735f9d 100644
--- a/tuxlite_zf/static/css/style.css
+++ b/tuxlite_zf/static/css/style.css
@@ -1,14 +1,23 @@
 /* Misc */

-.button { background-color: #0090d3; } 

-a { color: #0090d3; }

 body { word-wrap:break-word; }

 

+ol li ul, ol li ol { 

+margin-bottom: 1.25em;

+}

+

+ul, ol, dl {

+list-style-position: inside;

+}

+

+

 /* Base.html - top navigation */

-.top-bar { 

+.top-bar {

+background: #2BA6E3; /* Header color */

 height: 100%; 

 margin-bottom: 1em; 

-box-shadow: 0.1em 0.1em 0.5em 0.1em;

 }

+

+.top-bar a { color: #fff } /* Sitename color */

 ul.button-group.navigation { margin-bottom: 1em; }

 

 

@@ -38,12 +47,24 @@ a.article-info { color: #aaa; }
 .table-archive { border: none; }

 

 

-/* Index.html - line seperator for posts */

+/* Index.html - line separator for posts */

 hr.gradient {

     border: 0;

     height: 1px;

+    margin-top: 3em;

+    margin-bottom: 3em;

     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

     background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

     background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

     background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

 }

+

+/* Syntax Highlighting */

+.highlight > pre {

+margin-top: 1em;

+margin-bottom: 1em;

+border: 1px solid #ccc;

+background: #073642;

+padding: 1em;

+overflow: auto;

+}