view/theme/smoothly/css/typography.css

   1 /* global typography settings */
   2
   3 textarea,
   4 pre,
   5 code,
   6 kbd,
   7 samp,
   8 var,
   9 tt {
  10         font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  11 }
  12
  13 /* (en) base layout gets standard font size 15px */
  14 /* (de) Basis-Layout erhält Standardschriftgröße von 15 Pixeln */
  15
  16 body {
  17         margin: 0 auto;
  18         padding-bottom: 3em;
  19         width: 960px;
  20         font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  21         font-size: 15px;
  22         font-size-adjust: none;
  23         font-style: normal;
  24         font-variant: normal;
  25         font-weight: normal;
  26         line-height: 18px;
  27         color: #626262;
  28         background-color: #F2F2F2;
  29         color: #333333;
  30 /* (en) Prevent auto-scaling of text in mobile webkit browsers */
  31 /* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
  32         -webkit-text-size-adjust:100%;
  33 }
  34
  35 /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  36
  37 h1,
  38 h2,
  39 h3,
  40 h4,
  41 h5,
  42 h6 {
  43         font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  44         font-weight: 400;
  45         color:#626262;
  46         margin:0;
  47 }
  48
  49 h1 {
  50         font-size:200%;
  51         line-height: 0.8571em;
  52         margin: 0.4286em 0 0;
  53 }
  54
  55 h2 {
  56         font-size:170%;
  57         line-height: 1.2em;
  58         margin: 0.6em 0 0 0;
  59 }
  60
  61 h3 {
  62         font-size:145%;
  63         margin:0 0 5px 0;
  64 }
  65
  66 h4 {
  67         font-size:133.33%;
  68         line-height: 1.125em;
  69         margin:1.125em 0 0 0;
  70 }
  71
  72 h5 {
  73         font-size:116.67%;
  74         line-height: 1.2857em;
  75         margin: 1.2857em 0 0 0;
  76 }
  77
  78 h6 {
  79         font-weight: bold;
  80         font-size:100%;
  81         line-height: 1.5em;
  82         margin: 1.5em 0 0 0;
  83 }
  84
  85 /*h3 > a, h4 > a {
  86         font-size: 18px;
  87         color: #626262;
  88 }*/
  89
  90 /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  91
  92 ul,
  93 ol,
  94 dl {
  95         font-size:1em;
  96         line-height:1.5em;
  97 }
  98
  99 ul {
 100         list-style-type:disc;
 101 }
 102
 103 ol {
 104         list-style-type:decimal;
 105 }
 106
 107 ul ul {
 108         list-style-type:circle;
 109         margin-top:0;
 110 }
 111
 112 ol ol {
 113         list-style-type:lower-latin;
 114         margin-top:0;
 115 }
 116
 117 ol ul {
 118         list-style-type:circle;
 119         margin-top:0;
 120 }
 121
 122 li {
 123         font-size:1em;
 124         line-height:1.5em;
 125         list-style: none outside none;
 126 }
 127
 128 dt { font-weight:bold; }
 129
 130 dd { margin:0 0 1.5em 0.8em; }
 131
 132
 133 /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
 134
 135 p {
 136         max-width: 600px;
 137         font-size:1em;
 138         /*line-height:1.5em;*/
 139         /*margin: 1.5em 0 0 0;*/
 140 }
 141
 142 blockquote, cite, q {
 143         font-family: Georgia, "Times New Roman", Times, serif;
 144         font-style:italic;
 145 }
 146
 147 blockquote {
 148     background-color: #F4F8F9;
 149     border-left: 4px solid #DAE4EE;
 150     padding: 0.4em;
 151 }
 152
 153 strong, b { font-weight:bold; }
 154
 155 em, i { font-style:italic; }
 156
 157 big {
 158         font-size:116.667%;
 159 }
 160
 161 small {
 162         font-size:85.71%;
 163 }
 164
 165 pre,
 166 code,
 167 kbd,
 168 tt,
 169 samp,
 170 var {
 171         font-size:100%;
 172 }
 173
 174 pre {
 175         line-height:1.5em;
 176         margin: 1.5em 0 0 0;
 177         white-space: pre;
 178         white-space: pre-wrap;
 179         word-wrap: break-word;
 180 }
 181
 182 pre, code { color:#800; }
 183
 184 kbd, samp, var, tt {
 185         color:#666;
 186         font-weight:bold;
 187 }
 188
 189 var, dfn { font-style:italic; }
 190
 191 acronym, abbr {
 192         border-bottom:1px #aaa dotted;
 193         font-variant:small-caps;
 194         letter-spacing:.07em;
 195         cursor:help;
 196 }
 197
 198 sub,
 199 sup {
 200         font-size: 75%;
 201         line-height: 0;
 202         position: relative;
 203         vertical-align: baseline;
 204 }
 205
 206 sup { top: -0.5em; }
 207 sub { bottom: -0.25em; }
 208
 209 mark {
 210         background: #ff0;
 211         color: #000;
 212 }
 213
 214 hr {
 215         color:#fff;
 216         background:transparent;
 217         margin:0 0 0.75em 0;
 218         padding:0 0 0.75em 0;
 219         border:0;
 220         border-bottom:1px #eee solid;
 221 }
 222
 223 .required {
 224         display: inline;
 225         color: #1873a2;
 226 }
 227
 228 /*--- Links ----------------------------------------------------------------------------------------- */
 229
 230 a {
 231         color: #1873a2;
 232         text-decoration: none;
 233         margin-bottom: 1px;
 234         background:transparent;
 235 }
 236
 237 a:active { outline: none; }
 238
 239 /* (en) maximum constrast for tab focus - change with great care */
 240 /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
 241 a:hover,
 242 a:focus {
 243         color: #6da6c4;
 244         text-decoration:none;
 245 }
 246
 247 /* --- images ------------------ */
 248
 249 img,
 250 figure {
 251         border: 0 none;
 252         max-width: 550px;
 253         margin: 0;
 254 }
 255
 256 .flexible {
 257         margin-top: 1.5em;
 258         max-width: 100%;
 259         height: auto;
 260 }
 261
 262 * html .flexible {      /* IE6 support */
 263         width: 98%;             /* 2% space for borders */
 264 }
 265
 266 .bordered {
 267         margin-top: 1.5em;
 268         border: 2px #eee solid;
 269         border: 2px rgba(255,255,255,1) solid;
 270         -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
 271         -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
 272         box-shadow: 0 0 3px rgba(0,0,0,.25);
 273 }