view/theme/smoothly/css/typography.css

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