Content and style updates

zskumar · Sep 17, 2012 · eb744d5 · eb744d5
1 parent a50afaa
commit eb744d5
Show file tree

Hide file tree

Showing 6 changed files with 68 additions and 18 deletions.
diff --git a/api/editor.html b/api/editor.html
diff --git a/api/resources/csses/ace_api.css b/api/resources/csses/ace_api.css
@@ -147,31 +147,45 @@ 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 {
     padding-top: 10px;
 }
 
 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 {

diff --git a/api/resources/javascripts/clicker.js b/api/resources/javascripts/clicker.js
@@ -28,7 +28,10 @@ function setupClicker() {
       if (!$article.hasClass('methodToggleOpen') || this.force) {
           $article.addClass('methodToggleOpen');
           $arrow.removeClass('inactive').addClass('active');
-
+
+          if (!$arrow[0])
+            return;
+
           var data = $arrow[0].id.replace(/^js_/, "");
           //var state = {};
           //state.section = data;
@@ -58,7 +61,7 @@ function setupClicker() {
   // for the top dropdown
   $('li.memberLink a').click(transformHash);
 
-  //$('a[href^="#"]').click(transformHash);
+  $('a[href^="#"]').click(transformHash);
 
   $('.related-to', '.metaInfo').click(function(){
       location.hash = $(this).find('a').attr('href').split('#')[1];

diff --git a/doc/resources/ace/skeleton/csses/ace_api.css b/doc/resources/ace/skeleton/csses/ace_api.css
@@ -147,31 +147,45 @@ 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 {
     padding-top: 10px;
 }
 
 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 {

diff --git a/doc/resources/ace/skeleton/javascripts/clicker.js b/doc/resources/ace/skeleton/javascripts/clicker.js
@@ -28,7 +28,10 @@ function setupClicker() {
       if (!$article.hasClass('methodToggleOpen') || this.force) {
           $article.addClass('methodToggleOpen');
           $arrow.removeClass('inactive').addClass('active');
-
+
+          if (!$arrow[0])
+            return;
+
           var data = $arrow[0].id.replace(/^js_/, "");
           //var state = {};
           //state.section = data;

diff --git a/doc/site/style.css b/doc/site/style.css
@@ -473,5 +473,9 @@ p.highlight_note a {
 }
 
 #sidebarContainer {
-    margin: 0 20px 0 0;
+    margin: 3px 20px 0 15px;
+}
+
+#api {
+    padding: 0;
 }