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.125;
  15   color: black;
  16   background-color: white;
  17 }
  18
  19 /***********************************************************/
  20 /*                      HEADERS                            */
  21 /***********************************************************/
  22
  23 .chapter, .section, .subsection, .subsubsection,
  24 .appendix, .appendixsec, .appendixsubsec,
  25 .unnumbered, .unnumberedsec, .unnumberedsubsec, .unnumberedsubsubsec,
  26 .subheading, .subsubheading {
  27   color: #204a87;
  28   border-bottom: 1px dashed black;
  29   padding-bottom: 0.15em;
  30   margin-top: 0.6em;
  31   margin-bottom: 1em;
  32 }
  33
  34 .settitle {
  35   background: #b1d281;
  36   font-size: 2em;
  37   text-align: center;
  38   margin: 0;
  39   padding: 0.4em 0.5em;
  40   border: 1px solid #7b925a;
  41   border-width: 0 0 1px 0;
  42 }
  43
  44 .chapter, .appendix, .unnumbered {
  45   font-size: 1.8em;
  46 }
  47
  48 .section, .appendixsec, .unnumberedsec {
  49   font-size: 1.6em;
  50 }
  51
  52 .subsection, .appendixsubsec, .unnumberedsubsec {
  53   font-size: 1.4em;
  54 }
  55
  56 .subheading, .subsubsection, .unnumberedsubsubsec {
  57   font-size: 1.25em;
  58 }
  59
  60 .subsubheading {
  61   font-size: 1em;
  62   font-weight: bold;
  63 }
  64
  65 .chapheading {
  66   text-indent: -999em;
  67   height: 0;
  68   padding: 0;
  69   margin: 0;
  70 }
  71
  72 /***********************************************************/
  73 /*                       LINKS                             */
  74 /***********************************************************/
  75
  76 a:link {
  77   color: #3465a4;
  78 }
  79
  80 a:visited {
  81   color: #8f5902;
  82 }
  83
  84 a:active {
  85   color: #73d216;
  86 }
  87
  88 a:hover {
  89   color: #ce5c00;
  90 }
  91
  92 /***********************************************************/
  93 /*                  BLOCK FORMATTING                       */
  94 /***********************************************************/
  95
  96 blockquote {
  97   width: 96%;
  98   padding: 0;
  99   border: 1px solid #708a4b;
 100   border-left: 5px solid #a3ca6d;
 101   margin: 1em auto;
 102 }
 103
 104 blockquote p {
 105   padding: 1em;
 106   margin: 0;
 107 }
 108
 109 blockquote blockquote {
 110   border: none;
 111 }
 112
 113 .verbatim, .example .example, .lisp {
 114   font-size: 1em;
 115   padding: 1em;
 116   margin: 0;
 117 }
 118
 119 .example {
 120   padding: 0;
 121   margin: 0;
 122 }
 123
 124 #main hr {
 125   height: 0;
 126   padding: 0;
 127   border: 0;
 128   margin: 0;
 129   text-indent: -999em;
 130 }
 131
 132 table.cartouche {
 133   background: #f5f5dc; /* beige */
 134   width: 85%;
 135   border-collapse: collapse;
 136   padding: 0 0.5em;
 137   border: 2px solid #8f5902;
 138   margin: 0 auto 1em;
 139 }
 140
 141 table.cartouche p {
 142   padding: 1em;
 143   margin: 0;
 144 }
 145
 146 table.cartouche td {
 147   border: none;
 148 }
 149
 150 /***********************************************************/
 151 /*                    MAIN CONTENT                         */
 152 /***********************************************************/
 153
 154 div#main {
 155   position: absolute;
 156   top: 0;
 157   right: 0;
 158   bottom: 0;
 159   left: 27%;
 160   padding: 0;
 161   margin: 0;
 162   overflow: auto;
 163 }
 164
 165 div#main li {
 166   padding: 0 1em 0.5em 0;
 167 }
 168
 169 div#main ul {
 170   margin: 0;
 171   padding-left: 3em;
 172 }
 173
 174 h1, h2, h3, h4, p, table, address, dt {
 175   padding-left: 1em;
 176   padding-right: 1em;
 177 }
 178
 179 p {
 180   margin: 1em 0;
 181 }
 182
 183 #languages {
 184   background-color: #f5f5dc; /* beige */
 185   padding: 0.5em 1em;
 186   border-top: 1px solid #8fa77f;
 187   margin: 0;
 188 }
 189
 190 pre.menu-comment {
 191   font-size: 1em;
 192   padding-top: 1em;
 193   padding-bottom: 0;
 194   margin: 0;
 195 }
 196
 197 #main .contents li {
 198   padding-bottom: 0;
 199 }
 200
 201 #main .contents > ul {
 202   margin-bottom: 1em;
 203 }
 204
 205 /***********************************************************/
 206 /*                    TOC SIDEBAR                          */
 207 /***********************************************************/
 208
 209 div#tocframe {
 210   position: absolute;
 211   top: 0;
 212   right: 73%;
 213   bottom: 0;
 214   left: 0;
 215   padding: 0;
 216   margin: 0;
 217   overflow: auto;
 218   background-color: #f5f5dc; /* beige */
 219   z-index: 100;
 220   list-style-type: none;
 221   font-size: 0.83em;
 222   line-height: 1.4;
 223 }
 224
 225 @media screen {
 226   body > div#tocframe {
 227     position: fixed
 228   }
 229 }
 230
 231 div#tocframe p.toc_uplink {
 232   font-size: 1em;
 233   line-height: 1.125;
 234   background: #c9ccc4;
 235   padding: 0.25em 1em;
 236   border-bottom: 1px solid #8a8c87;
 237   margin: 0;
 238 }
 239
 240 div#tocframe h4 {
 241   font-size: 1em;
 242   line-height: 1.125;
 243   font-weight: bold;
 244   font-style: italic;
 245   /* background: #c9ccc4; */
 246   /* padding: 0.25em 1em; */
 247   padding: 0.75em 0.5em 0 0.5em;
 248   /* border-bottom: 1px solid #8a8c87; */
 249   margin: 0;
 250 }
 251
 252 #tocframe .contents {
 253   background-color: transparent;
 254   list-style-type: none;
 255   padding: 0;
 256   border: 0;
 257   margin: 0;
 258 }
 259
 260 #tocframe ul.toc {
 261   padding: 0.25em 0.5em 1em 0.5em;
 262   list-style-type: none;
 263   margin: 0;
 264 }
 265
 266 #tocframe ul.toc ul.toc {
 267   padding: 0;
 268   margin: 0;
 269 }
 270
 271 #tocframe ul.toc li {
 272   padding: 0;
 273   margin: 0;
 274 }
 275
 276 #tocframe ul.toc > li {
 277   font-size: 1em;
 278 }
 279
 280 #tocframe ul.toc li li {
 281   padding-left: 1em;
 282 }
 283
 284 li.toc_current {
 285   font-weight: bold;
 286   font-style: italic;
 287 }
 288
 289 li.toc_current ul {
 290   font-weight: normal;
 291   font-style: normal;
 292   background: transparent;
 293 }
 294
 295 /***********************************************************/
 296 /*                     NAVIGATION                          */
 297 /***********************************************************/
 298
 299 .nav_table {
 300   width: 100%;
 301   background: #c9ccc4;
 302   font-size: 0.83em;
 303   line-height: 1.125;
 304   border-collapse: collapse;
 305   padding: 0;
 306   border: 0;
 307   border-bottom: 1px solid #8a8c87;
 308   margin: 0;
 309 }
 310
 311 .nav_table tr, .nav_table a {
 312   padding: 0;
 313   margin: 0;
 314 }
 315
 316 .nav_table td {
 317   padding: 0.25em;
 318   margin: 0;
 319 }
 320
 321 div.header {
 322   background: #b1d281;
 323   text-align: center;
 324   padding: 0.5em;
 325   border-bottom: 1px solid #7b925a;
 326   margin: 0;
 327   height: auto;
 328 }
 329
 330 div.header h1 {
 331   font-size: 2em;
 332   padding: 0.25em;
 333   margin: 0;
 334 }
 335
 336 div.subheader {
 337   background-color: #ddd;
 338   padding: 0;
 339   margin: 0;
 340   text-align: center;
 341 }
 342
 343 div.subheader p {
 344   padding: 0.5em;
 345   margin: 0;
 346 }
 347
 348 table#navigation {
 349   line-height: 1.5;
 350   padding: 0;
 351   margin: 1em auto;
 352 }
 353
 354 table#navigation td {
 355   padding: 0.5em 0.75em;
 356 }
 357
 358 table#navigation ul {
 359   padding-left: 0.5em;
 360   margin: 0;
 361 }
 362
 363 table .title {
 364   font-weight: bold;
 365 }
 366
 367 .footer {
 368   background: #c6e7b0;
 369   font-size: 0.8em;
 370   border: 0;
 371   padding: 0.2em 0;
 372   margin: 0;
 373 }
 374
 375 .footer p {
 376   padding: 0 1.25em;
 377   margin: 0.4em 0;
 378 }
 379
 380 table.menu {
 381   margin: 0 0 1em;
 382 }
 383
 384 /***********************************************************/
 385 /*               OVERRIDES FOR PRINTING                    */
 386 /***********************************************************/
 387
 388 @media print {
 389   /* Hide the sidebar: */
 390   body { padding-left: 0; }
 391   #tocframe { display: none; }
 392   .nav_table { display: none; }
 393 }