X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=source%2Fcss%2Fapp.css;h=41093e92eced9f178cbbd899e677a722e0a1f1fa;hb=2dc820c7b006534c881e7212b67ce88d81e6627c;hp=1ea517c70742548c48966acc3a7e69830ccc1fff;hpb=bf25b41536e78a945358a9525093a5f394d81d99;p=ardour-manual diff --git a/source/css/app.css b/source/css/app.css index 1ea517c..41093e9 100644 --- a/source/css/app.css +++ b/source/css/app.css @@ -13,16 +13,10 @@ body { line-height: 2ex; } -div.clearer { +.clear { clear:both; } -ul.inside li, ol.inside li { - left: 1em; - position: relative; - padding-right: 1em; -} - #tree { background-color: #212A30; line-height: 1.8ex; @@ -33,54 +27,26 @@ ul.inside li, ol.inside li { bottom: 0; left: 0; width: 20em; -} - -#tree-inner { padding: 1em 1em 2em 1.5em; } -#tree h1.title { +#tree h1 { font-size: 1.75em; margin-bottom: 1em; font-weight: normal; } -#tree dl { - margin-left: 1em; -} - -#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 dd.child-1, -#tree .child-2, -#tree .child-3, -#tree .child-4 { - display: none; +#tree ul { + padding-left: 1em; + list-style-type: none; } #tree a { display: inline !important; font-size: 0.88em; - font-weight: normal; line-height: 2em; color: #E4E4E4; border-bottom: 1px solid transparent; - padding-bottom: .1ex; } #tree a:hover { @@ -90,27 +56,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; } @@ -122,13 +73,7 @@ ul.inside li, ol.inside li { padding-bottom: .3ex; } -#content h2.clear, -#content h3.clear, -#content h4.clear { - clear:both; -} - -#content h1.title { +#content h1 { font-size: 1.8em; margin: 0 0 2ex 0; padding-bottom: .8ex; @@ -153,14 +98,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 { @@ -189,11 +132,6 @@ ul.inside li, ol.inside li { font-weight: bold; } -#content table td { - font-weight: normal; -} - - #content table th.sub1 { padding-left: 2em; } @@ -219,54 +157,11 @@ 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 ul, +#content ol { + overflow: hidden; } -#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; } @@ -275,11 +170,12 @@ 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 { text-align: center; - caption-side: bottom; } #content figcaption.titleover { @@ -304,20 +200,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; @@ -459,40 +341,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.center { - display: block; - margin:1em auto 1em auto; - clear: both; -} - #content img.mini { - width:200px; + width: 200px; } #content img.mini:hover { width: 100%; - transition: width .5s ease; + /*transition: width .5s ease; doesn't work on right-floated figures */ } #content p.center { @@ -507,12 +367,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 {