Update CSS for print media to hide topbar, footer

2012-01-09 02:14:33 +00:00
parent 50d2ff11ca
commit 64239b97fb
3 changed files with 70 additions and 50 deletions
--- a/public/styles/normal.css
+++ b/public/styles/normal.css
@@ -5,6 +5,7 @@
@import url('http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css'); 
@CHARSET "UTF-8";

+@media all {
    body {
        margin: 0em;
        margin-top: 60px;
@@ -54,3 +55,20 @@ ol.employment,ol.education {
        list-style: none;
        margin-left: 0px;
    }
+}
+
+@media print {
+    
+    .no-print {
+        display: none;
+    }
+    
+    body {
+        margin: 0;
+    }
+    
+    #page_content {
+        margin: 1.5em;
+    }
+    
+}
--- a/source/webui/templates/cv.tpl
+++ b/source/webui/templates/cv.tpl
@@ -2,7 +2,7 @@

 <div class="container">

-    <div class="row">
+    <div class="row no-print">
        <div class="span4 column">
            <h3>Download</h3>
        </div>
--- a/source/webui/templates/index.tpl
+++ b/source/webui/templates/index.tpl
@@ -29,7 +29,7 @@

    </head>
    <body>
-        <div class="topbar">
+        <div class="topbar no-print">
            <div class="topbar-inner">
                <div class="container-fluid">
                    {$page->include_template('navigation')}
@@ -70,10 +70,12 @@
                    </div><!-- /messages -->
                {/if}

+                <div id="page_content">
                    {$page_content}
                </div>
+            </div>
    
-            <footer>
+            <footer class="no-print">
                <p>
                    Powered by 
                    <a href="https://github.com/optiz0r/homepage/" title="Homepage">Homepage</a>