Documentation/lilypond-mccarty.css

   1 /**********************************************************/
   2 /*                  PAGE-WIDE SETTINGS                    */
   3 /**********************************************************/
   4
   5 html {
   6   height: 100%;
   7 }
   8
   9 body {
  10   margin: 0 auto;
  11   padding: 0;
  12   height: 100%;
  13   font-size: 100%;
  14   line-height: 1.125em;
  15   color: black;
  16   background-color: white;
  17 }
  18
  19
  20 /***********************************************************/
  21 /*                      HEADERS                            */
  22 /***********************************************************/
  23
  24 .chapter, .section, .subsection,
  25 .appendix, .appendixsec, .appendixsubsec,
  26 .unnumberedsubsubsec, .subsubheading {
  27   color: #248;
  28   border-bottom: 1px dashed black;
  29   padding-bottom: 0.3em;
  30   margin-top: 1em;
  31   margin-bottom: 1em;
  32 }
  33
  34 .settitle {
  35   background-color: #be6;
  36   font-size: 2em;
  37   text-align: center;
  38   margin: 0;
  39   padding: 0.75em;
  40   border: 1px solid #7a2;
  41   border-width: 0 0 1px 0;
  42 }
  43
  44 .chapter {
  45   font-size: 1.8em;
  46 }
  47
  48 .section {
  49   font-size: 1.6em;
  50 }
  51
  52 .subsection {
  53   font-size: 1.4em;
  54 }
  55
  56 .unnumberedsubsubsec {
  57   font-size: 1.25em;
  58 }
  59
  60 .subsubheading {
  61   font-size: 1em;
  62   font-weight: bold;
  63 }
  64
  65 /***********************************************************/
  66 /*                       LINKS                             */
  67 /***********************************************************/
  68
  69 a:link {
  70   color: #344;
  71 }
  72
  73 a:visited {
  74   color: #850;
  75 }
  76
  77 a:active {
  78   color: #7d1;
  79 }
  80
  81 a:hover {
  82   color: #c71;
  83 }
  84
  85 /***********************************************************/
  86 /*                  BLOCK FORMATTING                       */
  87 /***********************************************************/
  88
  89 blockquote {
  90   width: 96%;
  91   padding: 0;
  92   border: 1px solid #7a2;
  93   border-left: 5px solid #9c4;
  94   margin: 1em auto;
  95 }
  96
  97 blockquote p {
  98   padding: 1em;
  99   margin: 0;
 100 }
 101
 102 blockquote blockquote {
 103   border: none;
 104 }
 105
 106 .verbatim, .example .example {
 107   font-size: 1em;
 108   padding: 1em;
 109   margin: 0;
 110 }
 111
 112 .example {
 113   padding: 0;
 114   margin: 0;
 115 }
 116
 117 hr {
 118   height: 0;
 119   padding: 0;
 120   border: 0;
 121   margin: 1em 0 0 0;
 122   text-indent: -999em;
 123 }
 124
 125 table.cartouche {
 126   background: #eee;
 127   width: 85%;
 128   padding: 0 0.5em;
 129   border: 2px solid #8e3;
 130   margin: 0 auto 1em;
 131 }
 132
 133 table.cartouche p {
 134   padding: 1em;
 135   margin: 0;
 136 }
 137
 138 table.cartouche td {
 139   border: none;
 140 }
 141
 142 /***********************************************************/
 143 /*                    MAIN CONTENT                         */
 144 /***********************************************************/
 145
 146 div#main {
 147   position: absolute;
 148   top: 0;
 149   right: 0;
 150   bottom: 0;
 151   left: 27%;
 152   padding: 0;
 153   margin: 0;
 154   overflow: auto;
 155 }
 156
 157 div#main li {
 158   padding-right: 1em;
 159 }
 160
 161 h1, h2, h3, h4, p, table, address, dt {
 162   padding-left: 1em;
 163   padding-right: 1em;
 164 }
 165
 166 #languages {
 167   padding: 1em;
 168   margin: 0;
 169 }
 170
 171 pre.menu-comment {
 172   font-size: 1em;
 173   padding-top: 1em;
 174   padding-bottom: 0;
 175   margin: 0;
 176 }
 177
 178 /***********************************************************/
 179 /*                    TOC SIDEBAR                          */
 180 /***********************************************************/
 181
 182 div#tocframe {
 183   position: absolute;
 184   top: 0;
 185   right: 73%;
 186   bottom: 0;
 187   left: 0;
 188   padding: 0;
 189   margin: 0;
 190   overflow: auto;
 191   background-color: #eee;
 192   z-index: 100;
 193   list-style-type: none;
 194   font-size: 0.83em;
 195   line-height: 1.4em;
 196 }
 197
 198 @media screen {
 199   body > div#tocframe {
 200     position: fixed
 201   }
 202 }
 203
 204 /* This is an interesting debate.
 205  * In div#main, I think links should be
 206  * underlined, but it would be safe to
 207  * take text-decoration away from links in
 208  * div#tocframe.  I like the hover underline
 209  * effect though.
 210  *
 211 #tocframe a:link, #tocframe a:visited {
 212   text-decoration: none;
 213 }
 214
 215 #tocframe a:hover {
 216   text-decoration: underline;
 217 }
 218   */
 219
 220 div#tocframe h4 {
 221   font-size: 1em;
 222   font-weight: normal;
 223   color: #344;
 224   background-color: #bbb;
 225   padding: 2px 0 1px 1em;
 226   border-top: 5px solid #677;
 227   border-bottom: 1px solid #788;
 228   margin: 0;
 229 }
 230
 231 #tocframe .contents {
 232   background-color: transparent;
 233   list-style-type: none;
 234   padding: 0;
 235   border: 0;
 236   margin: 0;
 237 }
 238
 239 #tocframe ul.toc {
 240   padding: 1em 0.5em;
 241   list-style-type: none;
 242   margin: 0;
 243 }
 244
 245 #tocframe ul.toc ul.toc {
 246   padding: 0;
 247   margin: 0;
 248 }
 249
 250 #tocframe ul.toc li {
 251   padding: 0;
 252   margin: 0;
 253 }
 254
 255 #tocframe ul.toc > li {
 256   font-size: 1em;
 257 }
 258
 259 #tocframe ul.toc li li {
 260   padding-left: 1em;
 261 }
 262
 263 li.toc_current {
 264   font-weight: bold;
 265   font-style: italic;
 266 }
 267
 268 li.toc_current ul {
 269   font-weight: normal;
 270   font-style: normal;
 271   background: transparent;
 272 }
 273
 274
 275 /***********************************************************/
 276 /*                     NAVIGATION                          */
 277 /***********************************************************/
 278
 279 .nav_table {
 280   width: 100%;
 281   background-color: #bbb;
 282   font-size: 0.8em;
 283   padding: 0;
 284   border: 0;
 285   border-top: 5px solid #677;
 286   border-bottom: 1px solid #788;
 287   margin: 0;
 288 }
 289
 290 div.header {
 291   background-color: #be6;
 292   text-align: center;
 293   padding: 0.5em;
 294   margin: 0;
 295   height: auto;
 296 }
 297
 298 div.header h1 {
 299   padding: 0.5em;
 300   margin: 0;
 301 }
 302
 303 div.subheader {
 304   background-color: #ddd;
 305   padding: 0;
 306   border-top: 5px solid #899;
 307   border-bottom: 1px solid #9aa;
 308   margin: 0;
 309   text-align: center;
 310 }
 311
 312 div.subheader p {
 313   padding: 0.5em;
 314   margin: 0;
 315 }
 316
 317 table#navigation {
 318   line-height: 1.5;
 319   padding: 0;
 320   margin: 1em auto;
 321 }
 322
 323 table#navigation td {
 324   padding: 0.5em 0.75em;
 325 }
 326
 327 table#navigation ul {
 328   padding-left: 0.5em;
 329   margin-bottom: 1em;
 330 }
 331
 332 table .title {
 333   font-weight: bold;
 334 }
 335
 336 .footer {
 337   background-color: #dfa;
 338   border: 0;
 339   border-top: 1px solid #8a5;
 340   border-bottom: 5px solid #ac7;
 341   padding: 0.4em 0;
 342   font-size: 0.8em;
 343   text-indent: 1em;
 344 }
 345
 346 .footer p {
 347   line-height: 1.5;
 348   padding: 0;
 349   margin: 0 0.25em;
 350 }
 351
 352 /***********************************************************/
 353 /*               OVERRIDES FOR PRINTING                    */
 354 /***********************************************************/
 355
 356 @media print {
 357   /* Hide the sidebar: */
 358   body { padding-left: 0; }
 359   #tocframe { display: none; }
 360   .nav_table { display: none; }
 361 }