X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=source%2Fcss%2Fapp.css;h=ff2aeaa46d083b9e8ff084dd3cf7b33532e17f39;hb=e24d8b467957c407d9dcd59f909fad24c5006b85;hp=e2972dcf4995596e78c5d4bfd95d6c5add239e6a;hpb=303ad7ff7b7190b85f1c41fd5ad1a87f9d802c3c;p=ardour-manual diff --git a/source/css/app.css b/source/css/app.css index e2972dc..ff2aeaa 100644 --- a/source/css/app.css +++ b/source/css/app.css @@ -258,17 +258,124 @@ 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 { + font-family:mono; + border-width:0; + text-transform:none; + +} + +kbd.cmd { + display:block; + width:100%; + margin-bottom:1ex; + text-transform:none; +} + +kbd.cmd.lin:before { + content: 'user@linux:~ '; + color:#999999; +} + +kbd.cmd.mac:before { + content: 'MacBook:~/Desktop User\$ '; + color:#999999; +} + +kbd.cmd.win:before { + content: 'C:\\Users\\myAccount> '; + color:#999999; +} + +kbd.mouse { + -moz-border-radius:10px; + border-radius:10px; +} + +/* +.mouse:after { + position:relative; + top:-1em; + left:-1em; + content:url('/images/mouse-tail.png'); +} +*/ + +kbd.menu,kbd.option,kbd.optoff { + border:none; + background-color:transparent; + font-weight:bold; + font-stretch:extra-condensed; + white-space:normal; +} + +kbd.option:after,kbd.optoff:after { + font-family:mono; + font-weight:lighter; + text-align:center; + border:solid 1px black; + margin-left:0.3em; +} +kbd.option:after { + content:'X'; + +} +kbd.optoff:after { + content:' '; +} + + +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 { @@ -279,75 +386,120 @@ width:150px; } +#subtopics ul { + font-size:20px; + font-weight:bold; +} + +#content dfn { + font-weight: bold; + font-style: normal; +} + #content .right { margin: 0 0 1em 1em; float:right; } #content .left { - margin-left:0 1em 1em 0; + margin:0 1em 1em 0; float:left; } -#content .well.notabene { - border-color: #990000; +#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-"; + content: "Ctrl "; } .mod2:before { - content: "Alt-"; + content: "Alt "; } .mod3:before { - content: "Shift-"; + content: "Shift "; } .mod4:before { - content: "Win-"; + content: "Win "; } .mod12:before { - content: "Ctrl-Alt-"; + content: "Ctrl Alt "; } .mod13:before { - content: "Ctrl-Shift-"; + content: "Ctrl Shift "; } .mod14:before { - content: "Ctrl-Win-"; + content: "Ctrl Win "; } .mac .mod1:before { - content: "Cmd-"; + content: "Cmd "; } .mac .mod2:before { - content: "Ctrl-"; + content: "Ctrl "; } .mac .mod3:before { - content: "Shift-"; + content: "Shift "; } .mac .mod4:before { - content: "Opt-"; + content: "Opt "; } .mac .mod12:before { - content: "Cmd-Ctrl-"; + content: "Cmd Ctrl "; } .mac .mod13:before { - content: "Cmd-Shift-"; + content: "Cmd Shift "; } .mac .mod14:before { - content: "Cmd-Opt-"; + content: "Cmd Opt "; }