Shamusworld >> Repos - ardour-manual-diverged/blob - source/css/app.css

   1 #tree {
   2
   3   background-color: #eee;
   4   height: 100%;
   5   overflow: scroll;
   6   position: fixed;
   7   top: 0;
   8   bottom: 0;
   9   left: 0;
  10   width: 300px;
  11 }
  12
  13 #tree-inner {
  14     padding: 15px 20px 30px 30px;
  15 }
  16
  17 #tree h1.title {
  18   font-size: 28px;
  19   margin-bottom: 20px;
  20   font-weight: normal;
  21 }
  22
  23 #tree h1.title a:hover {
  24     border-bottom: none;
  25 }
  26
  27 #tree a {
  28  font-size: 14px;
  29   line-height: 28px;
  30 }
  31
  32 #tree dd.other {
  33   display: none;
  34 }
  35
  36 #tree .level-1,
  37 #tree .parent,
  38 #tree .child,
  39 #tree .parent *,
  40 #tree .child * {
  41     display: inherit;
  42     color: inherit;
  43 }
  44
  45 #tree dd.child-1,
  46 #tree .child-2,
  47 #tree .child-3,
  48 #tree .child-4 {
  49  display: none;
  50 }
  51
  52
  53 #search {
  54   height: 70px;
  55 }
  56
  57 #content {
  58     padding: 10px 30px 30px 350px;
  59     margin-left: 0;
  60 }
  61
  62 #content-main {
  63   padding-top: 10px;
  64   padding-left: 10px;
  65 }
  66
  67 #content p,
  68 #content li,
  69 #content dt,
  70 #content dd {
  71   font-size: 16px;
  72   line-height: 28px;
  73 }
  74
  75
  76 #tree a {
  77     display: inline !important;
  78     font-weight: normal;
  79     color: #666;
  80     border-bottom: 1px solid transparent;
  81     padding-bottom: 2px;
  82 }
  83
  84 #tree a:hover {
  85     text-decoration: none;
  86     border-bottom: 1px solid #aaa;
  87 }
  88
  89 #tree .active > a {
  90     display: inline;
  91     color: #000;
  92     border-bottom: 1px solid #555;
  93
  94 }
  95
  96 #content,
  97 #tree {
  98   font-family: Junge;
  99 }
 100
 101 #content h1,
 102 #content h2,
 103 #content h3,
 104 #content h4 {
 105     font-weight: normal;
 106 }
 107
 108 #content h1.title {
 109  border-bottom: 2px solid #ccc;
 110   padding-bottom: 10px;
 111   margin-bottom: 40px;
 112 }
 113
 114 #content h2 {
 115   margin: 30px 0 20px 0;
 116   padding-bottom: 5px;
 117   font-size: 22px;
 118   border-bottom: 2px solid #ddd;
 119 }
 120
 121 #content h3 {
 122  margin: 20px 0 10px 0;
 123   padding-bottom: 5px;
 124   font-size: 20px;
 125   border-bottom: 1px solid #eee;
 126 }
 127
 128
 129 #content h4 {
 130   font-size: 18px;
 131  margin: 20px 0 10px 0;
 132   padding-bottom: 10px;
 133   border-bottom: 1px solid #eee;
 134 }
 135
 136 #content code {
 137   font-size: 14px;
 138   color: #555;
 139 }
 140
 141 #content dl
 142 {
 143     float: left;
 144     width: 100%;
 145     margin: 1em 0;
 146     padding: 0;
 147 }
 148
 149 #content dt
 150 {
 151     clear: left;
 152     float: left;
 153     width: 25%;
 154     margin: 0;
 155     padding: 5px;
 156     font-weight: normal;
 157 }
 158
 159 #content dd
 160 {
 161     float: left;
 162     width: 65%;
 163     margin: 0;
 164     padding: 5px;
 165     font-weight: normal;
 166 }
 167
 168 /* Keyboard binding layout */
 169 #content dl.bindings
 170 {
 171     float: left;
 172     width: 100%;
 173     margin: 1em 0;
 174     padding: 0;
 175 }
 176
 177 #content .bindings dt
 178 {
 179     clear: left;
 180     float: left;
 181     width: 30%;
 182     margin: 0;
 183     padding: 0px;
 184     font-size: 100%;
 185     font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
 186     font-weight: normal;
 187 }
 188
 189 #content .bindings dd
 190 {
 191     float: left;
 192     width: 65%;
 193     margin: 0;
 194     padding: 0px;
 195     font-size: 110%;
 196     font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
 197     font-weight: normal;
 198 }
 199
 200
 201 #content dl.wide-table
 202 {
 203     float: left;
 204     width: 100%;
 205     margin: 1em 0;
 206     padding: 0;
 207 }
 208
 209 #content .wide-table dt
 210 {
 211         font-weight: normal;
 212     clear: left;
 213     float: left;
 214     width: 30%;
 215     margin: 0;
 216     padding: 5px;
 217 }
 218
 219 #content dt,
 220 #content dd {
 221     border-top: 2px solid #eee;
 222 }
 223
 224 #content dt:first-child,
 225 #content dd:nth-child(2) {
 226     border-top: none;
 227 }
 228
 229 #content .wide-table dd
 230 {
 231     float: left;
 232     width: 60%;
 233     margin: 0;
 234     padding: 5px;
 235 }
 236
 237 #content dl.narrower-table
 238 {
 239     float: left;
 240     width: 100%;
 241     margin: 1em 0;
 242     padding: 0;
 243 }
 244
 245 #content .narrower-table dt
 246 {
 247     clear: left;
 248     float: left;
 249     width: 20%;
 250     margin: 0;
 251     padding: 5px;
 252 }
 253
 254 #content .narrower-table dd
 255 {
 256     float: left;
 257     width: 70%;
 258     margin: 0;
 259     padding: 5px;
 260 }
 261
 262 #content kbd {
 263     -moz-background-clip:border;
 264     -moz-background-inline-policy:continuous;
 265     -moz-background-origin:padding;
 266     background:#EEEEEE none repeat scroll 0 0;
 267     border-color:#CCCCCC #AAAAAA #888888 #BBBBBB;
 268     border-style:solid;
 269     border-width:1px 1px 2px 2px;
 270     color:#000000;
 271     padding:2px 1px;
 272     white-space:nowrap;
 273 }
 274
 275
 276 .mod1:before {
 277     content: "Ctrl-";
 278 }
 279
 280 .mod2:before {
 281     content: "Alt-";
 282 }
 283
 284 .mod4:before {
 285     content: "Win-";
 286 }
 287
 288 .mod12:before {
 289     content: "Ctrl-Alt-";
 290 }
 291
 292 .mod13:before {
 293     content: "Ctrl-Shift-";
 294 }
 295
 296 .mod14:before {
 297     content: "Ctrl-Win-";
 298 }
 299
 300 .mac .mod1:before {
 301     content: "Cmd-";
 302 }
 303
 304 .mac .mod2:before {
 305     content: "Ctrl-";
 306 }
 307
 308 .mac .mod4:before {
 309     content: "Opt-";
 310 }
 311
 312 .mac .mod12:before {
 313     content: "Cmd-Ctrl-";
 314 }
 315
 316 .mac .mod13:before {
 317     content: "Cmd-Shift-";
 318 }
 319
 320 .mac .mod14:before {
 321     content: "Cmd-Opt-";
 322 }
 323
 324
 325
 326 #gs_tti0 {
 327
 328   padding-top: 2px;
 329   padding-bottom: 0;
 330
 331 }
 332
 333
 334
 335
 336