[extensions-web/wip/tomtryf/redesign: 6/18] Drop 960.css and use Bootstrap markup for the pages

[Tom Tryfonidis <tomtryf src gnome org>]

commit a2baf32a386ad1191388d51f6489ea0c7d786a0f
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Fri Feb 17 17:18:14 2017 +0200

    Drop 960.css and use Bootstrap markup for the pages

 sweettooth/static/css/960.css   |  405 ---------------------------------------
 sweettooth/static/css/style.css |   41 ----
 sweettooth/static/css/text.css  |    1 +
 sweettooth/templates/base.html  |   18 +-
 4 files changed, 9 insertions(+), 456 deletions(-)
---
diff --git a/sweettooth/static/css/style.css b/sweettooth/static/css/style.css
index f79ea85..5dd4bac 100644
--- a/sweettooth/static/css/style.css
+++ b/sweettooth/static/css/style.css
@@ -8,13 +8,9 @@ Version: 20160212
 
 
 @import url("text.css");
-@import url("960.css");
 @import url("sweettooth.css");
 
 
-
-
-
 /* Base information */
 /* ========================================================================== */
 
@@ -36,14 +32,6 @@ a:visited {
 .hidden {
     display: none;
 }
-.maxwidth {
-    width: 940px;
-    margin: 0 auto;
-}
-.sanewidth {
-    width: 780px;
-    margin: 0 auto;
-}
 .col-centered{
     float: none;
     margin: 0 auto;
@@ -345,40 +333,11 @@ ul.login_popup_form li p {
 /* ========================================================================== */
 
 
-
 #container {
     padding-top: 20px;
     color: #555;
-    width: 960px;
-    margin: auto;
-    min-height: 240px;
 }
 
-/*
- * this is basically used to force specific elements not to use
- * grid_* classes
- */
-#container .page_title, #container .content, #container .sidebar {
-    display: inline;
-    float: left;
-    margin-left: 10px;
-    margin-right: 10px;
-}
-#container .content, #container .page_title {
-    width: 940px;
-}
-#container.two_columns .content {
-    width: 700px;
-}
-#container.two_columns .content.without_sidebar {
-    width: 940px;
-}
-#container.two_columns .sidebar {
-    width: 220px;
-}
-
-
-
 /* Content specs */
 /* ========================================================================== */
 
diff --git a/sweettooth/static/css/text.css b/sweettooth/static/css/text.css
index c2f9857..c653e14 100644
--- a/sweettooth/static/css/text.css
+++ b/sweettooth/static/css/text.css
@@ -24,6 +24,7 @@ body.win h1, body.win h2, body.win h3, body.win h4, body.win h5, body.win h6 {
 
 h1, h2, h3, h4, h5, h6, dt {
     color: #0489B7;
+    font-weight: bold;
 }
 h1 {
     font-size: 42px;
diff --git a/sweettooth/templates/base.html b/sweettooth/templates/base.html
index 66b837d..c39b360 100644
--- a/sweettooth/templates/base.html
+++ b/sweettooth/templates/base.html
@@ -95,15 +95,14 @@
 
     <div class="clearfix"></div>
 
-    <div id="container" class="two_columns gnome-content">
-        <div class="container_12">
-            <div id="content" class="without_sidebar">
-            <div class="row">
-            <div class="col-sm-12">
-                 {% block search-bar %}
-                {% endblock %}
-            </div>
-            </div>
+    <div id="container" class="container gnome-content">
+                <div class="col-sm-12">
+                <div class="row">
+                    <div class="col-sm-12">
+                         {% block search-bar %}
+                        {% endblock %}
+                    </div>
+                </div>
                 
               <div id="message_container">
                 {% for message in messages %}
@@ -115,7 +114,6 @@
               </div>
               {% block body %}
               {% endblock %}
-            </div>
         </div>
     </div>