improve CSS and tagging of platform-specifics.

[ardour-manual] / source / css / app.css

diff --git a/source/css/app.css b/source/css/app.css
index e5c5f6e4760ec03a54c009041412ec4c2176c23e..f6c54b887e2196a674316f0088f2a1ccc9b82d83 100644 (file)
--- a/source/css/app.css
+++ b/source/css/app.css
@@ -269,19 +269,56 @@ kbd {
     color:#000000;
     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;
-    border-width:3px;
 }
 
+/*
+.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-size:80%;
     font-stretch:extra-condensed;
     white-space:normal;
 }
@@ -294,7 +331,8 @@ kbd.option:after,kbd.optoff:after {
     border:solid 1px black;
     -moz-border-radius:10px;
     border-radius:10px;
-    margin-left:1ex;
+    margin-left:0.3em;
+    margin-right:0.5em;
 }
 kbd.optoff:after {
     content:'    ';
@@ -308,7 +346,7 @@ kbd.fader, kbd.knob, kbd.button {
 }
 
 kbd.fader {
-    border-width:2px 2px 4px 4px
+    border-width: 1px 1px 9px 9px;
 }
 
 kbd.knob {
@@ -320,6 +358,24 @@ kbd.knob {
 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 {