X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=source%2Fcss%2Fapp.css;h=9da882f7ba4bcafe294556f2e3c22fb9e7217dc6;hb=df596e752f0f3a368074cd243211aa46083d982a;hp=bb7206361f190e1110beb541faf959c75df6e4b9;hpb=75b4514f778d6b1e3af9ed9739f731676330d454;p=ardour-manual

diff --git a/source/css/app.css b/source/css/app.css
index bb72063..9da882f 100644
--- a/source/css/app.css
+++ b/source/css/app.css
@@ -1,9 +1,28 @@
+@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;
@@ -14,9 +33,6 @@ body {
   bottom: 0;
   left: 0;
   width: 20em;
-}
-
-#tree-inner {
   padding: 1em 1em 2em 1.5em;
 }
 
@@ -26,28 +42,13 @@ body {
   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 {
@@ -74,6 +75,7 @@ body {
 #content {
   padding: 1em 2em 2ex 21em;
   margin-left: 0;
+  line-height: 2em;
 }
 
 #content-main {
@@ -81,15 +83,6 @@ body {
   padding-left: .5em;
 }
 
-
-#content p,
-#content li,
-#content dt,
-#content dd,
-#content table {
-  line-height: 2em;
-}
-
 #content h1,
 #content h2,
 #content h3,
@@ -98,6 +91,13 @@ body {
   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;
@@ -123,8 +123,7 @@ body {
   border-bottom: 1px solid #eee;
 }
 
-#content table,
-#content table.dl {
+#content table {
   width:100%;
   margin: 1em 0;
   padding: 0;
@@ -152,9 +151,17 @@ body {
 #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;
 }
@@ -170,63 +177,16 @@ body {
 #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;
 }
@@ -235,6 +195,8 @@ body {
 	display: table-caption;
 	caption-side: bottom;
 	font-style: italic;
+  padding-top: 0.5em;
+  padding-bottom: 1em;
 }
 
 #content figcaption.center {
@@ -264,20 +226,6 @@ body {
   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;
@@ -287,9 +235,6 @@ kbd {
   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)));
@@ -300,6 +245,11 @@ kbd {
   text-transform:capitalize;
 }
 
+kbd.def {
+  font-weight:bolder;
+	margin-right:.2em;
+}
+
 kbd.input,
 kbd.cmd,
 kbd.osc {
@@ -444,6 +394,15 @@ samp:after {
 	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;
 }
@@ -529,25 +488,6 @@ samp:after {
 .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;
@@ -562,12 +502,18 @@ samp:after {
 }
 
 /* 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; }