#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%;
}
-
+@media (max-width: 800px) {
+ #tree {
+ position: relative;
+ height: 250px;
+ width: 100%;
+ margin-top: 20px;
+ }
+ #content {
+ padding-left: 20px;
+ margin-top: 0px;
+ }
+}