Work in progress

static/css/elegant.css

@@ -31,6 +31,25 @@ img {
     height: auto;
     max-width: 100%;
 }
+.form-control {
+    /* border-radius: 15px; */
+/*     padding: 4px 14px; */
+/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
+/* font-size: 13px; */
+/* font-weight: normal; */
+/* line-height: 1; */
+    /* margin-bottom: 0px; */
+}
+.navbar-form .form-control {
+/* width: 300px; */
+}
+input[type="text"] {
+/*     background-color: #FFF; */
+/*     border: 1px solid #CCC; */
+/*     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; */
+/*     transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; */
+/*     display: inline-block; */
+}
 /* site title */
 .site-name {
     font-family: 'Monaco', 'Inconsolata', 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Courier, Monospace;
@@ -192,6 +211,12 @@ article div.article-content ul:not(.articles-timeline) a:hover {
     font: 1.2em/1.6em 'PT Serif', Georgia, 'Times New Roman', Times, Serif;
     text-align: justify;
 }
+@media (max-width: 768px)
+{
+    .article-content, div.recent-posts p {
+        text-align: left;
+    }
+}
 .article-content {
     max-width: 50em;
 }
@@ -262,7 +287,7 @@ article div.article-content ul:not(.articles-timeline) a:hover {
 .page-header {
     border-bottom: 1px solid #8f8686;
     color: #8B0000;
-    margin: 10px 10px 20px;
+    margin-top: 0;
     padding: 5px;
 }
 .page-header h1 {

templates/_includes/favicon_links.html

@@ -1,18 +1,18 @@
 {% from '_includes/_defaults.html' import USE_SHORTCUT_ICONS with context %}
 {%if USE_SHORTCUT_ICONS == True %}
-        <link rel="shortcut icon" href="{{ SITEURL }}/theme/images/favicon.ico" type="image/x-icon" type="image/png" />
-        {# Opera Speed Dial Icon #}
-        {# See https://github.com/operasoftware/devopera-static-backup/blob/master/http/dev.opera.com/articles/view/opera-speed-dial-enhancements/index.html #}
-        <link rel="icon" href="{{ SITEURL }}/theme/images/apple-touch-icon-152x152.png" type="image/png" />
-        {# Safari on iOS #}
-        {# See https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html #}
-        <link rel="apple-touch-icon" href="{{ SITEURL }}/theme/images/apple-touch-icon.png"  type="image/png" />
-        <link rel="apple-touch-icon" sizes="57x57" href="{{ SITEURL }}/theme/images/apple-touch-icon-57x57.png" type="image/png" />
-        <link rel="apple-touch-icon" sizes="72x72" href="{{ SITEURL }}/theme/images/apple-touch-icon-72x72.png" type="image/png" />
-        <link rel="apple-touch-icon" sizes="76x76" href="{{ SITEURL }}/theme/images/apple-touch-icon-76x76.png" type="image/png" />
-        <link rel="apple-touch-icon" sizes="114x114" href="{{ SITEURL }}/theme/images/apple-touch-icon-114x114.png" type="image/png" />
-        <link rel="apple-touch-icon" sizes="120x120" href="{{ SITEURL }}/theme/images/apple-touch-icon-120x120.png" type="image/png" />
-        <link rel="apple-touch-icon" sizes="144x144" href="{{ SITEURL }}/theme/images/apple-touch-icon-144x144.png" type="image/png" />
-        <link rel="apple-touch-icon" sizes="152x152" href="{{ SITEURL }}/theme/images/apple-touch-icon-152x152.png" type="image/png" />
+<link rel="shortcut icon" href="{{ SITEURL }}/theme/images/favicon.ico" type="image/x-icon" type="image/png" />
+{# Opera Speed Dial Icon #}
+{# See https://github.com/operasoftware/devopera-static-backup/blob/master/http/dev.opera.com/articles/view/opera-speed-dial-enhancements/index.html #}
+<link rel="icon" href="{{ SITEURL }}/theme/images/apple-touch-icon-152x152.png" type="image/png" />
+{# Safari on iOS #}
+{# See https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html #}
+<link rel="apple-touch-icon" href="{{ SITEURL }}/theme/images/apple-touch-icon.png"  type="image/png" />
+<link rel="apple-touch-icon" sizes="57x57" href="{{ SITEURL }}/theme/images/apple-touch-icon-57x57.png" type="image/png" />
+<link rel="apple-touch-icon" sizes="72x72" href="{{ SITEURL }}/theme/images/apple-touch-icon-72x72.png" type="image/png" />
+<link rel="apple-touch-icon" sizes="76x76" href="{{ SITEURL }}/theme/images/apple-touch-icon-76x76.png" type="image/png" />
+<link rel="apple-touch-icon" sizes="114x114" href="{{ SITEURL }}/theme/images/apple-touch-icon-114x114.png" type="image/png" />
+<link rel="apple-touch-icon" sizes="120x120" href="{{ SITEURL }}/theme/images/apple-touch-icon-120x120.png" type="image/png" />
+<link rel="apple-touch-icon" sizes="144x144" href="{{ SITEURL }}/theme/images/apple-touch-icon-144x144.png" type="image/png" />
+<link rel="apple-touch-icon" sizes="152x152" href="{{ SITEURL }}/theme/images/apple-touch-icon-152x152.png" type="image/png" />
 {% endif %}
 

templates/_includes/footer.html

@@ -1,5 +1,5 @@
 <footer class="footer">
-    <div id="footer" class="container">
+    <div id="footer" class="container-fluid">
         <ul class="footer-content">
             {% from '_includes/_defaults.html' import SITESUBTITLE with context %}
             {% if SITESUBTITLE %}

templates/_includes/minify_css.html

@@ -1,4 +1,4 @@
-{% assets filters="cssmin", output="css/style.min.css", "css/bootstrap-theme.css", "css/pygments.css", "tipuesearch/tipuesearch.css","css/elegant.css", "css/custom.css" %}
+{% assets filters="cssmin", output="css/style.min.css", "css/pygments.css", "tipuesearch/tipuesearch.css","css/elegant.css", "css/custom.css" %}
 <link rel="stylesheet" href="{{ SITEURL }}/{{ ASSET_URL }}">
 {% endassets %}
 

templates/article.html

@@ -23,24 +23,13 @@
 {% block content %}
 <article>
 <div class="row">
-    <header class="page-header col-md-10 col-md-offset-2">
+    <header class="page-header col-md-10 col-md-offset-2 col-lg-offset-1 col-lg-11">
     <h1><a href="{{ SITEURL }}/{{ article.url }}"> {{ article.title }} {%if article.subtitle %} <small> {{ article.subtitle }} </small> {% endif %} </a></h1>
     </header>
 </div>
 
 <div class="row">
-    {% if article.toc %}
-    <div class="col-md-2 table-of-content">
-        <nav>
-        <h4>Contents</h4>
-        {{ article.toc }}
-        </nav>
-    </div>
-    <div class="col-md-8 article-content">
-       {% else %}
-        <div class="col-md-8 col-md-offset-2 article-content">
-            {% endif %}
-
+    <div class="col-md-8 col-md-offset-2 col-lg-10 col-lg-offset-1 article-content">
             {% import '_includes/translations.html' as translations with context %}
             {{ translations.translations_for(article) }}
             {{ article.content }}
@@ -79,6 +68,7 @@
         </div>
         <section>
         <div class="col-md-2" style="float:right;font-size:0.9em;">
+            <hr class="hidden-lg hidden-md" />
             {% if article.date %}
             <h4>Published</h4>
             {% set day = article.date.strftime('%d')|int %}

templates/base.html

@@ -38,7 +38,6 @@
 {% if 'assets' in PLUGINS %}
 {% include '_includes/minify_css.html' with context %}
 {% else %}
-<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/bootstrap-theme.css" media="screen">
 <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/pygments.css" media="screen">
 <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/tipuesearch/tipuesearch.css" media="screen">
 <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/elegant.css" media="screen">
@@ -54,7 +53,7 @@
 <body>
 
     <nav class="navbar navbar-default" role="navigation">
-        <div class="container">
+        <div class="container-fluid">
             <!-- Brand and toggle get grouped for better mobile display -->
             <div class="navbar-header">
                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
@@ -90,9 +89,9 @@
         </div><!-- /.container -->
     </nav>
 
-    <div class="container">
+    <div class="container-fluid">
         <div class="row">
-            <div class="col-xs-12">
+            <div class="col-xs-12 col-lg-8 col-lg-offset-2">
                 {% block content %}
                 {% endblock content %}
             </div>