X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=source%2Fcss%2Fapp.css;h=2acd0724ec0238839ef262d8caf6b33e9621c7fe;hb=1f90d2dac9c47951e3740899649fe4aa47a7a5a6;hp=23e265499f94e4d9bb420287155b378eb6eaa692;hpb=5d3614e072e57aead1023bd8e30bb44804c3acd5;p=ardour-manual diff --git a/source/css/app.css b/source/css/app.css index 23e2654..2acd072 100644 --- 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 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 { 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 { @@ -209,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; } @@ -265,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 { @@ -294,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; @@ -449,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.mini { + width:200px; } -#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:hover { + width: 100%; + /*transition: width .5s ease; doesn't work on right-floated figures */ } #content p.center { @@ -488,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 { @@ -575,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; }