+@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;
+ 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;
+}
+
#tree {
background-color: #212A30;
line-height: 1.8ex;
bottom: 0;
left: 0;
width: 20em;
-}
-
-#tree-inner {
padding: 1em 1em 2em 1.5em;
}
font-weight: normal;
}
-#tree h1.title a:hover {
- border-bottom: none;
-}
-
-#tree dd.other {
- display: none;
-}
-
-#tree .level-1,
-#tree .parent,
-#tree .child,
-#tree .parent *,
-#tree .child * {
- display: inherit;
- color: inherit;
+#tree ul {
+ padding-left: 1em;
+ list-style-type: none;
}
-#tree dd.child-1,
-#tree .child-2,
-#tree .child-3,
-#tree .child-4 {
- display: none;
+#tree h1.title a:hover {
+ border-bottom: none;
}
#tree a {
#content {
padding: 1em 2em 2ex 21em;
margin-left: 0;
+ line-height: 2em;
}
#content-main {
padding-left: .5em;
}
-
-#content p,
-#content li,
-#content dt,
-#content dd,
-#content table {
- line-height: 2em;
-}
-
#content h1,
#content h2,
#content h3,
padding-bottom: .3ex;
}
+#content h1.clear,
+#content h2.clear,
+#content h3.clear,
+#content h4.clear {
+ clear:both;
+}
+
#content h1.title {
font-size: 1.8em;
margin: 0 0 2ex 0;
border-bottom: 1px solid #eee;
}
-#content table,
-#content table.dl {
+#content table {
width:100%;
margin: 1em 0;
padding: 0;
#content table th {
margin: 0;
padding: .5em;
+}
+
+#content table th {
+ font-weight: bold;
+}
+
+#content table td {
font-weight: normal;
}
+
#content table th.sub1 {
padding-left: 2em;
}
#content table.dl th {
/* dl class (definition list) is for 2-columns tables that describe properties:
maximmizes the width of the 2nd (description) column */
- min-width: 20%;
vertical-align: top;
+ min-width: 20%;
white-space:nowrap
}
#content table.dl td {
+ vertical-align: top;
width: 100%;
}
-#content dl
-{
- float:none;
- clear:both;
- width:100%;
- margin: 1em 0;
- padding: 0;
- display:inline-block;
-}
-
-#content dl:after {
- content:' ';
- display:block;
- clear:both;
-}
-
-#content dt,
-#content dd {
- border-top: 2px solid #eee;
- float: left;
- margin: 0;
- padding: .5em;
- font-weight: normal;
-}
-
-#content dt {
- clear: left;
- width: 25%;
-}
-
-#content dd {
- width: 65%;
-}
-
-#content dt.sub1 {
- padding-left: 2em;
-}
-
-#content dt.sub2 {
- padding-left: 4em;
-}
-
-#content dt:first-child,
-#content dd:nth-child(2) {
- border-top: none;
-}
-
-
#content figure {
display: table;
}
display: table-caption;
caption-side: bottom;
font-style: italic;
+ padding-top: 0.5em;
+ padding-bottom: 1em;
}
#content figcaption.center {
clear: both;
}
-.multicol2 {
- width: 48%;
- float:left;
- padding:0 0 0 2%;
- margin:0;
-}
-
-.multicol3 {
- width: 31%;
- float:left;
- padding:0 0 0 2%;
- margin:0;
-}
-
kbd {
display: inline-block;
min-width: 1em;
text-decoration: none;
border-radius: .3em;
cursor: default;
- -moz-user-select: none;
- -webkit-user-select: none;
- user-select: none;
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)));
text-transform:capitalize;
}
+kbd.def {
+ font-weight:bolder;
+ margin-right:.2em;
+}
+
kbd.input,
kbd.cmd,
kbd.osc {
clear: both;
}
+#content img.mini {
+ width:200px;
+}
+
+#content img.mini:hover {
+ width: 100%;
+ /*transition: width .5s ease; doesn't work on right-floated figures */
+}
+
#content p.center {
text-align:center;
}
.mac .mod14n:before { content: "Cmd Opt";}
.mac .mod23n:before { content: "Ctrl Shift";}
-/* google search : reset style for the search field */
-#search table,
-#search input,
-#search tr,
-#search td,
-#search th,
-#search thead,
-#search tbody{
- margin: inherit;
- padding: inherit;
- color: inherit;
- border: inherit;
- background: inherit;
- line-height: inherit;
- font-size: inherit;
- font-weight: inherit;
- box-shadow: inherit;
-}
-
@media (max-width: 800px) {
#tree {
position: relative;
}
/* for the TOC */
-#chapter { padding-top: 1em; padding-left: 1em; }
-#subchapter { padding-left: 4em; }
-#section { padding-left: 6em; }
-#subsection { padding-left: 8em; }
+#content p.chapter,
+#content p.subchapter,
+#content p.section,
+#content p.subsection {
+ line-height:1em;
+}
+#content p.chapter { padding-top: 1em; padding-left: 1em; padding-bottom:1em; }
+#content p.subchapter { padding-left: 4em; }
+#content p.section { padding-left: 6em; }
+#content p.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; }
+.container { position: relative; border: none; }
+.hoverimg { position: absolute; border: none; }
.hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }