[Summary view] [Print] [Text view]

   1  /* $Id: html-elements.css,v 1.1.2.2 2009/02/13 19:42:10 johnalbin Exp $ */
   2  
   3  /****
   4   **** HTML ELEMENT STYLING
   5   ****/
   6  
   7   
   8  
   9  /** fonts **/
  10    /*
  11     * Our font size and line height declarations are based on the following ALA
  12     * article:
  13     *   http://www.alistapart.com/articles/howtosizetextincss
  14     *
  15     * All modern browsrs use a 16px default font size. Specifying the font-size
  16     * and line-height in ems (relative to the 16px default font) allows the user
  17     * to resize the font in the browser and produces the most consistent results
  18     * across different browsers.
  19     */
  20    body
  21    {
  22      font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
  23      background:  transparent URL(images/top_bg.gif) repeat-x scroll 0 0;
  24      background-color: #A6AF9A; 
  25    }
  26  
  27    #page
  28    {
  29      /*
  30       * To use a 12px font size on the page, delete the 14px declarations.
  31       * to use a 14px font size on the page, delete the 12px declarations.
  32       */
  33  
  34      /* background: url('images/PARCHMNT1.gif') repeat; */
  35              
  36      /* Use a 12px base font size with a 16px line height */
  37      font-size: 0.75em; /* 16px x .75 = 12px */
  38      line-height: 1.333em; /* 12px x 1.333 = 16px */
  39  
  40      /* Use a 14px base font size with a 18px line height */
  41      font-size: 0.875em; /* 16px x .875 = 14px */
  42      line-height: 1.286em; /* 14px x 1.286 = 18px */
  43      background: #ffffff url(images/innerwrap.gif)  repeat-y;
  44    }
  45  
  46    body, caption, th, td, input, textarea, select, option, legend, fieldset
  47    {
  48      /* The following font family declarations are based on the Microsoft core
  49       * web fonts which are common fonts available on most computer systems. The
  50       * Bitstream Vera fonts are commonly available on Linux systems where the MS
  51       * fonts are less common.
  52       *
  53       * A user's web browser will look at the comma-separated list and will
  54       * attempt to use each font in turn until it finds one that is available
  55       * on the user's computer. The final "generic" font (sans-serif or serif)
  56       * hints at what type of font to use if the web browser doesn't find any
  57       * of the fonts in the list.
  58       */
  59      font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
  60      /*
  61      font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
  62      font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
  63  
  64      font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  65      font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  66      font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  67      font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  68      font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  69      font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  70      */   
  71    }
  72  
  73    pre, code
  74    {
  75      font-size: 1.1em; /* Monospace fonts can be hard to read */
  76      font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  77    }
  78  
  79  /** headings **/
  80    h1
  81    {
  82      font-size: 2em;
  83      line-height: 1.3em;
  84      margin-top: 0;
  85      margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
  86                               Remember, a margin specified in ems is relative to
  87                               the element's font-size, not to the pages' base
  88                               font size. So, for example, if we want a 1em margin
  89                               (relative to the base font), we have to divide that
  90                               length by the element's font-size:
  91                               1em / 2em = 0.5em */
  92    }
  93  
  94    h2
  95    {
  96      font-size: 1.5em;
  97      line-height: 1.3em;
  98      margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
  99      margin-bottom: 0.667em;
 100      font-weight: normal;
 101    }
 102  
 103    h3
 104    {
 105      font-size: 1.3em;
 106      line-height: 1.3em;
 107      margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
 108      margin-bottom: 0.769em;
 109    }
 110  
 111    h4, h5, h6
 112    {
 113      font-size: 1.1em;
 114      line-height: 1.3em;
 115      margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
 116      margin-bottom: 0.909em;
 117    }
 118  
 119  /** block-level elements **/
 120    p, ul, ol, dl, pre, table, fieldset, blockquote
 121    {
 122      margin: 1em 0;
 123    }
 124  
 125  /** lists **/
 126    /* standardize list item indentation */
 127    ul, ol
 128    {
 129      margin-left: 0;
 130      padding-left: 2em;
 131    }
 132  
 133    .block ul, /* Drupal overrides */
 134    .item-list ul
 135    {
 136      margin: 1em 0;
 137      padding: 0 0 0 2em;
 138    }
 139  
 140    ul ul, ul ol,
 141    ol ol, ol ul,
 142    .block ul ul, .block ul ol,
 143    .block ol ol, .block ol ul,
 144    .item-list ul ul, .item-list ul ol,
 145    .item-list ol ol, .item-list ol ul
 146    {
 147      margin: 0;
 148    }
 149  
 150    li
 151    {
 152      margin: 0;
 153      padding: 0;
 154    }
 155  
 156    .item-list ul li /* Drupal override */
 157    {
 158      margin: 0;
 159      padding: 0;
 160      list-style: inherit;
 161    }
 162  
 163    ul.menu li, /* Drupal override */
 164    li.expanded,
 165    li.collapsed,
 166    li.leaf
 167    {
 168      margin: 0;
 169      padding: 0;
 170    }
 171  
 172    ul          { list-style-type: disc; }
 173    ul ul       { list-style-type: circle; }
 174    ul ul ul    { list-style-type: square; }
 175    ul ul ul ul { list-style-type: circle; }
 176    ol          { list-style-type: decimal; }
 177    ol ol       { list-style-type: lower-alpha; }
 178    ol ol ol    { list-style-type: decimal; }
 179  
 180    dt
 181    {
 182      margin: 0;
 183      padding: 0;
 184    }
 185  
 186    dd
 187    {
 188      margin: 0 0 0 2em;
 189      padding: 0;
 190    }
 191  
 192  /** links **/
 193    /* The order of link states are based on Eric Meyer's article:
 194     * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 195     */
 196    a:link
 197    {
 198    }
 199  
 200    a:visited
 201    {
 202    }
 203  
 204    a:hover,
 205    a:focus
 206    {
 207      text-decoration: underline;
 208    }
 209  
 210    a:active
 211    {
 212    }
 213  
 214    a
 215    {
 216      text-decoration: none;
 217    }
 218  
 219    #cke_contents_edit-body 
 220    {
 221      background-color: #fff !important;
 222    }
 223  
 224  /** tables **/
 225    /* Override Drupal default CSS */
 226    table
 227    {
 228      border-collapse: collapse;
 229      /* width: 100%; */ /* Prevent cramped-looking tables */
 230    }
 231  
 232    th,
 233    thead th,
 234    tbody th
 235    {
 236      text-align: left;
 237      padding-right: 0;
 238      border-bottom: none;
 239    }
 240  
 241    tbody
 242    {
 243      border-top: none;
 244    }
 245  
 246  /** abbreviations **/
 247    abbr
 248    {
 249      border-bottom: 1px dotted #666;
 250      cursor: help;
 251      white-space: nowrap;
 252    }
 253  
 254    /* Date-based "abbreviations" show computer-friendly timestamps which are not
 255       human-friendly. */
 256    abbr.created
 257    {
 258      border: none;
 259      cursor: auto;
 260      white-space: normal;
 261    }
 262  
 263  /** images **/
 264    img
 265    {
 266      border: 0;
 267    }
 268  
 269  /** horizontal rules **/
 270    hr
 271    {
 272      height: 1px;
 273      color: #aaa;
 274      background-color: #aaa;
 275      border: 0;
 276    }
 277  
 278  /** forms **/
 279    form
 280    {
 281      margin: 0;
 282      padding: 0;
 283    }
 284  
 285    fieldset
 286    {
 287      margin: 1em 0;
 288      padding: 0.5em;
 289    }
 290  
 291  /** Classes View **/
 292    .page-classes .view-Classes a
 293    {
 294      /* text-style: bold; */
 295      font-size: 110%;
 296      text-decoration: none;
 297    }
 298  
 299    .page-classes table.views-table
 300    {
 301      table-layout: auto;
 302    }
 303  
 304    .page-classes table.views-table td
 305    {
 306      padding:  5px;
 307    }
 308  
 309    .page-classes table.views-table .even td
 310    {
 311      background: white;
 312    }
 313  
 314    .page-classes table.views-table .odd td
 315    {
 316      
 317    }
 318  
 319    table#yahrzeit th
 320    { text-align: center; }
 321    table#yahrzeit td
 322    { text-align: left; }