root / htmltest / sites / all / themes / sky / css / print.css @ 6c38d829
| 1 |
/**
|
|---|---|
| 2 |
*
|
| 3 |
* Basic styles for print.
|
| 4 |
* TODO: This needs work.
|
| 5 |
*/
|
| 6 |
|
| 7 |
/* Body */
|
| 8 |
body {
|
| 9 |
width: 100% !important; |
| 10 |
margin: 0 !important; |
| 11 |
padding: 0 !important; |
| 12 |
line-height: 1.4; |
| 13 |
word-spacing: 1.1pt; |
| 14 |
letter-spacing: 0.2pt; |
| 15 |
font-family: Garamond, Perpetua, "Nimbus Roman No9 L", "Times New Roman", serif; |
| 16 |
color: #000; |
| 17 |
background: none; |
| 18 |
font-size: 11pt; |
| 19 |
} |
| 20 |
|
| 21 |
/* Strip backgrounds of likely candidates */
|
| 22 |
header,
|
| 23 |
footer,
|
| 24 |
#branding,
|
| 25 |
#container,
|
| 26 |
#columns,
|
| 27 |
.columns-inner,
|
| 28 |
#content-column,
|
| 29 |
.content-inner,
|
| 30 |
.region,
|
| 31 |
.region-header,
|
| 32 |
.region-content,
|
| 33 |
.node,
|
| 34 |
.node-title,
|
| 35 |
.node-content,
|
| 36 |
.comment,
|
| 37 |
.comment-title,
|
| 38 |
.comment-content,
|
| 39 |
.block,
|
| 40 |
.block-inner,
|
| 41 |
.block-title,
|
| 42 |
.block-content,
|
| 43 |
table {
|
| 44 |
background:none !important; |
| 45 |
} |
| 46 |
|
| 47 |
/* Hide various parts of the site. */
|
| 48 |
.sidebar,
|
| 49 |
#breadcrumb,
|
| 50 |
.nav,
|
| 51 |
.field-type-taxonomy-term-reference,
|
| 52 |
ul.links, |
| 53 |
ul.links a, |
| 54 |
.feed-icon,
|
| 55 |
.poll .bar, |
| 56 |
.poll .bar .foreground, |
| 57 |
.comment-form,
|
| 58 |
#comment-form,
|
| 59 |
.book-navigation,
|
| 60 |
.tabs {
|
| 61 |
display: none; |
| 62 |
} |
| 63 |
/* Display the main content region */
|
| 64 |
.region-content {
|
| 65 |
display:block !important; |
| 66 |
} |
| 67 |
|
| 68 |
/* Layout */
|
| 69 |
.content-inner {
|
| 70 |
margin: 0 !important; |
| 71 |
padding: 0 !important; |
| 72 |
} |
| 73 |
|
| 74 |
/* HTML elements */
|
| 75 |
h1,h2,h3,h4,h5,h6,#site-name { |
| 76 |
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; |
| 77 |
} |
| 78 |
h1 {
|
| 79 |
font-size: 14pt; |
| 80 |
} |
| 81 |
h2{
|
| 82 |
font-size: 13pt; |
| 83 |
} |
| 84 |
h3{
|
| 85 |
font-size: 12pt; |
| 86 |
} |
| 87 |
h4,h5,h6{ |
| 88 |
font-size: 11pt; |
| 89 |
} |
| 90 |
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,#site-name a { |
| 91 |
text-decoration: none !important; |
| 92 |
} |
| 93 |
h1#page-title { |
| 94 |
margin-top: 1em; |
| 95 |
} |
| 96 |
pre,
|
| 97 |
code,
|
| 98 |
tt,
|
| 99 |
samp,
|
| 100 |
kbd,
|
| 101 |
var {
|
| 102 |
font-size: 10pt; |
| 103 |
font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; /* Safari hack */ |
| 104 |
} |
| 105 |
blockquote {
|
| 106 |
margin: 1.3em; |
| 107 |
padding: 1em; |
| 108 |
font-size: 10pt; |
| 109 |
font-style: italic; |
| 110 |
} |
| 111 |
hr {
|
| 112 |
background-color: #ccc; |
| 113 |
} |
| 114 |
|
| 115 |
/* Header, Logo, Site name */
|
| 116 |
header {
|
| 117 |
padding-bottom: 15px; |
| 118 |
} |
| 119 |
#logo img { |
| 120 |
padding: 0 10px 0 0; |
| 121 |
margin: 0 !important; |
| 122 |
float:none !important; |
| 123 |
} |
| 124 |
hgroup a:link, |
| 125 |
hgroup a:visited { |
| 126 |
text-decoration: none; |
| 127 |
} |
| 128 |
|
| 129 |
/* Images */
|
| 130 |
img {
|
| 131 |
float:left; |
| 132 |
margin: 4px 20px 10px 0; |
| 133 |
page-break-inside: avoid; |
| 134 |
} |
| 135 |
a img { |
| 136 |
border:none; |
| 137 |
} |
| 138 |
|
| 139 |
/* Links */
|
| 140 |
a:link, |
| 141 |
a:visited { |
| 142 |
background: transparent; |
| 143 |
font-weight: 700; |
| 144 |
text-decoration: underline; |
| 145 |
color: #333; |
| 146 |
} |
| 147 |
a:link[href^="http://"]:after, |
| 148 |
a[href^="http://"]:visited:after { |
| 149 |
content:" (" attr(href) ") "; |
| 150 |
font-size: 10pt; |
| 151 |
} |
| 152 |
a[href^="http://"] { |
| 153 |
color: #000; |
| 154 |
} |
| 155 |
|
| 156 |
/* Table */
|
| 157 |
table {
|
| 158 |
margin: 1px; |
| 159 |
text-align: left; |
| 160 |
} |
| 161 |
th {
|
| 162 |
border-bottom: 1px solid #333; |
| 163 |
font-weight: 700; |
| 164 |
} |
| 165 |
td {
|
| 166 |
border-bottom: 1px solid #333; |
| 167 |
} |
| 168 |
th,td { |
| 169 |
padding: 4px 10px 4px 0; |
| 170 |
} |
| 171 |
tfoot {
|
| 172 |
font-style: italic; |
| 173 |
} |
| 174 |
caption {
|
| 175 |
background: #fff; |
| 176 |
margin-bottom: 1em; |
| 177 |
text-align: left; |
| 178 |
} |
| 179 |
thead {
|
| 180 |
display: table-header-group; |
| 181 |
} |
| 182 |
tr {
|
| 183 |
page-break-inside: avoid; |
| 184 |
} |
| 185 |
|
| 186 |
/* Forms */
|
| 187 |
form {
|
| 188 |
margin-bottom: 10px; |
| 189 |
} |
| 190 |
|
| 191 |
/* Poll module */
|
| 192 |
.poll .text, |
| 193 |
.poll .percent, |
| 194 |
.poll .total { |
| 195 |
text-align: left; |
| 196 |
} |
| 197 |
.poll form { |
| 198 |
margin-bottom: 0; |
| 199 |
} |
| 200 |
|
| 201 |
/* Articles */
|
| 202 |
.node {
|
| 203 |
margin-bottom: 10px; |
| 204 |
border-bottom: 1px solid #ccc; |
| 205 |
} |