X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=source%2Fcss%2Fapp.css;h=630185bba3fbe8518bf7e1f760346c6ed4981bf4;hb=feaa3b828a5f4502dbe62f0663141a3d1391d15d;hp=a4f54614adbae221146058866bc293834b93b6de;hpb=44f68c1e45e227ca26ac1c4a00d16e4d3569866a;p=ardour-manual diff --git a/source/css/app.css b/source/css/app.css index a4f5461..630185b 100644 --- a/source/css/app.css +++ b/source/css/app.css @@ -1,6 +1,5 @@ #tree { - - background-color: #eee; + background-color: #212A30; height: 100%; overflow: scroll; position: fixed; @@ -11,7 +10,7 @@ } #tree-inner { - padding: 15px 20px 30px 30px; + padding: 15px 20px 30px 30px; } #tree h1.title { @@ -21,11 +20,11 @@ } #tree h1.title a:hover { - border-bottom: none; + border-bottom: none; } #tree a { - font-size: 14px; + font-size: 14px; line-height: 28px; } @@ -38,15 +37,15 @@ #tree .child, #tree .parent *, #tree .child * { - display: inherit; - color: inherit; + display: inherit; + color: inherit; } #tree dd.child-1, #tree .child-2, #tree .child-3, #tree .child-4 { - display: none; + display: none; } @@ -69,14 +68,14 @@ #content dt, #content dd { font-size: 16px; - line-height: 28px; + line-height: 28px; } #tree a { display: inline !important; - font-weight: normal; - color: #666; + font-weight: normal; + color: #E4E4E4; border-bottom: 1px solid transparent; padding-bottom: 2px; } @@ -88,8 +87,8 @@ #tree .active > a { display: inline; - color: #000; - border-bottom: 1px solid #555; + color: #da0808; + border-bottom: 1px solid #FFF; } @@ -119,7 +118,7 @@ } #content h3 { - margin: 20px 0 10px 0; + margin: 20px 0 10px 0; padding-bottom: 5px; font-size: 20px; border-bottom: 1px solid #eee; @@ -128,7 +127,7 @@ #content h4 { font-size: 18px; - margin: 20px 0 10px 0; + margin: 20px 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eee; } @@ -140,12 +139,19 @@ #content dl { - float: left; - width: 100%; + float:none; + clear:both; + width:100%; margin: 1em 0; padding: 0; } - + +#content dl:after { + content:' '; + display:block; + clear:both; +} + #content dt { clear: left; @@ -155,7 +161,7 @@ padding: 5px; font-weight: normal; } - + #content dd { float: left; @@ -165,6 +171,68 @@ font-weight: normal; } +#content dt.sub1 { + padding-left: 2em; +} + +#content dt.sub2 { + padding-left: 4em; +} + + +#content figure { + display: table; +} + +#content figcaption { + display: table-caption; + caption-side: bottom ; +} + +#content figcaption.titleover { + caption-side: top ; +} + +#content figure.right { + margin: 0 0 1em 1em; + float:right; + clear:right; +} + +#content figure.left { + margin: 0 1em 1em 0; + float:left; + clear:left; +} + +.multicol2 { + width: 48%; + float:left; + padding:0 0 0 2%; + margin:0; +} + +.multicol3 { + width: 31%; + float:left; + padding:0 0 0 2%; + margin:0; +} + +.multicol4 { + width: 23%; + float:left; + padding:0 0 0 2%; + margin:0; +} + +.multicol5 { + width: 18%; + float:left; + padding:0 0 0 2%; + margin:0; +} + /* Keyboard binding layout */ #content dl.bindings { @@ -173,23 +241,23 @@ margin: 1em 0; padding: 0; } - + #content .bindings dt { clear: left; float: left; - width: 30%; + width: 65%; margin: 0; padding: 0px; font-size: 100%; font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } - + #content .bindings dd { float: left; - width: 65%; + width: 30%; margin: 0; padding: 0px; font-size: 110%; @@ -205,7 +273,7 @@ margin: 1em 0; padding: 0; } - + #content .wide-table dt { font-weight: normal; @@ -225,7 +293,7 @@ #content dd:nth-child(2) { border-top: none; } - + #content .wide-table dd { float: left; @@ -241,7 +309,7 @@ margin: 1em 0; padding: 0; } - + #content .narrower-table dt { clear: left; @@ -250,7 +318,7 @@ margin: 0; padding: 5px; } - + #content .narrower-table dd { float: left; @@ -259,69 +327,255 @@ padding: 5px; } -#content kbd { +kbd { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#EEEEEE none repeat scroll 0 0; border-color:#CCCCCC #AAAAAA #888888 #BBBBBB; border-style:solid; - border-width:1px 1px 2px 2px; + border-width:2px 2px 4px 4px; color:#000000; - padding:2px 1px; + padding:1px 2px; white-space:nowrap; + text-transform:capitalize; } +kbd.input,kbd.cmd,kbd.osc { + font-family:mono; + border-width:0; + text-transform:none; -.mod1:before { - content: "Ctrl-"; } -.mod2:before { - content: "Alt-"; +kbd.cmd { + display:block; + width:100%; + margin-bottom:1ex; + text-transform:none; } -.mod4:before { - content: "Win-"; +kbd.cmd.lin:before { + content: 'user@linux:~ '; + color:#999999; } -.mod12:before { - content: "Ctrl-Alt-"; +kbd.cmd.mac:before { + content: 'MacBook:~/Desktop User\$ '; + color:#999999; } -.mod13:before { - content: "Ctrl-Shift-"; +kbd.cmd.win:before { + content: 'C:\\Users\\myAccount> '; + color:#999999; } -.mod14:before { - content: "Ctrl-Win-"; +kbd.mouse { + -moz-border-radius:10px; + border-radius:10px; } -.mac .mod1:before { - content: "Cmd-"; +/* +.mouse:after { + position:relative; + top:-1em; + left:-1em; + content:url('/images/mouse-tail.png'); } +*/ -.mac .mod2:before { - content: "Ctrl-"; +kbd.optoff, kbd.option { + border:none; + background-color:transparent; } -.mac .mod4:before { - content: "Opt-"; +kbd.optoff:after { + content:url('/images/checkbox-unchecked.png'); } -.mac .mod12:before { - content: "Cmd-Ctrl-"; +kbd.option:after { + content:url('/images/checkbox-checked.png'); } -.mac .mod13:before { - content: "Cmd-Shift-"; +kbd.menu { + border:none; + background-color:transparent; + font-weight:bold; + font-stretch:extra-condensed; + white-space:normal; } -.mac .mod14:before { - content: "Cmd-Opt-"; + +kbd.osc { +} + + + +kbd.fader, kbd.knob, kbd.button { + border-color:#ccccff #aaaadd #8888bb #bbbbee; + background-color:#ddddff; + color:#000044; +} + +kbd.fader { + border-width: 1px 1px 9px 9px; +} + +kbd.knob { + -moz-border-radius:12px; + border-radius:12px; + border-width: 1px 1px 9px 9px; } +kbd.button { + -moz-border-radius:8px; + border-radius:8px; + border-width: 1px 1px 3px 3px; +} +samp { + font-family:mono; + font-style:italic; + color:#333333; + background-color:transparent; + margin-left: 1ex; + margin-right: 1ex; +} + +samp:before { + content:"\BB"; +} + +samp:after { + content:"\AB"; +} + +#content td { + padding: 0 1em 0 1em; +} + +#content .small { + width:150px; +} + +#subtopics ul { + font-size:20px; + 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 p.center { + text-align:center; +} + +#content .note,.warning,.fixme { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + 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 .note { + border-color: #e3e3e3; + background-color: #f5f5f5; +} + +#content .warning { + border-color: #995555; + background-color: #ffeeee; +} + +#content .fixme { + border-color: #999944; + background-color: #f0f0e0; + font-weight:bold; +} + +.fixme:before { + content:'FIXME: '; + font-style: italic; + font-size:200%; +} + + + + +.mod1:before { + content: "Ctrl "; +} +.mod2:before { + content: "Alt "; +} +.mod3:before { + content: "Shift "; +} +.mod4:before { + content: "Win "; +} +.mod12:before { + content: "Ctrl Alt "; +} +.mod13:before { + content: "Ctrl Shift "; +} +.mod14:before { + content: "Ctrl Win "; +} +.mod23:before { + content: "Alt Shift "; +} +.kp:before { + content: "Keypad "; +} + +.mac .mod1:before { + content: "Cmd "; +} +.mac .mod2:before { + content: "Ctrl "; +} +.mac .mod3:before { + content: "Shift "; +} +.mac .mod4:before { + content: "Opt "; +} +.mac .mod12:before { + content: "Cmd Ctrl "; +} +.mac .mod13:before { + content: "Cmd Shift "; +} +.mac .mod14:before { + content: "Cmd Opt "; +} +.mac .mod23:before { + content: "Ctrl Shift "; +} #gs_tti0 { @@ -330,7 +584,19 @@ } +@media (max-width: 800px) { + #tree { + position: relative; + height: 250px; + width: 100%; + margin-top: 20px; + } + #content { + padding-left: 20px; + margin-top: 0px; + } +} +#chapter { padding-top: 1em; padding-left: 1em; } - - +#subchapter { padding-left: 4em; }