#tree {
- background-color: #eee;
+ background-color: #212A30;
height: 100%;
overflow: scroll;
position: fixed;
#tree a {
display: inline !important;
font-weight: normal;
- color: #666;
+ color: #E4E4E4;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
}
#tree .active > a {
display: inline;
- color: #000;
- border-bottom: 1px solid #555;
+ color: #da0808;
+ border-bottom: 1px solid #FFF;
}
#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;
float: left;
- width: 30%;
+ width: 65%;
margin: 0;
padding: 0px;
font-size: 100%;
#content .bindings dd
{
float: left;
- width: 65%;
+ width: 30%;
margin: 0;
padding: 0px;
font-size: 110%;
text-transform:capitalize;
}
-kbd.input,kbd.cmd {
+kbd.input,kbd.cmd,kbd.osc {
font-family:mono;
border-width:0;
text-transform:none;
kbd.option:after {
content:'X';
+}
+kbd.osc {
}
kbd.optoff:after {
content:' ';
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 p.center {
+ text-align:center;
}
#content .note,.warning,.fixme {
.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 {
}
-
+@media (max-width: 800px) {
+ #tree {
+ position: relative;
+ height: 250px;
+ width: 100%;
+ margin-top: 20px;
+ }
+ #content {
+ padding-left: 20px;
+ margin-top: 0px;
+ }
+}