+@font-face {
+ font-family: 'junge-regular';
+ src: url('junge-regular-webfont.woff2') format('woff2'),
+ url('junge-regular-webfont.woff') format('woff'),
+ url('junge-regular-webfont.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+body {
+ font-family: 'junge-regular';
+ font-size: 16px;
+ line-height: 2ex;
+}
+
+div.clearer {
+ clear:both;
+}
+
+ul.inside li, ol.inside li {
+ left: 1em;
+ position: relative;
+ padding-right: 1em;
+}
+
+#content table,
+#content table.dl {
+ width:100%;
+ margin: 1em 0;
+ padding: 0;
+ font-weight: normal;
+ text-align: left;
+ line-height: 2ex;
+}
+
+#content table tr {
+ border-bottom: 2px solid #eeeeee;
+}
+
+#content table tr:nth-child(odd){
+ background-color: white;
+}
+
+#content table tr:nth-child(even){
+ background-color: #f5f5f5;
+}
+
+#content table tr:hover {
+ background-color: #F2F9FF;
+}
+
+#content table td,
+#content table th {
+ margin: 0;
+ padding: .5em;
+ font-weight: normal;
+}
+
+#content table th.sub1 {
+ padding-left: 2em;
+}
+
+#content table th.sub2 {
+ padding-left: 4em;
+}
+
+#content table thead {
+ font-weight:bold;
+}
+
#content table.dl th {
/* dl class (definition list) is for 2-columns tables that describe properties:
maximmizes the width of the 2nd (description) column */
#content table.dl th {
/* dl class (definition list) is for 2-columns tables that describe properties:
maximmizes the width of the 2nd (description) column */
background: rgb(250, 250, 250);
background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
background: rgb(250, 250, 250);
background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
background: rgb(174, 174, 217);
background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
background: rgb(174, 174, 217);
background: -moz-linear-gradient(top, rgb(174, 174, 217), rgb(221, 221, 255));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 174, 217)), to(rgb(221, 221, 255)));
.mod1:before { content: "Ctrl ";}
.mod2:before { content: "Alt ";}
.mod3:before { content: "Shift ";}
.mod1:before { content: "Ctrl ";}
.mod2:before { content: "Alt ";}
.mod3:before { content: "Shift ";}
#chapter { padding-top: 1em; padding-left: 1em; }
#subchapter { padding-left: 4em; }
#section { padding-left: 6em; }
#subsection { padding-left: 8em; }
/* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
#chapter { padding-top: 1em; padding-left: 1em; }
#subchapter { padding-left: 4em; }
#section { padding-left: 6em; }
#subsection { padding-left: 8em; }
/* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
-.container { position:relative; border: none;}
-.hoverimg { position: absolute; border: none; }
-.hoverimg:hover{ z-index:100; box-shadow: 0 0 5px 5px lightgreen; }
+.container { position: relative; border: none; }
+.hoverimg { position: absolute; border: none; }
+.hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }