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: #000;
  16   background-color: #fff;
  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   padding: 0.4em 0.5em;
  39   border: solid #7b925a;
  40   border-width: 1px 0;
  41   margin: 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   position: absolute;
  67   height: 0;
  68   overflow: hidden;
  69   text-indent: -999em;
  70 }
  71
  72 /***********************************************************/
  73 /*                       LINKS                             */
  74 /***********************************************************/
  75
  76 a:link {
  77   color: #0c51ab;
  78 }
  79
  80 a:visited {
  81   color: #804f01;
  82 }
  83
  84 a:active {
  85   color: #278800;
  86 }
  87
  88 a:hover {
  89   color: #0105ad;
  90 }
  91
  92 /***********************************************************/
  93 /*                  BLOCK FORMATTING                       */
  94 /***********************************************************/
  95
  96 blockquote {
  97   width: 96%;
  98   padding: 0;
  99   border: solid #b1d281;
 100   border-width: 1px 1px 1px 5px;
 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;
 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   padding: 0.5em 1em;
 185   margin: 0;
 186 }
 187
 188 pre.menu-comment {
 189   font-size: 1em;
 190   padding-top: 1em;
 191   padding-bottom: 0;
 192   margin: 0;
 193 }
 194
 195 #main .contents li {
 196   padding-bottom: 0;
 197 }
 198
 199 #main .contents > ul {
 200   margin-bottom: 1em;
 201 }
 202
 203 /***********************************************************/
 204 /*                    TOC SIDEBAR                          */
 205 /***********************************************************/
 206
 207 div#tocframe {
 208   position: absolute;
 209   top: 0;
 210   right: 73%;
 211   bottom: 0;
 212   left: 0;
 213   padding: 0;
 214   margin: 0;
 215   overflow: auto;
 216   background: #f5f5dc;
 217   z-index: 100;
 218   list-style-type: none;
 219   font-size: 0.83em;
 220   line-height: 1.3;
 221 }
 222
 223 @media screen {
 224   body > div#tocframe {
 225     position: fixed
 226   }
 227 }
 228
 229 div#tocframe a:link, div#tocframe a:visited {
 230   color: #454532;
 231   text-decoration: none;
 232 }
 233
 234 div#tocframe a:hover {
 235   color: #232b16;
 236   text-decoration: underline;
 237 }
 238
 239 div#tocframe p.toc_uplink {
 240   font-size: 1em;
 241   line-height: 1.125;
 242   background: #c9ccc4;
 243   padding: 0.25em 1em 0.25em 0.5em;
 244   border-bottom: 1px solid #a0a087;
 245   margin: 0;
 246 }
 247
 248 div#tocframe p.toc_uplink a:link,
 249 div#tocframe p.toc_uplink a:visited {
 250   color: #1c1c1b;
 251 }
 252
 253 div#tocframe p.toc_uplink a:hover {
 254   color: #000;
 255 }
 256
 257 div#tocframe h4 {
 258   font-size: 1em;
 259   line-height: 1.125;
 260   font-weight: bold;
 261   font-style: italic;
 262   padding: 0.75em 0.5em 0 0.5em;
 263   margin: 0;
 264 }
 265
 266 #tocframe .contents {
 267   background-color: transparent;
 268   list-style-type: none;
 269   padding: 0;
 270   border: 0;
 271   margin: 0;
 272 }
 273
 274 #tocframe ul.toc {
 275   padding: 0.25em 0.5em 1em 0.5em;
 276   list-style-type: none;
 277   margin: 0;
 278 }
 279
 280 #tocframe ul.toc ul.toc {
 281   padding: 0;
 282   margin: 0;
 283 }
 284
 285 #tocframe ul.toc li {
 286   padding: 0;
 287   margin: 0;
 288 }
 289
 290 #tocframe ul.toc > li {
 291   font-size: 1em;
 292 }
 293
 294 #tocframe ul.toc li li {
 295   padding-left: 1em;
 296 }
 297
 298 li.toc_current {
 299   font-weight: bold;
 300   font-style: italic;
 301 }
 302
 303 li.toc_current ul {
 304   font-weight: normal;
 305   font-style: normal;
 306   background: transparent;
 307 }
 308
 309 /***********************************************************/
 310 /*                     NAVIGATION                          */
 311 /***********************************************************/
 312
 313 .nav_table {
 314   width: 100%;
 315   background: #c9ccc4;
 316   font-size: 0.83em;
 317   border-collapse: collapse;
 318   padding: 0;
 319   border: none;
 320   margin: 0;
 321 }
 322
 323 .nav_table a:link, .nav_table a:visited {
 324   color: #1c1c1b;
 325   text-decoration: none;
 326 }
 327
 328 .nav_table a:hover {
 329   color: #000;
 330   text-decoration: underline;
 331 }
 332
 333 .nav_table tr, .nav_table a {
 334   padding: 0;
 335   margin: 0;
 336 }
 337
 338 .nav_table td {
 339   padding: 0.25em;
 340   margin: 0;
 341 }
 342
 343 div.header {
 344   background: #b1d281;
 345   text-align: center;
 346   padding: 0.5em;
 347   border-bottom: 1px solid #7b925a;
 348   margin: 0;
 349   height: auto;
 350 }
 351
 352 div.header h1 {
 353   font-size: 2em;
 354   padding: 0.25em;
 355   margin: 0;
 356 }
 357
 358 div.subheader {
 359   background: #ddd;
 360   padding: 0;
 361   margin: 0;
 362   text-align: center;
 363 }
 364
 365 div.subheader p {
 366   padding: 0.5em;
 367   margin: 0;
 368 }
 369
 370 table#navigation {
 371   line-height: 1.5;
 372   padding: 0;
 373   margin: 1em auto;
 374 }
 375
 376 table#navigation td {
 377   padding: 0.5em 0.75em;
 378 }
 379
 380 table#navigation ul {
 381   padding-left: 0.5em;
 382   margin: 0;
 383 }
 384
 385 table .title {
 386   font-weight: bold;
 387 }
 388
 389 .footer {
 390   background: #e5f5ce;
 391   font-size: 0.8em;
 392   padding: 0.2em 0;
 393   border: solid #b1d281;
 394   border-width: 0 0 5px 0;
 395   margin: 0;
 396 }
 397
 398 .footer a:link {
 399   color: #0308fc;
 400 }
 401
 402 .footer p {
 403   padding: 0 1.25em;
 404   margin: 0.4em 0;
 405 }
 406
 407 table.menu {
 408   margin: 0 0 1em;
 409 }
 410
 411 /***********************************************************/
 412 /*               OVERRIDES FOR PRINTING                    */
 413 /***********************************************************/
 414
 415 @media print {
 416   /* Hide the sidebar: */
 417   body { padding-left: 0; }
 418   #tocframe { display: none; }
 419   .nav_table { display: none; }
 420 }