Added new treeview image

css/application.css

@@ -346,15 +346,15 @@ html {
     font: 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     text-align: center;
     margin: 0;
-    background: #f3f3f3; }
+    background: #f6f6f6; }
     html body div.header-wrapper {
-      -webkit-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
-      -moz-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
-      -ms-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
-      -o-box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
-      box-shadow: inset 0 1px 0 #bf4040, 0 1px 1px #cccccc;
+      -webkit-box-shadow: inset 0 -1px 2px #732626;
+      -moz-box-shadow: inset 0 -1px 2px #732626;
+      -ms-box-shadow: inset 0 -1px 2px #732626;
+      -o-box-shadow: inset 0 -1px 2px #732626;
+      box-shadow: inset 0 -1px 2px #732626;
       background: #993333;
-      border-bottom: 1px solid #732626; }
+      border-bottom: 1px solid #fff; }
       html body div.header-wrapper header {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
@@ -382,9 +382,10 @@ html {
           -webkit-font-smoothing: antialiased; }
           html body div.header-wrapper header nav h2 {
             float: left;
-            margin: 0;
-            padding: 19px 15px 12px 0;
-            line-height: 22.652px; }
+            margin: 0 22.652px 0 0;
+            padding: 19px 22.652px 12px 0;
+            line-height: 22.652px;
+            border-right: 1px solid #862d2d; }
             html body div.header-wrapper header nav h2 a {
               color: #fff; }
               html body div.header-wrapper header nav h2 a:hover {
@@ -406,19 +407,27 @@ html {
                   background-color: none;
                   text-decoration: none; }
     html body section.main-content {
-      -webkit-box-shadow: 0 1px 0 white;
-      -moz-box-shadow: 0 1px 0 white;
-      -ms-box-shadow: 0 1px 0 white;
-      -o-box-shadow: 0 1px 0 white;
-      box-shadow: 0 1px 0 white;
+      -webkit-box-shadow: 0 0 4px #dddddd;
+      -moz-box-shadow: 0 0 4px #dddddd;
+      -ms-box-shadow: 0 0 4px #dddddd;
+      -o-box-shadow: 0 0 4px #dddddd;
+      box-shadow: 0 0 4px #dddddd;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
       box-sizing: border-box;
       background: #fff;
-      border: 1px solid #ccc;
-      border-top: 0; }
+      border-bottom: 1px solid #bbb; }
+      @media screen and (min-width: 1400px) {
+        html body section.main-content {
+          margin-top: 11.326px;
+          -webkit-border-radius: 3px;
+          -moz-border-radius: 3px;
+          -ms-border-radius: 3px;
+          -o-border-radius: 3px;
+          border-radius: 3px;
+          border: 1px solid #bbb; } }
     html body img {
       max-width: 100%;
       height: auto; }
@@ -848,7 +857,8 @@ div.book-wrapper ul#booknav {
     background: none;
     padding-left: 30px; }
     div.book-wrapper ul#booknav li div.hitarea {
-      margin-left: -22px; }
+      margin-left: -22px;
+      background-image: url("/static/images/treeview-default.gif"); }
       div.book-wrapper ul#booknav li div.hitarea:hover {
         opacity: 0.6;
         filter: alpha(opacity=60); }