]> git.madduck.net Git - cv.git/blob - cv.css

madduck's git repository

Every one of the projects in this repository is available at the canonical URL git://git.madduck.net/madduck/pub/<projectpath> — see each project's metadata for the exact URL.

All patches and comments are welcome. Please squash your changes to logical commits before using git-format-patch and git-send-email to patches@git.madduck.net. If you'd read over the Git project's submission guidelines and adhered to them, I'd be especially grateful.

SSH access, as well as push access can be individually arranged.

If you use my repositories frequently, consider adding the following snippet to ~/.gitconfig and using the third clone URL listed for each project:

[url "git://git.madduck.net/madduck/"]
  insteadOf = madduck:

9a109fb8eb0a9d3f7bee4f31efaf53b1677dc69e
[cv.git] / cv.css
1 /* cv.css
2  * CSS file for my curriculum vitae
3  *
4  * This file is copyright © 2005 martin f. krafft <cv@martin-krafft.net>.
5  * You may use this file for your own curriculum vitae
6  * under the terms of the Artistic License 2.0, provided that you change all
7  * personal data. The attribution has to appear only inside a comment, though
8  * a brief note and link would be appreciated, if the CV is served as a web
9  * page. You can use the screen-only class for this.
10  */
11
12 body {
13   font-family: "RotisSansSerif", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
14   padding: 0;
15   margin: 0;
16 }
17
18 @media print {
19   body {
20     font-size: smaller;
21   }
22 }
23
24 @media screen {
25   .document {
26     margin: 0 auto;
27     width: 50em;
28   }
29 }
30
31 h1, h2 {
32   font-family: "RotisSemiSerif", "Bitstream Vera Serif", "Times New Roman", Times, serif;
33   padding-left: 25%;
34 }
35
36 h1 {
37   font-size: 200%;
38   background: transparent;
39   margin: 0 0 1em 0;
40 }
41
42 @media screen {
43   h1 {
44     font-variant: small-caps;
45     margin-top: 1em;
46   }
47 }
48
49 h2 {
50   font-size: 110%;
51   font-weight: bold;
52   clear: both;
53   background-color: #ddd;
54   color: inherit;
55 /*  border-top: 1.2em solid #ddd; */
56   margin: 1em 0 0 0;
57 }
58
59 h2 a {
60   display: block;
61   margin-top: -1.2em;
62 }
63
64 p {
65   margin: 0.5em 0 0 25%;
66 }
67
68 ul {
69   list-style: none;
70   margin: 0;
71   padding: 0 0 0 25%;
72 }
73
74 ol {
75   padding: 0 0 0 25%;
76   margin: 0;
77 }
78
79 @media screen {
80   ol {
81     list-style: none;
82   }
83 }
84
85 li {
86   margin-top: 0.5em;
87 }
88
89 table {
90   margin: 1em 0 1em 25%;
91 }
92
93 a {
94   color: #000;
95   text-decoration: none;
96 }
97
98 @media screen {
99   a {
100     color: #c00;
101   }
102
103   h2 a {
104     color: #000;
105   }
106
107   a:hover, a:focus {
108     text-decoration: underline;
109   }
110
111   h2 a:hover, h2 a:focus {
112     text-decoration: none;
113   }
114 }
115
116 img.portrait {
117   float: left;
118   margin: 0.5em 0 0 0.5em;
119 }
120
121 html:first-child>body img.portrait {
122   /* make image smaller only in opera */
123   width: 160px;
124   height: 207px;
125   margin-bottom: -0.5em;
126 }
127
128 @media print {
129   img.portrait {
130     width: 160px;
131     height: 207px;
132     margin-left: 0;
133     margin-bottom: 0.1em;
134   }
135
136   html:first-child>body img.portrait {
137     /* make image even smaller in opera */
138     width: 145px;
139     height: 188px;
140   }
141 }
142
143 p.personal {
144   line-height: 1.5em;
145   margin-top: 1.5em;
146   margin-bottom: 1.5em;
147 }
148
149 p.label {
150   float: left;
151 }
152
153 dl {
154   margin: 0;
155 }
156
157 dt {
158   margin: 0.5em 0 0 0.5em;
159   float: left;
160 }
161
162 dt:first-child {
163   margin: 0 0 0 0.5em;
164 }
165
166 dd {
167   margin: 0.5em 0 0 25%;
168 }
169
170 dd div.line-block div.line:first-child {
171   font-weight: bolder;
172 }
173
174 .refs {
175   margin-top: 2em;
176 }
177
178 .signature {
179   margin: 3em 0 0 0.5em;
180   line-height: 4em;
181 }
182
183 .online-notes {
184   margin: 3em 0 0 0;
185   border-top: 2px solid #ddd;
186   padding: 1em 0 0 25%;
187 }
188
189 .online-notes, .copyright {
190   font-size: smaller;
191 }
192
193 @media screen {
194   p.screen-only {
195     margin-bottom: 1em;
196   }
197
198   .print-only {
199     display: none;
200   }
201 }
202
203 @media print {
204   .screen-only {
205     display: none;
206   }
207
208   .footer {
209     display: none;
210   }
211 }
212
213 div.section {
214   page-break-before: auto;
215   page-break-inside: "" !important;
216   page-break-after: auto;
217 }
218
219 h2 {
220   page-break-before: auto;
221   page-break-after: "" !important;
222 }
223
224 dl {
225   page-break-before: "" !important;
226   page-break-inside: "" !important;
227   page-break-after: auto;
228 }
229
230 @page {
231   size: portrait;
232   margin: 2cm 2cm 2cm 3cm;
233 }
234
235 .ie-note {
236   display: none;
237   position: relative;
238 }
239
240 * html body .ie-note {
241   /* display in IE only */
242   font-family: "RotisSansSerif", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
243   font-size: 80%;
244   display: block;
245   position: absolute;
246   top: 0;
247   left: 0;
248   width: 96%;
249   padding: 0.2em 2em;
250   margin: 1em;
251   border: 3px dotted #bbb;
252   background-color: inherit;
253   color: #000;
254   text-align: justify;
255 }
256
257 * html body .ie-note a {
258   /* display in IE only */
259   color: #000;
260 }
261
262 * html body .ie-note:hover a {
263   /* display in IE only */
264   color: #999;
265 }
266
267 * html body .document {
268   margin-top: 5em;
269 }