kallithea Changeset - b27f5a64430f

Changeset - b27f5a64430f

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

domruf - 9 years ago 2016-09-18 20:00:46
dominikruf@gmail.com

templates: use a Bootstrap container for the whole #content

We don't really use grids yet, but if we do, they require a container.

We want to use the whole width, so we use container-fluid and accept the
default margins of 15px / 20 px.

style.css modified by Mads Kiilerich.

2 files changed with 1 insertions and 38 deletions:

kallithea/public/css/style.css

kallithea/templates/base/base.html

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -239,14 +239,8 @@ nav.navbar ul#logged-user li.highlight a @@
+}
 nav.navbar {
     min-height: 44px;
     clear: both;
     position: relative;
     background-color: #577632;
     margin: 0;
     padding: 0;
     display: block;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
     border-radius: 0px 0px 4px 4px;
+}
 .header-pos-fix,
@@ @@ -330,11 +324,6 @@ label.control-label { @@
     font-weight: bold;
+}
 #content nav.navbar {
     margin: 0 0 10px;
     border-radius: 4px 4px 4px 4px;
+}
 #content nav.navbar .navbar-brand {
     height: inherit;
     line-height: inherit;
@@ @@ -377,7 +366,6 @@ label.control-label { @@
+}
 div.panel-primary {
     margin: 0 0 10px;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
     border: none;
+}
@@ @@ -959,17 +947,10 @@ a.metatag[data-tag="license"]:hover { @@
+}
 #footer {
     clear: both;
     overflow: hidden;
     text-align: right;
     margin: 0;
     padding: 10px 15px;
     margin: -10px 0 0;
     background-color: #577632;
     background-repeat: repeat-x;
     background-image: linear-gradient(to bottom, #577632, #577632);
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
     border-radius: 4px 4px 4px 4px;
+}
 #footer > span {
@@ @@ -986,11 +967,6 @@ a.metatag[data-tag="license"]:hover { @@
     padding-bottom: 8px;
+}
 #footer.navbar .navbar-text {
     margin-top: 0;
     margin-bottom: 0;
+}
 #login .panel-body .icon-lock {
     font-size: 100px;
     color: #DDD;
@@ @@ -2211,19 +2187,6 @@ div.gravatar img { @@
     border-radius: 2px;
+}
 nav.navbar, #content, #footer {
     min-width: 978px;
+}
 #content {
     clear: both;
     padding: 10px 10px 14px 10px;
+}
 #content.hover {
     padding: 55px 10px 14px 10px !important;
+}
 #content div.panel div.panel-heading div.search {
     border-left: 1px solid #576622;
+}

kallithea/templates/base/base.html

➞

Show inline comments

@@ @@ -2,7 +2,7 @@ @@
 <%inherit file="root.html"/>
 <!-- CONTENT -->
 <div id="content">
+<div id="content" class="container-fluid">
     ${self.flash_msg()}
     <div id="main">
         ${next.main()}

0 comments (0 inline, 0 general)