margin: 0;
padding: 0px;
font-size: 100%;
font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
margin: 0;
padding: 0px;
font-size: 100%;
font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
+ text-transform:capitalize;
+}
+
+kbd.input,kbd.cmd,kbd.osc {
+ 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.menu,kbd.option,kbd.optoff {
+/*
+.mouse:after {
+ position:relative;
+ top:-1em;
+ left:-1em;
+ content:url('/images/mouse-tail.png');
+}
+*/
+
+kbd.optoff, kbd.option {
+ border:none;
+ background-color:transparent;
+}
+
+kbd.optoff:after {
+ content:url('/images/checkbox-unchecked.png');
+}
+
+kbd.option:after {
+ content:url('/images/checkbox-checked.png');
+}
+
+kbd.menu {
kbd.fader, kbd.knob, kbd.button {
border-color:#ccccff #aaaadd #8888bb #bbbbee;
background-color:#ddddff;
kbd.fader, kbd.knob, kbd.button {
border-color:#ccccff #aaaadd #8888bb #bbbbee;
background-color:#ddddff;
-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);
-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);