Update CSS for print media to hide topbar, footer
This commit is contained in:
@@ -5,52 +5,70 @@
|
|||||||
@import url('http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css');
|
@import url('http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css');
|
||||||
@CHARSET "UTF-8";
|
@CHARSET "UTF-8";
|
||||||
|
|
||||||
body {
|
@media all {
|
||||||
margin: 0em;
|
body {
|
||||||
margin-top: 60px;
|
margin: 0em;
|
||||||
padding-top: 40px;
|
margin-top: 60px;
|
||||||
padding: 0em;
|
padding-top: 40px;
|
||||||
font-family: verdana, helvetica, sans-serif;
|
padding: 0em;
|
||||||
background: #F7F7F7;
|
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 {
|
@media print {
|
||||||
color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
.no-print {
|
||||||
margin-left: 1em;
|
display: none;
|
||||||
margin-right: 1em;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
body {
|
||||||
padding: 2em;
|
margin: 0;
|
||||||
font-size: smaller;
|
}
|
||||||
font-style: italic;
|
|
||||||
color: #333333;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
#page_content {
|
||||||
Images
|
margin: 1.5em;
|
||||||
*/
|
}
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row no-print">
|
||||||
<div class="span4 column">
|
<div class="span4 column">
|
||||||
<h3>Download</h3>
|
<h3>Download</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="topbar">
|
<div class="topbar no-print">
|
||||||
<div class="topbar-inner">
|
<div class="topbar-inner">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
{$page->include_template('navigation')}
|
{$page->include_template('navigation')}
|
||||||
@@ -70,10 +70,12 @@
|
|||||||
</div><!-- /messages -->
|
</div><!-- /messages -->
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
{$page_content}
|
<div id="page_content">
|
||||||
|
{$page_content}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer>
|
<footer class="no-print">
|
||||||
<p>
|
<p>
|
||||||
Powered by
|
Powered by
|
||||||
<a href="https://github.com/optiz0r/homepage/" title="Homepage">Homepage</a>
|
<a href="https://github.com/optiz0r/homepage/" title="Homepage">Homepage</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user