bender-theme/print.css at master · importantmedia/bender-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
/* --------------------------------------------------------------

   Blueprint CSS Framework Print Styles
   * Gives you some sensible styles for printing pages.
   See Readme file in this directory for further instructions.

   Some additions you'll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }

-------------------------------------------------------------- */

body {
  line-height: 1.5;
  font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  color:#000;
  background: none;
  font-size: 10pt;
}
.container {
  background: none;
}

h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
code { font:.9em "Courier New", Monaco, Courier, monospace; }

img { float:left; margin:1.5em 1.5em 1.5em 0; }
a img { border:none; }
p img.top { margin-top: 0; }

hr {
  background:#ccc;
  color:#ccc;
  width:100%;
  height:2px;
  margin:2em 0;
  padding:0;
  border:none;
}

blockquote {
  margin:1.5em;
  padding:1em;
  font-style:italic;
  font-size:.9em;
}

.small  { font-size: .9em; }
.large  { font-size: 1.1em; }
.quiet  { color: #999; }
.hide   { display:none; }

a:link, a:visited {
	background: transparent;
	font-weight: 700;
	text-decoration: underline;
}

#header h1 {
	clear: both;
}

.post h2 a:link:after, .post h2 a:visited:after,
.post .entry a:link:after, .post .entry a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

.postmetadata a:link, .postmetadata a:visited {
  text-decoration: none;
  color: #000;
}

.postinfo {
	clear: both;
	margin-bottom: 1em;
	position: relative;
}

.postinfo .avatar {
	display: block;
	float: left;
	margin: 0 8px 0 0;
}

.postinfo .avatar img {
	border: none;
	padding: 0;
	margin: 0;
	width: 32px;
	height: 32px;
}

.postinfo a {
	color: #000;
	text-decoration: none;
}

.postinfo .author {
	display: block;
}

.postinfo .author a {
	font-weight: bold;
}

.postinfo .date {
	display: inline;
}

.postinfo div.cats {
	display: inline;
}

.postinfo .cats .verb {
	display: none;
}

.postinfo div.comments {
	position: absolute;
	top: 0;
	right: 0;
}

.postinfo .comments a {
	display: block;
	background: transparent url(images/comment.png) no-repeat 0 0;
	padding-left: 20px;
}

/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */

#footer {
  clear: both;
  border-top: 2px solid #000;
  padding: 1em 0 0;
}

form, #f7h3gk, .site-nav, .ad, #sidecolumn, .postactions, #respond, .back_next, .more-link, .widget-more-link, #footer .links, .feed, .addthis, .navigation, #navmenu {
	display: none;
}