Merge pull request #99 from Mins/master

Updates to tuxlite_zf theme.

tuxlite_zf/README.md

@@ -6,6 +6,8 @@ right sidebar design. Sidebar goes below main content when viewed on mobile devi
 
 Customization is all done and documented in style.css.
 
+Menu items and pages can be added to the top navigation bar via pelican settings file.
+
 Screenshot below.
 
 ![Screenshot](https://raw.github.com/mins/pelican-themes/master/tuxlite_zf/Screenshot.png)

tuxlite_zf/static/css/normalize.css

@@ -1,4 +1,4 @@
-/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
 
 /* ==========================================================================
    HTML5 display definitions
@@ -56,15 +56,21 @@ audio:not([controls]) {
    ========================================================================== */
 
 /**
- * 1. Set default font family to sans-serif.
+ * 1. Prevent system color scheme's background color being used in Firefox, IE,
- * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    and Opera.
+ * 2. Prevent system color scheme's text color being used in Firefox, IE, and
+ *    Opera.
+ * 3. Set default font family to sans-serif.
+ * 4. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
 
 html {
-    font-family: sans-serif; /* 1 */
+    background: #fff; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
+    color: #000; /* 2 */
-    -ms-text-size-adjust: 100%; /* 2 */
+    font-family: sans-serif; /* 3 */
+    -ms-text-size-adjust: 100%; /* 4 */
+    -webkit-text-size-adjust: 100%; /* 4 */
 }
 
 /**

tuxlite_zf/static/css/pygments.css

@@ -1,69 +1,70 @@
-.codehilite .hll { background-color: #222222 }
+.highlight .hll { background-color: #ffffcc }
-.codehilite .c { color: #000080 } /* Comment */
+.highlight  { background: #002b36; color: #839496 }
-.codehilite .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */
+.highlight .c { color: #586e75; font-style: italic } /* Comment */
-.codehilite .g { color: #cccccc } /* Generic */
+.highlight .err { color: #dc322f } /* Error */
-.codehilite .k { color: #cdcd00 } /* Keyword */
+.highlight .g { color: #839496 } /* Generic */
-.codehilite .l { color: #cccccc } /* Literal */
+.highlight .k { color: #859900 } /* Keyword */
-.codehilite .n { color: #cccccc } /* Name */
+.highlight .l { color: #839496 } /* Literal */
-.codehilite .o { color: #3399cc } /* Operator */
+.highlight .n { color: #93a1a1 } /* Name */
-.codehilite .x { color: #cccccc } /* Other */
+.highlight .o { color: #839496 } /* Operator */
-.codehilite .p { color: #cccccc } /* Punctuation */
+.highlight .x { color: #839496 } /* Other */
-.codehilite .cm { color: #000080 } /* Comment.Multiline */
+.highlight .p { color: #839496 } /* Punctuation */
-.codehilite .cp { color: #000080 } /* Comment.Preproc */
+.highlight .cm { color: #586e75; font-style: italic } /* Comment.Multiline */
-.codehilite .c1 { color: #000080 } /* Comment.Single */
+.highlight .cp { color: #586e75; font-style: italic } /* Comment.Preproc */
-.codehilite .cs { color: #cd0000; font-weight: bold } /* Comment.Special */
+.highlight .c1 { color: #586e75; font-style: italic } /* Comment.Single */
-.codehilite .gd { color: #cd0000 } /* Generic.Deleted */
+.highlight .cs { color: #586e75; font-style: italic } /* Comment.Special */
-.codehilite .ge { color: #cccccc; font-style: italic } /* Generic.Emph */
+.highlight .gd { color: #839496 } /* Generic.Deleted */
-.codehilite .gr { color: #FF0000 } /* Generic.Error */
+.highlight .ge { color: #839496 } /* Generic.Emph */
-.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gr { color: #839496 } /* Generic.Error */
-.codehilite .gi { color: #00cd00 } /* Generic.Inserted */
+.highlight .gh { color: #839496 } /* Generic.Heading */
-.codehilite .go { color: #808080 } /* Generic.Output */
+.highlight .gi { color: #839496 } /* Generic.Inserted */
-.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+.highlight .go { color: #839496 } /* Generic.Output */
-.codehilite .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */
+.highlight .gp { color: #839496 } /* Generic.Prompt */
-.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gs { color: #839496 } /* Generic.Strong */
-.codehilite .gt { color: #0040D0 } /* Generic.Traceback */
+.highlight .gu { color: #839496 } /* Generic.Subheading */
-.codehilite .kc { color: #cdcd00 } /* Keyword.Constant */
+.highlight .gt { color: #839496 } /* Generic.Traceback */
-.codehilite .kd { color: #00cd00 } /* Keyword.Declaration */
+.highlight .kc { color: #859900 } /* Keyword.Constant */
-.codehilite .kn { color: #cd00cd } /* Keyword.Namespace */
+.highlight .kd { color: #859900 } /* Keyword.Declaration */
-.codehilite .kp { color: #cdcd00 } /* Keyword.Pseudo */
+.highlight .kn { color: #cb4b16 } /* Keyword.Namespace */
-.codehilite .kr { color: #cdcd00 } /* Keyword.Reserved */
+.highlight .kp { color: #cb4b16 } /* Keyword.Pseudo */
-.codehilite .kt { color: #00cd00 } /* Keyword.Type */
+.highlight .kr { color: #859900 } /* Keyword.Reserved */
-.codehilite .ld { color: #cccccc } /* Literal.Date */
+.highlight .kt { color: #859900 } /* Keyword.Type */
-.codehilite .m { color: #cd00cd } /* Literal.Number */
+.highlight .ld { color: #839496 } /* Literal.Date */
-.codehilite .s { color: #cd0000 } /* Literal.String */
+.highlight .m { color: #2aa198 } /* Literal.Number */
-.codehilite .na { color: #cccccc } /* Name.Attribute */
+.highlight .s { color: #2aa198 } /* Literal.String */
-.codehilite .nb { color: #cd00cd } /* Name.Builtin */
+.highlight .na { color: #839496 } /* Name.Attribute */
-.codehilite .nc { color: #00cdcd } /* Name.Class */
+.highlight .nb { color: #268bd2 } /* Name.Builtin */
-.codehilite .no { color: #cccccc } /* Name.Constant */
+.highlight .nc { color: #268bd2 } /* Name.Class */
-.codehilite .nd { color: #cccccc } /* Name.Decorator */
+.highlight .no { color: #b58900 } /* Name.Constant */
-.codehilite .ni { color: #cccccc } /* Name.Entity */
+.highlight .nd { color: #cb4b16 } /* Name.Decorator */
-.codehilite .ne { color: #666699; font-weight: bold } /* Name.Exception */
+.highlight .ni { color: #cb4b16 } /* Name.Entity */
-.codehilite .nf { color: #cccccc } /* Name.Function */
+.highlight .ne { color: #cb4b16 } /* Name.Exception */
-.codehilite .nl { color: #cccccc } /* Name.Label */
+.highlight .nf { color: #268bd2 } /* Name.Function */
-.codehilite .nn { color: #cccccc } /* Name.Namespace */
+.highlight .nl { color: #839496 } /* Name.Label */
-.codehilite .nx { color: #cccccc } /* Name.Other */
+.highlight .nn { color: #b58900 } /* Name.Namespace */
-.codehilite .py { color: #cccccc } /* Name.Property */
+.highlight .nx { color: #839496 } /* Name.Other */
-.codehilite .nt { color: #cccccc } /* Name.Tag */
+.highlight .py { color: #268bd2 } /* Name.Property */
-.codehilite .nv { color: #00cdcd } /* Name.Variable */
+.highlight .nt { color: #859900 } /* Name.Tag */
-.codehilite .ow { color: #cdcd00 } /* Operator.Word */
+.highlight .nv { color: #cd4b16 } /* Name.Variable */
-.codehilite .w { color: #cccccc } /* Text.Whitespace */
+.highlight .ow { color: #859900 } /* Operator.Word */
-.codehilite .mf { color: #cd00cd } /* Literal.Number.Float */
+.highlight .w { color: #002b36 } /* Text.Whitespace */
-.codehilite .mh { color: #cd00cd } /* Literal.Number.Hex */
+.highlight .mf { color: #2aa198 } /* Literal.Number.Float */
-.codehilite .mi { color: #cd00cd } /* Literal.Number.Integer */
+.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */
-.codehilite .mo { color: #cd00cd } /* Literal.Number.Oct */
+.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */
-.codehilite .sb { color: #cd0000 } /* Literal.String.Backtick */
+.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */
-.codehilite .sc { color: #cd0000 } /* Literal.String.Char */
+.highlight .sb { color: #2aa198 } /* Literal.String.Backtick */
-.codehilite .sd { color: #cd0000 } /* Literal.String.Doc */
+.highlight .sc { color: #2aa198 } /* Literal.String.Char */
-.codehilite .s2 { color: #cd0000 } /* Literal.String.Double */
+.highlight .sd { color: #2aa198 } /* Literal.String.Doc */
-.codehilite .se { color: #cd0000 } /* Literal.String.Escape */
+.highlight .s2 { color: #2aa198 } /* Literal.String.Double */
-.codehilite .sh { color: #cd0000 } /* Literal.String.Heredoc */
+.highlight .se { color: #cb4b16 } /* Literal.String.Escape */
-.codehilite .si { color: #cd0000 } /* Literal.String.Interpol */
+.highlight .sh { color: #2aa198 } /* Literal.String.Heredoc */
-.codehilite .sx { color: #cd0000 } /* Literal.String.Other */
+.highlight .si { color: #cb4b16 } /* Literal.String.Interpol */
-.codehilite .sr { color: #cd0000 } /* Literal.String.Regex */
+.highlight .sx { color: #2aa198 } /* Literal.String.Other */
-.codehilite .s1 { color: #cd0000 } /* Literal.String.Single */
+.highlight .sr { color: #2aa198 } /* Literal.String.Regex */
-.codehilite .ss { color: #cd0000 } /* Literal.String.Symbol */
+.highlight .s1 { color: #2aa198 } /* Literal.String.Single */
-.codehilite .bp { color: #cd00cd } /* Name.Builtin.Pseudo */
+.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */
-.codehilite .vc { color: #00cdcd } /* Name.Variable.Class */
+.highlight .bp { color: #268bd2; font-weight: bold } /* Name.Builtin.Pseudo */
-.codehilite .vg { color: #00cdcd } /* Name.Variable.Global */
+.highlight .vc { color: #268bd2 } /* Name.Variable.Class */
-.codehilite .vi { color: #00cdcd } /* Name.Variable.Instance */
+.highlight .vg { color: #268bd2 } /* Name.Variable.Global */
-.codehilite .il { color: #cd00cd } /* Literal.Number.Integer.Long */
+.highlight .vi { color: #268bd2 } /* Name.Variable.Instance */
+.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */

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,26 @@ 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 {
+word-wrap: normal;
+white-space: pre;
+margin-top: 1em;
+margin-bottom: 1em;
+border: 1px solid #ccc;
+background: #073642;
+padding: 1em;
+overflow: auto;
+}

tuxlite_zf/templates/archives.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block content %}
 
-<h1>Archives</h1>
+<h3>Archives</h3>
 
 <table class="table-archive">
     <tbody>
@@ -14,4 +14,4 @@
     </tbody>
 </table>
 
-{% endblock %}
+{% endblock %}

tuxlite_zf/templates/base.html

@@ -6,10 +6,10 @@
 
     <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
 
-    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/normalize.css">
+    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/normalize.css" />
-    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/foundation.min.css">
+    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/foundation.min.css" />
-    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css">
+    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css" />
-    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygments.css">	
+    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygments.css" />	
     <script src="{{ SITEURL }}/theme/js/custom.modernizr.js"></script>
 </head>
 
@@ -30,12 +30,12 @@
 <div class="large-9 columns">
     <ul class="button-group navigation">
 	{% for title, link in MENUITEMS %}
-    <li><a href="{{ link }}" class="button small">{{ title }}</a></li>
+    <li><a href="{{ link }}" class="button secondary small">{{ title }}</a></li>
     {% endfor %}
 
     {% if DISPLAY_PAGES_ON_MENU %}
         {% for page in PAGES %}
-            <li><a href="{{ SITEURL }}/{{ page.url }}" class="button small">{{ page.title }}</a></li>
+            <li><a href="{{ SITEURL }}/{{ page.url }}" class="button secondary small">{{ page.title }}</a></li>
         {% endfor %}
     {% endif %}
     </ul>
@@ -110,4 +110,4 @@
             </div>
             </div>
     </div>
-</footer>
+</footer>

tuxlite_zf/templates/page.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}{{ page.title }}{% endblock %}
 {% block content %}        
-    <h1>{{ page.title }}</h1>
+    <h3>{{ page.title }}</h3>
     {% import 'translations.html' as translations with context %}
     {{ translations.translations_for(page) }}
     {% if PDF_PROCESSOR %}<a href="{{ SITEURL }}/pdf/{{ page.slug }}.pdf">PDF</a>{% endif %}