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,52 +5,70 @@
@import url('http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css'); 
@CHARSET "UTF-8";

-body {
-    margin: 0em;
-    margin-top: 60px;
-    padding-top: 40px;
-    padding: 0em;
-    font-family: verdana, helvetica, sans-serif;
-    background: #F7F7F7;
+@media all {
+    body {
+        margin: 0em;
+        margin-top: 60px;
+        padding-top: 40px;
+        padding: 0em;
+        font-family: verdana, helvetica, sans-serif;
+        background: #F7F7F7;
+    }
+    
+    a {
+        color: gray;
+    }
+    
+    label {
+        margin-left: 1em;
+        margin-right: 1em;
+    }
+    
+    footer {
+        padding: 2em;
+        font-size: smaller;
+        font-style: italic;
+        color: #333333;
+        text-align: center;
+    }
+    
+    /*
+        Images
+    */
+    img.avatar {
+        float: right;
+        vertical-align: top;
+        border: 1px solid grey;
+        padding: 0.2em;
+        margin: 0.75em;
+    }
+    
+    img.at {
+        height: 1em;
+        width: 1em;
+    }
+    
+    /*
+        Homepage
+    */
+    ol.employment,ol.education {
+        list-style: none;
+        margin-left: 0px;
+    }
 }

-a {
-    color: gray;
-}
-
-label {
-    margin-left: 1em;
-    margin-right: 1em;
-}
-
-footer {
-    padding: 2em;
-    font-size: smaller;
-    font-style: italic;
-    color: #333333;
-    text-align: center;
-}
-
-/*
-    Images
-*/
-img.avatar {
-    float: right;
-    vertical-align: top;
-    border: 1px solid grey;
-    padding: 0.2em;
-    margin: 0.75em;
-}
-
-img.at {
-    height: 1em;
-    width: 1em;
-}
-
-/*
-    Homepage
-*/
-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}

-                {$page_content}
+                <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>