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   div.section {
 213     page-break-before: auto;
 214     page-break-inside: "" !important;
 215     page-break-after: auto;
 216   }
 217
 218   h2 {
 219     page-break-before: auto;
 220     page-break-after: "" !important;
 221   }
 222
 223   dl {
 224     page-break-before: "" !important;
 225     page-break-inside: "" !important;
 226     page-break-after: auto;
 227   }
 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 }
 270
 271 * html body #education {
 272   margin-top: -2.4em !important;
 273 }