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