Content and style updates

api/resources/csses/ace_api.css

@@ -147,6 +147,16 @@ form.navbar-search {
 
 form.navbar-search  .search-query {
     background-color: #FFFFFF;
+    border-color: #999;
+    -webkit-transition: border 0.3s;
+    -moz-transition: border 0.3s;
+    font-size: 14px;
+    line-height: 16px;
+}
+
+form.navbar-search  .search-query:focus, form.navbar-search  .search-query:active {
+    border: 1px solid #666;
+    padding: 4px 9px;
 }
 
 h3.api_title {
@@ -154,24 +164,28 @@ h3.api_title {
 }
 
 ul.menu {
-    margin-left: 16px;
+    margin-left: 2px;
 }
 
 .menu li {
     list-style-image: url(../images/menu_disc.png);
-    margin-bottom: 3px;
-    font-weight : 700;
+    margin-bottom: 4px;
+    font-weight: 700;
+    padding-left: 10px;
+    margin-left: 0;
 }
 
 .menu li .menu-item a.menuLink, .menu li .menu-item span.menuLink {
-    color: #262626;
+    color: #3E7096;
+    font-weight: 100;
 }
 .menuTwo {
     margin-bottom: 5px;
     margin-top: 2px;
 }
 .menuTwo li .menu-item a.menuLink {
-    color: #262626;
+    color: #3E7096;
+    font-weight: 100;
 }
 
 /* need specificity to "beat" the above colors */
@@ -494,6 +508,7 @@ header.filler {
 .centerpiece {
     background: url(../images/sidebar_border.png) repeat-y 230px 0;
     min-height: 100%;
+    padding: 10px 0;
 }
 
 /*
@@ -535,6 +550,9 @@ header.filler {
 #documentation article.article {
     border-top: 1px solid #e9e9e9;
     padding: 16px 10px 2px;
+    -webkit-transition: padding 0.2s;
+    -moz-transition: padding 0.2s;
+    -o-transition: padding 0.2s;
 }
 
 #documentation h3.sectionHeader + article.article {
@@ -781,7 +799,7 @@ li.signature {
 #documentation i.methodToggle {
     cursor: pointer;
     color: #9f9f9f;
-    padding-top: 5px;
+    padding-top: 2px;
     float: left;
 }
 #documentation i.methodToggle.methodToggleHover {
@@ -802,6 +820,7 @@ li.signature {
     
     /* Opera */
     -o-transform: rotate(45deg);
+    padding-top: 9px;
 }
 
 #documentation h3.sectionHeader {