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

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