#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;
}
{
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%;
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;
+ }
+}