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 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: 550;
  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 { }
 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         margin: 0;
 151         padding: 0.4em;
 152         white-space: normal;
 153 }
 154
 155 strong, b { font-weight:bold; }
 156
 157 em, i { font-style:italic; }
 158
 159 big {
 160         font-size:116.667%;
 161 }
 162
 163 small {
 164         font-size:85.71%;
 165 }
 166
 167 pre,
 168 code,
 169 kbd,
 170 tt,
 171 samp,
 172 var {
 173         font-size:100%;
 174 }
 175
 176 pre {
 177         line-height:1.5em;
 178         margin: 1.5em 0 0 0;
 179         white-space: pre;
 180         white-space: pre-wrap;
 181         word-wrap: break-word;
 182 }
 183
 184 pre, code { color:#800; }
 185
 186 kbd, samp, var, tt {
 187         color:#666;
 188         font-weight:bold;
 189 }
 190
 191 var, dfn { font-style:italic; }
 192
 193 acronym, abbr {
 194         border-bottom:1px #aaa dotted;
 195         font-variant:small-caps;
 196         letter-spacing:.07em;
 197         cursor:help;
 198 }
 199
 200 sub,
 201 sup {
 202         font-size: 75%;
 203         line-height: 0;
 204         position: relative;
 205         vertical-align: baseline;
 206 }
 207
 208 sup { top: -0.5em; }
 209 sub { bottom: -0.25em; }
 210
 211 mark {
 212         background: #ff0;
 213         color: #000;
 214 }
 215
 216 hr {
 217         color:#fff;
 218         background:transparent;
 219         margin:0 0 0.75em 0;
 220         padding:0 0 0.75em 0;
 221         border:0;
 222         border-bottom:1px #eee solid;
 223 }
 224
 225 .required {
 226         display: inline;
 227         color: #1873a2;
 228 }
 229
 230 .hidden {
 231         display: none!important;
 232 }
 233
 234 /*--- Links ----------------------------------------------------------------------------------------- */
 235
 236 a {
 237         color: #1873a2;
 238         text-decoration: none;
 239         margin-bottom: 1px;
 240         background:transparent;
 241 }
 242
 243 a:active { outline: none; }
 244
 245 /* (en) maximum constrast for tab focus - change with great care */
 246 /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
 247 a:hover,
 248 a:focus {
 249         color: #6da6c4;
 250         text-decoration:none;
 251 }
 252
 253 /*--- Images ----------------------------------------------------------------------------------------- */
 254
 255 img,
 256 figure {
 257         border: 0 none;
 258         max-width: 550px;
 259         margin: 0;
 260 }
 261
 262 .flexible {
 263         margin-top: 1.5em;
 264         max-width: 100%;
 265         height: auto;
 266 }
 267
 268 * html .flexible {      /* IE6 support */
 269         width: 98%;             /* 2% space for borders */
 270 }
 271
 272 .bordered {
 273         margin-top: 1.5em;
 274         border: 2px #eee solid;
 275         border: 2px rgba(255,255,255,1) solid;
 276         -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
 277         -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
 278         box-shadow: 0 0 3px rgba(0,0,0,.25);
 279 }
 280
 281 /*--- Tables ----------------------------------------------------------------------------------------- */
 282
 283 tr {
 284         border: 1px solid #eeeeee;
 285 }