css/general.css

   1  /* link styles */
   2
   3  a:link {
   4         color: #003399;
   5         text-decoration: none;
   6  }
   7
   8  a:visited, a:active { color: maroon;
   9         text-decoration: none;
  10  }
  11
  12  a:hover { color: purple;
  13         text-decoration: none;
  14  }
  15
  16  .recordlink {
  17         font-style:italic;
  18         text-transform:capitalize;
  19  }
  20
  21  .songlink {
  22         text-transform: capitalize;
  23  }
  24
  25  /* pre styles */
  26
  27  pre, .tab, .chords, .verse {
  28         font: "Lucida Console","Bitstream Vera Sans Mono","Courier New",Courier,monospace 90%/100%;
  29         margin-top: 1.5em;
  30  }
  31
  32  .refrain, .bridge { margin-left: 30px;
  33  }
  34
  35  .bridge2 { margin-left: 60px;
  36  }
  37
  38  .spoken {
  39         font-style: italic;
  40  }
  41
  42
  43  /*paragraph styles */
  44
  45  body {
  46         padding: 0 1em;
  47  }
  48
  49  body, td, p {
  50         font-size: 1em;
  51         font-family: Georgia,"URW Palladio L",garamond,"book antiqua",serif;
  52         margin: 0.7em 0 1em;
  53  }
  54
  55  .first { text-indent: 0px;
  56  }
  57
  58  .stor { font-size: 1.2em;
  59  }
  60
  61  .quote { margin: 20px 2em;
  62         font-size: 0.85em;
  63         text-indent: 0px;
  64  }
  65
  66  .footnotes {
  67         font-size: smaller;
  68         width: 80%;
  69  }
  70
  71  h1, h2, h3, h4 {
  72         font-family: "URW Gothic L", "Century Gothic", "Avant Garde", verdana, "Trebuchet MS", sans-serif;
  73         font-weight:normal;
  74  }
  75
  76  h1 {
  77         text-transform: capitalize;
  78  }
  79
  80  .songversion {
  81         font-size: 1.4em;
  82  }
  83
  84  .songtitle {
  85  }
  86
  87  .leftcol { float: left;
  88         width: 49.9%;
  89  }
  90
  91  .rightcol { width: 49.9%;
  92         float: left;
  93  }
  94
  95  abbr {
  96         border-bottom-style:dashed;
  97         cursor:help;
  98  }
  99
 100  /* Var page elements */
 101
 102  .greenbox {
 103         background-color:#cc9;
 104         text-align:center;
 105         font-size:0.9em;
 106         border: 2px solid #866;
 107         margin: 1em 0;
 108         text-indent: 0px;
 109         padding: 1em 0;
 110         font-family: "URW Gothic L","Century Gothic", verdana, "Trebuchet MS", sans-serif;
 111  }
 112
 113  .greenbox a {
 114         display: block;
 115         padding: 0 2px;
 116         color: #333;
 117         border: 1px solid #cc9;
 118  }
 119
 120 .greenbox a:visited {
 121         color: #333;
 122 }
 123
 124 .greenbox a:hover {
 125         background-color:#FFFFFF;
 126         color: maroon;
 127         border: 1px solid black;
 128 }
 129
 130  /* misc styles */
 131
 132  .dropcap {
 133         font-size: 300%;
 134         line-height: 90%;
 135         float: left;
 136         padding-right: 2px;
 137  }
 138
 139  .smallcaps {
 140         font-variant: small-caps;
 141  }
 142
 143  hr {
 144         margin: 15px 0;
 145  }
 146
 147  .byline {
 148         font-size: 0.8em;
 149         font-style: italic;
 150  }
 151
 152  .center {
 153         text-align:center;
 154  }
 155
 156  .red {color: #FF0000}