[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  
 110  /* Forms

 111  /-------------------------------------------------------------- */
 112  /* form buttons */

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

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

 129  /-------------------------------------------------------------- */
 130  #content-tabs ul.primary li a:link,

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

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

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

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

 144  /-------------------------------------------------------------- */
 145  /* increase default font size and spacing of poll titles */

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

 152  /-------------------------------------------------------------- */
 153  #forum .description {

 154    font-size: 90%;
 155  }
 156  
 157  
 158  /* Skinr

 159  /-------------------------------------------------------------- */
 160  /* callout block style */

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

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

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

 199  -------------------------------------------------------------- */
 200  #grid-mask-toggle {

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

 206  /-------------------------------------------------------------- */
 207  /* font size */

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

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

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

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

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

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

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

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

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

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

 278    font-size: 18px;
 279  }
 280  
 281  /* font family */

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