pages: use site global styles and layout element id's
authorTero Marttila <terom@paivola.fi>
Sun, 14 Sep 2014 02:28:21 +0300
changeset 203 8bfe3ab5e7fb
parent 202 da5de3a97efb
child 204 99f9e50030ae
pages: use site global styles and layout element id's
qmsk_www_pages/static/pages/pages.css
qmsk_www_pages/templates/pages/page.html
--- a/qmsk_www_pages/static/pages/pages.css	Sun Sep 14 02:15:25 2014 +0300
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,11 +0,0 @@
-div.page-header {
-    border-bottom: 1px solid #EEE;
-}
-
-div.page-footer {
-    border-top: 1px solid #EEE;
-
-    margin: 40px 0px 0px 0px;
-
-    padding: 20px 0px;
-}
--- a/qmsk_www_pages/templates/pages/page.html	Sun Sep 14 02:15:25 2014 +0300
+++ b/qmsk_www_pages/templates/pages/page.html	Sun Sep 14 02:28:21 2014 +0300
@@ -4,12 +4,12 @@
 
 {% block content %}
     <div class="container">
-        <div class="page-header">
-            <h1 class="page-title">
+        <div id="header">
+            <h1 class="page-header-title">
                 {{ site_name }}
             </h1>
         </div>
-        <div class="page-breadcrumb">
+        <div id="breadcrumb">
             <ol class="breadcrumb">
                 {% for page, name in page_breadcrumb %}
                 <li><a href="{% url 'page' page %}">{{ name }}</a></li>
@@ -17,7 +17,7 @@
             </ol>
         </div>
         <div class="row">
-            <div class="col-sm-2 page-tree">
+            <div class="col-sm-2" id="nav">
                 {% for page, name in tree_breadcrumb %}
                 <ul class="nav">
                     <li><a href="{% url 'page' page %}">{{ name }}</a></li>
@@ -32,13 +32,13 @@
                     {% endfor %}
                 </ul>
             </div>
-            <div class="col-sm-8 page-content">
+            <div class="col-sm-8" id="content">
                 <!-- <h1>{{ page_name }}</h1> -->
 
                 {{ page_html|safe }}
             </div>
         </div>
-        <div class="page-footer">
+        <div id="footer">
             <p class="page-footer-modified">
                 Page modified <span title="{{ page_modified|date:'DATETIME_FORMAT' }}">{{ page_modified|date }}</span>
             </p>