Remove main content margin to improve readability
authorJuliette Belin <juliette.belin@logilab.fr>
Thu, 02 Feb 2017 15:22:21 +0100
changeset 58 0a3504cf8b07
parent 57 b5efad678e14
child 59 1921d9575abe
Remove main content margin to improve readability
data/cubes.sherpa.css
views/templates/maintemplate.jinja2
--- a/data/cubes.sherpa.css	Thu Feb 02 14:00:47 2017 +0100
+++ b/data/cubes.sherpa.css	Thu Feb 02 15:22:21 2017 +0100
@@ -41,10 +41,13 @@
   border-color: #fff
 }
 
+
 .navbar-sherpa {
   background-color: #ffffff;
   border-radius: 0;
-  border-bottom: 1.2em solid #0d4e96;
+  border-style: solid;
+  border-width: 0 0 1.2em 0;
+  border-color: #0d4e96;
   margin-bottom: 0;
 }
 .navbar-sherpa .logoSHERPA {
@@ -84,21 +87,19 @@
 
 /*breadcrumbs */
 
-
-#breadcrumbs {
+.breadcrumb {
   background-color: #0b6ba8;
   color: #fff;
-  padding: 0;
   border-radius: 0;
   list-style: none;
   font-size: 1.3em;
-  padding: 0.8em 0 0.8em 0;
+  padding-top: 0.8em;
+  padding-bottom: 0.8em;
   margin-bottom: 0;
 }
 
-#breadcrumbs a {
+.breadcrumb a {
   color: #fff;
-
 }
 
 .breadcrumbs_wrapper {
@@ -168,7 +169,7 @@
 
 #contentmain h1{
   margin-top: 1em;
-  text-align: left;
+  text-align: center;
   color: #0d4e96;
   padding-bottom: 1.5em;
   padding-top: 0.5em;
@@ -323,10 +324,6 @@
   text-align: justify;
 }
 
-#contentmain .utilisation {
-  padding : 0 5% 0 5%;
-}
-
 #contentmain .utilisation h4 {
   color: #0d4e96;
   margin-top: 1.1em;
@@ -455,3 +452,19 @@
 #pagefooter a{
   color: #fff;
 }
+
+/*media queries */
+
+.page-content {
+    padding-left: 5px;
+}
+
+@media (min-width: 990px) {
+  .page-content {
+    padding : 0 5em 0 5em;
+  }
+
+  .breadcrumb {
+    padding-left: 4.1em;
+  }
+}
--- a/views/templates/maintemplate.jinja2	Thu Feb 02 14:00:47 2017 +0100
+++ b/views/templates/maintemplate.jinja2	Thu Feb 02 15:22:21 2017 +0100
@@ -45,7 +45,7 @@
 
     {% if breadcrumbs %}
     <nav role="navigation" class="breadcrumbs_wrapper">
-      <div class="col-md-offset-3">
+      <div class="col-md-offset-2">
             {{ breadcrumbs }}
       </div>
     </nav>
@@ -84,10 +84,8 @@
         {{ left_boxes }}
       </aside>
 
-      <div class="col-md-10">
-        <div class="row">
+      <div class="col-md-10 page-content">
           {{ page_content }}
-        </div>
       </div>
   </div>