[Summary view] [Print] [Text view]

   1  /* $Id: typography.css,v 1.1.2.4 2010/02/14 06:44:15 sociotech Exp $ */

   2  
   3  /* Typography

   4  -------------------------------------------------------------- */
   5  
   6  /* Base Settings

   7  -------------------------------------------------------------- */
   8  body {
   9    font-family: Arial, Helvetica, Verdana, "Bitstream Vera Sans", sans-serif;     /* web safe fonts */
  10    font-size: 81.25%;   /* also set in fusion_core.info: settings[theme_font_size] = font-size-13 */
  11    line-height: 150%;   /* 1.5x vertical rhythm */
  12  }
  13  
  14  .form-text {
  15    font-family: Arial, Helvetica, Verdana, "Bitstream Vera Sans", sans-serif;
  16  }
  17  
  18  
  19  /* HTML Elements

  20  -------------------------------------------------------------- */
  21  h1 {
  22    font-size: 180%;
  23  }
  24  
  25  h2 {
  26    font-size: 142.85%;
  27  }
  28  
  29  h3 {
  30    font-size: 114.28%;
  31  }
  32  
  33  h4 {
  34    font-size: 100%;
  35  }
  36  
  37  h5 {
  38    font-size: 90%;
  39  }
  40  
  41  h6 {
  42    font-size: 80%;
  43  }
  44  
  45  #footer {

  46    font-size: 95%;
  47  }
  48  
  49  
  50  /* Nodes

  51  /-------------------------------------------------------------- */
  52  /* bylines and taxonomy */

  53  .submitted,
  54  .terms {
  55    font-size: 95%;
  56  }
  57  
  58  .terms {
  59    line-height: 130%;
  60  }
  61  
  62  .node .read-more,
  63  .node .more-link,
  64  .node .links {
  65    font-size: 95%;
  66  }
  67  
  68  
  69  /* Comments

  70  /-------------------------------------------------------------- */
  71  div.comment div.links a,
  72  div.comment ul.links a {
  73    font-size: 90%;
  74  }
  75  
  76  .signature {
  77    font-size: 91.6%;
  78  }
  79  
  80  
  81  /* Links

  82  /-------------------------------------------------------------- */
  83  /* breadcrumbs */

  84  .breadcrumbs {
  85    font-size: 90%;
  86    line-height: 100%;
  87  }
  88  
  89  /* pagers */

  90  ul.pager {
  91    font-size: 90%;
  92    line-height: 150%;
  93  }
  94  
  95  ul.pager li {
  96    line-height: 250%;
  97  }
  98  
  99  
 100  /* Lists

 101  /-------------------------------------------------------------- */
 102  li,
 103  li.leaf,
 104  ul.menu li,
 105  .item-list ul li {
 106  /*  line-height: 150%; */

 107  }
 108  
 109  ol.lower-alpha-list { list-style-type: lower-alpha }
 110  
 111  
 112  /* Forms

 113  /-------------------------------------------------------------- */
 114  /* form buttons */

 115  .form-submit {
 116    font-size: 100%;
 117  }
 118  
 119  .form-item .description {
 120    font-size: 95%;
 121    line-height: 130%;
 122  }
 123  
 124  /* region labels on block admin page */

 125  .block-region {
 126    font-size: 130%;
 127  }
 128  
 129  
 130  /* Tab Menus

 131  /-------------------------------------------------------------- */
 132  #content-tabs ul.primary li a:link,

 133  #content-tabs ul.primary li a:visited {

 134    font-size: 110%;
 135    line-height: 120%;
 136  }
 137  
 138  #content-tabs ul.secondary li a:link,

 139  #content-tabs ul.secondary li a:visited {

 140    font-size: 100%;
 141    line-height: 110%;
 142  }
 143  
 144  
 145  /* Poll

 146  /-------------------------------------------------------------- */
 147  /* increase default font size and spacing of poll titles */

 148  .block-poll .poll div.title {
 149    font-size: 120%;
 150  }
 151  
 152  
 153  /* Forum

 154  /-------------------------------------------------------------- */
 155  #forum .description {

 156    font-size: 90%;
 157  }
 158  
 159  
 160  /* Skinr

 161  /-------------------------------------------------------------- */
 162  /* callout block style */

 163  .fusion-callout .inner {
 164    font-size: 140%;
 165    font-weight: normal !important;
 166  }
 167  
 168  /* multi-column menu style */

 169  .fusion-multicol-menu .inner ul li {
 170    font-size: 115%;
 171  }
 172  
 173  .fusion-multicol-menu .inner ul li.expanded ul {
 174    font-size: 75%;
 175  }
 176  
 177  .fusion-multicol-menu .inner ul li.expanded ul li ul {
 178    font-size: 85%;
 179  }
 180  
 181  /* horizontal login style*/

 182  .fusion-horiz-login#block-user-0 #user-login-form label {
 183    font-size: 90%;
 184  }
 185  
 186  html.js .fusion-horiz-login#block-user-0 #user-login-form label {
 187    font-size: 85%;
 188  }
 189  
 190  .fusion-horiz-login#block-user-0 .item-list li {
 191    font-size: 95%;
 192    line-height: 105%;
 193  }
 194  
 195  .fusion-horiz-login#block-user-0 #edit-openid-identifier-wrapper .description {
 196    font-size: 80%;
 197  }
 198  
 199  
 200  /* Grid Mask Overlay

 201  -------------------------------------------------------------- */
 202  #grid-mask-toggle {

 203    font-size: 14px;
 204  }
 205  
 206  
 207  /* Font Theme Settings

 208  /-------------------------------------------------------------- */
 209  /* font size */

 210  .font-size-10 {
 211    font-size: 62.5%;
 212  }
 213  
 214  .font-size-11 {
 215    font-size: 68.75%;
 216  }
 217  
 218  .font-size-12 {
 219    font-size: 75%;
 220  }
 221  
 222  .font-size-13 {
 223    font-size: 81.25%;
 224  }
 225  
 226  .font-size-14 {
 227    font-size: 87.5%;
 228  }
 229  
 230  .font-size-15 {
 231    font-size: 93.75%;
 232  }
 233  
 234  .font-size-16 {
 235    font-size: 100%;
 236  }
 237  
 238  .font-size-17 {
 239    font-size: 106.25%;
 240  }
 241  
 242  .font-size-18 {
 243    font-size: 112.5%;
 244  }
 245  
 246  /* absolute font sizes as examples for theme setting labels - NOT USED IN THEME */

 247  #edit-theme-font-size-font-size-10-wrapper label {

 248    font-size: 10px;
 249  }
 250  
 251  #edit-theme-font-size-font-size-11-wrapper label {

 252    font-size: 11px;
 253  }
 254  
 255  #edit-theme-font-size-font-size-12-wrapper label {

 256    font-size: 12px;
 257  }
 258  
 259  #edit-theme-font-size-font-size-13-wrapper label {

 260    font-size: 13px;
 261  }
 262  
 263  #edit-theme-font-size-font-size-14-wrapper label {

 264    font-size: 14px;
 265  }
 266  
 267  #edit-theme-font-size-font-size-15-wrapper label {

 268    font-size: 15px;
 269  }
 270  
 271  #edit-theme-font-size-font-size-16-wrapper label {

 272    font-size: 16px;
 273  }
 274  
 275  #edit-theme-font-size-font-size-17-wrapper label {

 276    font-size: 17px;
 277  }
 278  
 279  #edit-theme-font-size-font-size-18-wrapper label {

 280    font-size: 18px;
 281  }
 282  
 283  /* font family */

 284  .font-family-sans-serif-sm,
 285  .font-family-sans-serif-sm .form-text {
 286    font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans, sans-serif;
 287  }
 288  
 289  .font-family-sans-serif-lg,
 290  .font-family-sans-serif-lg .form-text {
 291    font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
 292  }
 293  
 294  .font-family-serif-sm,
 295  .font-family-serif-sm .form-text {
 296    font-family: Garamond, Perpetua, "Nimbus Roman No9 L", "Times New Roman", serif;
 297  }
 298  
 299  .font-family-serif-lg,
 300  .font-family-serif-lg .form-text {
 301    font-family: Baskerville, Georgia, Palatino, "Palatino Linotype", "Book Antiqua", "URW Palladio L", serif;
 302  }
 303  
 304  .font-family-myriad,
 305  .font-family-myriad .form-text {
 306    font-family: "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif;
 307  }
 308  
 309  .font-family-lucida,
 310  .font-family-lucida .form-text {
 311    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
 312  }