Add main content
authorJuliette Belin <juliette.belin@logilab.fr>
Thu, 19 Jan 2017 14:16:04 +0100
changeset 35 ff97c5bd6509
parent 34 0169177c1f15
child 36 9956f59f05f9
Add main content * the main container uses the full page * use Open Sans font for the entire document Fix tabs position when there is several lines of tabs use same style for boxes in main content and sidebar
data/cubes.sherpa.css
views/__init__.py
--- a/data/cubes.sherpa.css	Tue Jan 17 16:18:50 2017 +0100
+++ b/data/cubes.sherpa.css	Thu Jan 19 14:16:04 2017 +0100
@@ -7,14 +7,15 @@
   font-style: normal;
 }
 
+body {
+  font-family: 'OpenSans';
+  font-size: 1.3em;
+}
+
 a, a:visited, a:hover, a:focus {
   text-decoration: none;
 }
 
-a, p , h1, h2, h3, h4, h5 {
-  font-family: 'OpenSans';
-}
-
 /* nav bar */
 
 .nav .open > a,
@@ -132,3 +133,89 @@
 #aside-main-left .panel {
   border-radius: 0;
 }
+
+/* main content */
+
+#contentmain h1{
+  text-align: center;
+  color: #0b6ba8;
+  padding-bottom: 1.5em;
+  padding-top: 0.5em;
+}
+
+#contentmain .list-striped > li > a {
+  padding : 0.4em 0 0.4em 0;
+  display: block;
+}
+
+#contentmain .list-striped li {
+  border-bottom: 1px solid #dbdbdb;
+  background-color: white;
+}
+
+#contentmain .list-striped li:hover {
+  border-bottom: 1px solid #0b6ba8;
+  background-color: #f5f5f5;
+}
+
+
+#contentmain .panel-default {
+  border: 0;
+}
+
+#contentmain .panel-heading {
+  background-color: #0b6ba8;
+  font-size: 1.2em;
+  border-radius: 0;
+  color: white;
+  border: 0;
+}
+
+#contentmain .panel-body {
+  padding: 0;
+  padding-top: 1.5em;
+  background-color: #f6f6f6;
+  padding: 1em 0.8em 0.8em 1em;
+  border-bottom: 1px solid #dedede;
+}
+
+
+
+#contentmain .panel-heading a {
+  color: white;
+  padding : 0.4em 0 0.4em 0;
+  display: block;
+}
+
+
+/* table */
+
+#contentmain tr{
+  border-bottom: 1px solid #dbdbdb;
+}
+
+#contentmain th{
+  font-weight: bold
+}
+
+/* tabs */
+
+#contentmain .nav-tabs li.active a{
+  border-bottom: 2px solid #0b6ba8;
+  font-weight: bold;
+  background-color: #f6f6f6;
+}
+
+#contentmain .nav-tabs li a{
+  color: #333;
+  padding-right: 2em;
+  padding-left: 2em;
+  border: 2px solid #fff;
+  border-radius: 0;
+  margin-bottom: 1px;
+}
+
+#contentmain .nav-tabs li:hover a{
+  border-bottom: 2px solid #0b6ba8;
+  background-color: #fff;
+}
--- a/views/__init__.py	Tue Jan 17 16:18:50 2017 +0100
+++ b/views/__init__.py	Thu Jan 19 14:16:04 2017 +0100
@@ -18,7 +18,7 @@
 from cubes.squareui.views.basetemplates import basetemplates
 
 # Bootstrap configuration.
-basetemplates.TheMainTemplate.twbs_container_cls = 'container'
+basetemplates.TheMainTemplate.twbs_container_cls = 'container-fluid'
 
 # Display header-right components in a specific div, not using 'nav' bootstrap style and handle an
 # 'active' class in the nav component (main-navigation)