X-Git-Url: http://shamusworld.gotdns.org/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=source%2Fcss%2Fapp.css;h=0809c645d06251d5394aada0d93534da1d6f5e5f;hb=86c34280f44e84fa24d216cba3d5c310deeadf5f;hp=68ca432868fd0871f8ac597a6d4aee23480782f4;hpb=6e64603e6159ae448de5e3e6b908375c2ef1fdc0;p=ardour-manual diff --git a/source/css/app.css b/source/css/app.css index 68ca432..0809c64 100644 --- a/source/css/app.css +++ b/source/css/app.css @@ -1,5 +1,5 @@ #tree { - background-color: #eee; + background-color: #212A30; height: 100%; overflow: scroll; position: fixed; @@ -75,7 +75,7 @@ #tree a { display: inline !important; font-weight: normal; - color: #666; + color: #E4E4E4; border-bottom: 1px solid transparent; padding-bottom: 2px; } @@ -87,8 +87,8 @@ #tree .active > a { display: inline; - color: #000; - border-bottom: 1px solid #555; + color: #da0808; + border-bottom: 1px solid #FFF; } @@ -139,11 +139,18 @@ #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 { @@ -177,7 +184,7 @@ { clear: left; float: left; - width: 30%; + width: 65%; margin: 0; padding: 0px; font-size: 100%; @@ -188,7 +195,7 @@ #content .bindings dd { float: left; - width: 65%; + width: 30%; margin: 0; padding: 0px; font-size: 110%; @@ -272,29 +279,31 @@ kbd { text-transform:capitalize; } -kbd.input,kbd.lincmd,kbd.maccmd,kbd.wincmd { +kbd.input,kbd.cmd,kbd.osc { font-family:mono; border-width:0; + text-transform:none; + } -kbd.lincmd,kbd.maccmd,kbd.wincmd { +kbd.cmd { display:block; width:100%; margin-bottom:1ex; text-transform:none; } -kbd.lincmd:before { +kbd.cmd.lin:before { content: 'user@linux:~ '; color:#999999; } -kbd.maccmd:before { +kbd.cmd.mac:before { content: 'MacBook:~/Desktop User\$ '; color:#999999; } -kbd.wincmd:before { +kbd.cmd.win:before { content: 'C:\\Users\\myAccount> '; color:#999999; } @@ -322,15 +331,17 @@ kbd.menu,kbd.option,kbd.optoff { } kbd.option:after,kbd.optoff:after { - content:'x'; font-family:mono; font-weight:lighter; text-align:center; border:solid 1px black; - -moz-border-radius:10px; - border-radius:10px; margin-left:0.3em; - margin-right:0.5em; +} +kbd.option:after { + content:'X'; + +} +kbd.osc { } kbd.optoff:after { content:' '; @@ -394,27 +405,31 @@ samp:after { font-style: normal; } -#content .right { +#content img.right { margin: 0 0 1em 1em; float:right; + clear:right; } -#content .left { +#content img.left { margin:0 1em 1em 0; float:left; + clear:left; } -#content .note,.warning { +#content .note,.warning,.fixme { min-height: 20px; padding: 19px; margin-bottom: 20px; - border: 1px solid + 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 { @@ -423,69 +438,77 @@ samp:after { } #content .warning { - border-color: #990000; + 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"; + 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 { @@ -494,7 +517,18 @@ samp:after { } - +@media (max-width: 800px) { + #tree { + position: relative; + height: 250px; + width: 100%; + margin-top: 20px; + } + #content { + padding-left: 20px; + margin-top: 0px; + } +}