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  /*.tab - only for the tablature scores*/
  27  /*.chords -- for chordcharts*/
  28  /*.verse, .refrain, .bridge -- different indention levels for sections with different music*/
  29  /*.crd -- for instrumental passages not conforming with any of the section classes (e.g. intros, outros, etc.)*/
  30  /*.chorus -- sections where Dylan does not sing*/
  31  /*.spoken -- spoken passages*/
  32
  33 pre, .tab, .chords, .verse, .crd {
  34     font: "Lucida Console","Bitstream Vera Sans Mono","Courier New",Courier,monospace 90%/100%;
  35     margin-top: 1.5em;
  36  }
  37
  38  .refrain, .bridge {
  39      margin-left: 30px;
  40  }
  41
  42  .refrain {
  43      margin-top: -5px;
  44      padding-top: 0px;
  45  }
  46
  47  .bridge2 {
  48      margin-left: 60px;
  49  }
  50
  51  .spoken, .chorus {
  52     font-style: italic;
  53  }
  54
  55
  56  /*paragraph styles */
  57
  58  body {
  59     padding: 0 1em;
  60  }
  61
  62  body, td, p {
  63     font-size: 1em;
  64     font-family: Georgia,"URW Palladio L",garamond,"book antiqua",serif;
  65     margin: 0.7em 0 1em;
  66  }
  67
  68  .first { text-indent: 0px;
  69  }
  70
  71  .stor { font-size: 1.2em;
  72  }
  73
  74  .quote { margin: 20px 2em;
  75     font-size: 0.85em;
  76     text-indent: 0px;
  77
  78  }
  79
  80  .footnotes {
  81     font-size: smaller;
  82     width: 80%;
  83  }
  84
  85  h1, h2, h3, h4 {
  86     font-family: "URW Gothic L", "Century Gothic", "Avant Garde", verdana, "Trebuchet MS", sans-serif;
  87     font-weight:normal;
  88     text-transform:capitalize;
  89  }
  90
  91  h1 {
  92     text-transform: capitalize;
  93  }
  94
  95  .songversion {
  96     font-size: 1.4em;
  97  }
  98
  99  .songtitle {
 100  }
 101
 102  .leftcol { float: left;
 103     width: 49.9%;
 104  }
 105
 106  .rightcol { width: 49.9%;
 107     float: left;
 108  }
 109
 110  abbr {
 111     border-bottom-style:dashed;
 112     cursor:help;
 113  }
 114
 115  /* Var page elements */
 116
 117  .greenbox {
 118     background-color:#cc9;
 119     text-align:center;
 120     font-size:0.9em;
 121     border: 2px solid #866;
 122     margin: 1em 0;
 123     text-indent: 0px;
 124     padding: 1em 0;
 125     font-family: "URW Gothic L","Century Gothic", verdana, "Trebuchet MS", sans-serif;
 126  }
 127
 128  .greenbox a {
 129     display: block;
 130     padding: 0 2px;
 131     color: #333;
 132     border: 1px solid #cc9;
 133  }
 134
 135 .greenbox a:visited {
 136     color: #333;
 137 }
 138
 139 .greenbox a:hover {
 140     background-color:#FFFFFF;
 141     color: maroon;
 142     border: 1px solid black;
 143 }
 144
 145 .preamble {
 146     /*width: 90%;*/
 147     background: #f3f3f3;
 148     border: solid 1px #aaa;
 149     padding: 1em 2em;
 150     margin: 2em 0;
 151     font-size: 90%;
 152     line-height: 110%;
 153     max-width: 40em;
 154 }
 155
 156 .chordcharts {
 157     background: #f3f3f3;
 158     border: solid 1px #aaa;
 159     padding: 1em 2em;
 160     font-size: 90%;
 161     width: 220px;
 162     max-width: 420px;
 163     position: fixed;
 164     bottom: 30px;
 165     right: 0;
 166 }
 167
 168 @media print {
 169     .chordcharts {
 170         background: #fff;
 171         border: none;
 172         margin-top: 2em;
 173         padding: 1em;
 174         font-size: 90%;
 175     position: relative;
 176     }
 177 }
 178
 179 #feed-control {
 180     float: right;
 181     min-width: 200px;
 182     max-width: 250px;
 183     margin: 0 0 1em 2em;
 184     padding: .5em;
 185     background: white !important;
 186 }
 187 .gfg-title {
 188     font-family: "URW Gothic L", "Century Gothic", "Avant Garde", verdana, "Trebuchet MS", sans-serif;
 189     font-weight:normal;
 190     text-transform:capitalize;
 191     font-size: 1.1em;
 192 }
 193 .gfg-entry {
 194     border-bottom: 1px solid gray;
 195 }
 196
 197 .gf-snippet {
 198     line-height: 100%;
 199 }
 200  /* misc styles */
 201
 202  .dropcap {
 203     font-size: 300%;
 204     line-height: 90%;
 205     float: left;
 206     padding-right: 2px;
 207
 208  }
 209
 210  .smallcaps {
 211     font-variant: small-caps;
 212  }
 213
 214  hr {
 215     margin: 15px 0;
 216     color: #aaa;
 217     border: 1px solid #aaa;
 218     background: #aaa;
 219  }
 220
 221  .byline {
 222     font-size: 0.8em;
 223     font-style: italic;
 224  }
 225
 226  .center {
 227     text-align:center;
 228  }
 229
 230  .red {color: #FF0000}
 231
 232
 233  .footsep {
 234      /*For a <hr /> used as footnote separator*/
 235      width: 12em;
 236  }
 237
 238 /*Harp keys*/
 239 .G {color:#0a6; font-weight: bold;}
 240 .A {color:#f00; font-weight: bold;}
 241 .B {color:#16f; font-weight: bold;}
 242 .C {color:#06f; font-weight: bold;}
 243 .D {color:#0e1; font-weight: bold;}
 244 .Bb {color:#c61; font-weight: bold;}
 245 .E {color:#f60; font-weight: bold;}
 246 .F {color:#16f; font-weight: bold;}
 247 .fn {font-size:80%;}
 248 .harp {font-weight: bold; color: black; }
 249
 250