More CSS simplification, hopefully no visual change. Made the left bar active title...

[ardour-manual] / source / css / app.css

diff --git a/source/css/app.css b/source/css/app.css
index e7eaf69ac75a8a5a750f5c67fd3079b1749da6e8..2acd0724ec0238839ef262d8caf6b33e9621c7fe 100644 (file)
--- a/source/css/app.css
+++ b/source/css/app.css
@@ -33,9 +33,6 @@ ul.inside li, ol.inside li {
   bottom: 0;
   left: 0;
   width: 20em;
-}
-
-#tree-inner {
   padding: 1em 1em 2em 1.5em;
 }
 
@@ -45,38 +42,23 @@ ul.inside li, ol.inside li {
   font-weight: normal;
 }
 
-#tree h1.title a:hover {
-  border-bottom: none;
+#tree ul {
+  padding-left: 1em;
+  list-style-type: none;
 }
 
-#tree dd.other {
-  display: none;
-}
-
-#tree .level-1,
-#tree .parent,
-#tree .child,
-#tree .parent *,
-#tree .child * {
-  display: inherit;
-  color: inherit;
-}
-
-#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 {
   display: inline !important;
   font-size: 0.88em;
-  font-weight: normal;
+  /*font-weight: normal;*/
   line-height: 2em;
   color: #E4E4E4;
   border-bottom: 1px solid transparent;
-  padding-bottom: .1ex;
+  /*padding-bottom: .1ex;*/
 }
 
 #tree a:hover {
@@ -86,27 +68,12 @@ ul.inside li, ol.inside li {
 
 #tree .active > a {
   display: inline;
-  color: #da0808;
-  border-bottom: 1px solid #FFF;
+  color: #FF8080;
 }
 
 #content {
   padding: 1em 2em 2ex 21em;
   margin-left: 0;
-}
-
-#content-main {
-  padding-top: 1ex;
-  padding-left: .5em;
-}
-
-
-#content p,
-#content li,
-#content dt,
-#content dd,
-#content td,
-#content th{
   line-height: 2em;
 }
 
@@ -118,7 +85,14 @@ ul.inside li, ol.inside li {
   padding-bottom: .3ex;
 }
 
-#content h1.title {
+#content h1.clear,
+#content h2.clear,
+#content h3.clear,
+#content h4.clear {
+       clear:both;
+}
+
+#content h1 {
   font-size: 1.8em;
   margin: 0 0 2ex 0;
   padding-bottom: .8ex;
@@ -143,14 +117,12 @@ ul.inside li, ol.inside li {
   border-bottom: 1px solid #eee;
 }
 
-#content table,
-#content table.dl {
+#content table {
   width:100%;
   margin: 1em 0;
   padding: 0;
   font-weight: normal;
   text-align: left;
-  line-height: 2ex;
 }
 
 #content table tr {
@@ -173,9 +145,17 @@ ul.inside li, ol.inside li {
 #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;
 }
@@ -201,54 +181,6 @@ ul.inside li, ol.inside li {
   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;
 }
@@ -257,6 +189,8 @@ ul.inside li, ol.inside li {
        display: table-caption;
        caption-side: bottom;
        font-style: italic;
+  padding-top: 0.5em;
+  padding-bottom: 1em;
 }
 
 #content figcaption.center {
@@ -286,20 +220,6 @@ ul.inside li, ol.inside li {
   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;
@@ -319,6 +239,11 @@ kbd {
   text-transform:capitalize;
 }
 
+kbd.def {
+  font-weight:bolder;
+       margin-right:.2em;
+}
+
 kbd.input,
 kbd.cmd,
 kbd.osc {
@@ -436,31 +361,18 @@ samp:after {
   content:"\AB";
 }
 
-#subtopics ul {
-  font-weight:bold;
-}
-
 #content dfn {
   font-weight: bold;
   font-style: normal;
 }
 
-#content img.right {
-  margin: 0 0 1em 1em;
-  float:right;
-  clear:right;
-}
-
-#content img.left {
-  margin:0 1em 1em 0;
-  float:left;
-  clear:left;
+#content img.mini {
+  width:200px;
 }
 
-#content img.center {
-  display: block;
-  margin:1em auto 1em auto;
-       clear: both;
+#content img.mini:hover {
+  width: 100%;
+  /*transition: width .5s ease; doesn't work on right-floated figures */
 }
 
 #content p.center {
@@ -475,12 +387,6 @@ samp:after {
   margin-bottom: 1em;
   border-style: solid;
   border-width: 1px 1px 1px 8px;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 
 #content code {
@@ -562,16 +468,16 @@ samp:after {
 }
 
 /* for the TOC */
-#chapter,
-#subchapter,
-#section,
-#subsection {
-  line-height:1.5em;
-}
-#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; }