Documentation/css/lilypond.css

   1 /***********************************************************/
   2 /*                  PAGE-WIDE SETTINGS                     */
   3 /**********************************************************/
   4
   5 html {
   6   height:100%;
   7 }
   8
   9 body {
  10   margin: 0;
  11   padding: 0;
  12   height: 100%;
  13   font-size: 100%;
  14   margin-right: auto;
  15   margin-left: auto;
  16   color: black;
  17   background-color: white;
  18 }
  19
  20 /***********************************************************/
  21 /*                      HEADERS                            */
  22 /***********************************************************/
  23 h4, h3, h2, .unnumberedsubsubsec, .subsubheading {
  24   color: #151959;
  25 }
  26
  27 h2 {
  28   font-size: x-large;
  29 }
  30 .unnumberedsubsubsec, .subsubheading {
  31   font-size: large;
  32 }
  33
  34 /***********************************************************/
  35 /*                       LINKS                             */
  36 /***********************************************************/
  37 a:link, a:visited, a:hover, a:active {color:#2E5479; text-decoration: none;}
  38 a:hover {text-decoration: underline;}
  39 a:active {color:#CCCCFF;}
  40
  41 /***********************************************************/
  42 /*                  BLOCK FORMATTING                       */
  43 /***********************************************************/
  44 blockquote {
  45   border: 1px solid #CCCCCC;
  46   padding: 3px;
  47   width: 40em;
  48 }
  49 .verbatim, .example, .smallexample {
  50   font-family: "Courier New",Courier,monospace;
  51 }
  52 hr {
  53   border:  none;
  54   height: 1px;
  55   color: #666666;
  56   background-color: #666666;
  57 }
  58 table.cartouche {
  59   border: 2px dotted #CCCCCC;
  60   margin-left: auto;
  61   margin-right: auto;
  62   width: 85%;
  63 }
  64 table.cartouche td {
  65   border: none;
  66 }
  67
  68 /***********************************************************/
  69 /*                    MAIN CONTENT                         */
  70 /***********************************************************/
  71
  72 div#main {
  73   position: absolute;
  74   top: 0;
  75   right: 0;
  76   bottom: 0;
  77   left: 27%;
  78   padding: 0 1em;
  79   margin: 0;
  80   overflow: auto;
  81 }
  82
  83 #languages {
  84   padding-bottom: 1em;
  85 }
  86
  87 /***********************************************************/
  88 /*                    TOC SIDEBAR                          */
  89 /***********************************************************/
  90
  91 div#tocframe {
  92   position:      absolute;
  93   top:           0;
  94   right: 73%;
  95   bottom: 0;
  96   left:          0;
  97   padding:       5px;
  98   padding-bottom: 0;
  99   margin: 0;
 100   overflow:      auto;
 101   background-color: #E7EFE3;
 102   z-index:100;
 103   list-style-type: none;
 104 }
 105
 106 @media screen {
 107   body>div#tocframe {
 108     position: fixed
 109     }
 110   }
 111
 112 #tocframe .contents {
 113   width: 100%;
 114   padding-bottom: 0.25em;
 115   border: none;
 116   margin: 0em;
 117   background-color: transparent;
 118   list-style-type: none;
 119 }
 120
 121 #tocframe a, #tocframe a:visited, #tocframe a:active {
 122   color: #1B3313;
 123   text-decoration: none;
 124 }
 125
 126 #tocframe a:hover {
 127   color: #2E5479;
 128   text-decoration:underline;
 129 }
 130
 131 #tocframe ul.toc {
 132   padding-left: 0px;
 133   margin-left: 0px;
 134 }
 135 #tocframe ul.toc li {
 136  padding-left: 0px;
 137   margin-left: 0px;
 138   list-style-type: none;
 139 }
 140 #tocframe ul.toc > li {
 141   font-size: 12px;
 142 }
 143 #tocframe ul.toc li li {
 144   padding-left: 15px;
 145 }
 146 li.toc_current {
 147   font-weight: bold;
 148   font-style: italic;
 149 }
 150
 151 li.toc_current ul {
 152   font-weight: normal;
 153   font-style: normal;
 154   background: transparent;
 155 }
 156
 157
 158
 159
 160 /***********************************************************/
 161 /*                     NAVIGATION                          */
 162 /***********************************************************/
 163
 164 div.header {
 165   background-color: #E7EFE3;
 166   padding: 2px;
 167   border: #CCD3CC 1px solid;
 168   text-align: center;
 169 }
 170
 171 h1.header {
 172   font-weight: bold;
 173   font-family: avantgarde, sans-serif;
 174   font-size: 220%;
 175 }
 176
 177 div.subheader {
 178   text-align: center;
 179 }
 180
 181 #navigation {
 182   margin: 0 auto;
 183 }
 184
 185 .nav_table {
 186   width: 100%;
 187   background-color: #CCD3CC;
 188   border: 0;
 189   margin-top: 4px;
 190   left: auto;
 191   right: auto;
 192   font-size: 0.8em;
 193 }
 194
 195 .title {
 196   font-weight: bold;
 197 }
 198
 199 .footer {
 200   background-color: #E7EFE3;
 201   padding: 5px;
 202   border: #CCD3CC 1px solid;
 203   font-size: 80%;
 204 }
 205
 206
 207
 208 /***********************************************************/
 209 /*               OVERRIDES FOR PRINTING                    */
 210 /***********************************************************/
 211 @media print {
 212   /* Hide the sidebar: */
 213   body { padding-left: 0; }
 214   #tocframe { display: none; }
 215   .nav_table { display: none; }
 216 }