New ACE site

This commit is contained in:
C9 2012-09-11 18:50:03 -04:00
commit 3aba91e17a
8 changed files with 416 additions and 80 deletions

View file

@ -94,6 +94,10 @@ blockquote p{
zoom:1; /* hasLayout ie7 trigger */
}
.navbar .nav > li > a {
padding: 10px 15px 11px;
}
.navbar {
text-align:center;
}
@ -111,8 +115,8 @@ blockquote p{
margin-left: 0px;
}
.brand {
background: transparent url(../images/ace_logo_menu.png) no-repeat 13px 5px;
width: 105px;
background: transparent url(../images/ace_logo_menu.png) no-repeat 33px 5px;
width: 80px;
outline: none;
height: 40px;
padding: 0 10px !important;

View file

@ -0,0 +1,18 @@
/*
* jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010
* http://benalman.com/projects/jquery-bbq-plugin/
*
* Copyright (c) 2010 "Cowboy" Ben Alman
* Dual licensed under the MIT and GPL licenses.
* http://benalman.com/about/license/
*/
(function($,p){var i,m=Array.prototype.slice,r=decodeURIComponent,a=$.param,c,l,v,b=$.bbq=$.bbq||{},q,u,j,e=$.event.special,d="hashchange",A="querystring",D="fragment",y="elemUrlAttr",g="location",k="href",t="src",x=/^.*\?|#.*$/g,w=/^.*\#/,h,C={};function E(F){return typeof F==="string"}function B(G){var F=m.call(arguments,1);return function(){return G.apply(this,F.concat(m.call(arguments)))}}function n(F){return F.replace(/^[^#]*#?(.*)$/,"$1")}function o(F){return F.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/,"$1")}function f(H,M,F,I,G){var O,L,K,N,J;if(I!==i){K=F.match(H?/^([^#]*)\#?(.*)$/:/^([^#?]*)\??([^#]*)(#?.*)/);J=K[3]||"";if(G===2&&E(I)){L=I.replace(H?w:x,"")}else{N=l(K[2]);I=E(I)?l[H?D:A](I):I;L=G===2?I:G===1?$.extend({},I,N):$.extend({},N,I);L=a(L);if(H){L=L.replace(h,r)}}O=K[1]+(H?"#":L||!K[1]?"?":"")+L+J}else{O=M(F!==i?F:p[g][k])}return O}a[A]=B(f,0,o);a[D]=c=B(f,1,n);c.noEscape=function(G){G=G||"";var F=$.map(G.split(""),encodeURIComponent);h=new RegExp(F.join("|"),"g")};c.noEscape(",/");$.deparam=l=function(I,F){var H={},G={"true":!0,"false":!1,"null":null};$.each(I.replace(/\+/g," ").split("&"),function(L,Q){var K=Q.split("="),P=r(K[0]),J,O=H,M=0,R=P.split("]["),N=R.length-1;if(/\[/.test(R[0])&&/\]$/.test(R[N])){R[N]=R[N].replace(/\]$/,"");R=R.shift().split("[").concat(R);N=R.length-1}else{N=0}if(K.length===2){J=r(K[1]);if(F){J=J&&!isNaN(J)?+J:J==="undefined"?i:G[J]!==i?G[J]:J}if(N){for(;M<=N;M++){P=R[M]===""?O.length:R[M];O=O[P]=M<N?O[P]||(R[M+1]&&isNaN(R[M+1])?{}:[]):J}}else{if($.isArray(H[P])){H[P].push(J)}else{if(H[P]!==i){H[P]=[H[P],J]}else{H[P]=J}}}}else{if(P){H[P]=F?i:""}}});return H};function z(H,F,G){if(F===i||typeof F==="boolean"){G=F;F=a[H?D:A]()}else{F=E(F)?F.replace(H?w:x,""):F}return l(F,G)}l[A]=B(z,0);l[D]=v=B(z,1);$[y]||($[y]=function(F){return $.extend(C,F)})({a:k,base:k,iframe:t,img:t,input:t,form:"action",link:k,script:t});j=$[y];function s(I,G,H,F){if(!E(H)&&typeof H!=="object"){F=H;H=G;G=i}return this.each(function(){var L=$(this),J=G||j()[(this.nodeName||"").toLowerCase()]||"",K=J&&L.attr(J)||"";L.attr(J,a[I](K,H,F))})}$.fn[A]=B(s,A);$.fn[D]=B(s,D);b.pushState=q=function(I,F){if(E(I)&&/^#/.test(I)&&F===i){F=2}var H=I!==i,G=c(p[g][k],H?I:{},H?F:2);p[g][k]=G+(/#/.test(G)?"":"#")};b.getState=u=function(F,G){return F===i||typeof F==="boolean"?v(F):v(G)[F]};b.removeState=function(F){var G={};if(F!==i){G=u();$.each($.isArray(F)?F:arguments,function(I,H){delete G[H]})}q(G,2)};e[d]=$.extend(e[d],{add:function(F){var H;function G(J){var I=J[D]=c();J.getState=function(K,L){return K===i||typeof K==="boolean"?l(I,K):l(I,L)[K]};H.apply(this,arguments)}if($.isFunction(F)){H=F;return G}else{H=F.handler;F.handler=G}}})})(jQuery,this);
/*
* jQuery hashchange event - v1.2 - 2/11/2010
* http://benalman.com/projects/jquery-hashchange-plugin/
*
* Copyright (c) 2010 "Cowboy" Ben Alman
* Dual licensed under the MIT and GPL licenses.
* http://benalman.com/about/license/
*/
(function($,i,b){var j,k=$.event.special,c="location",d="hashchange",l="href",f=$.browser,g=document.documentMode,h=f.msie&&(g===b||g<8),e="on"+d in i&&!h;function a(m){m=m||i[c][l];return m.replace(/^[^#]*#?(.*)$/,"$1")}$[d+"Delay"]=100;k[d]=$.extend(k[d],{setup:function(){if(e){return false}$(j.start)},teardown:function(){if(e){return false}$(j.stop)}});j=(function(){var m={},r,n,o,q;function p(){o=q=function(s){return s};if(h){n=$('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q=function(){return a(n.document[c][l])};o=function(u,s){if(u!==s){var t=n.document;t.open().close();t[c].hash="#"+u}};o(a())}}m.start=function(){if(r){return}var t=a();o||p();(function s(){var v=a(),u=q(t);if(v!==t){o(t=v,u);$(i).trigger(d)}else{if(u!==t){i[c][l]=i[c][l].replace(/#.*/,"")+"#"+u}}r=setTimeout(s,$[d+"Delay"])})()};m.stop=function(){if(!n){r&&clearTimeout(r);r=0}};return m})()})(jQuery,this);

View file

@ -0,0 +1,135 @@
/* ========================================================
* bootstrap-tab.js v2.1.1
* http://twitter.github.com/bootstrap/javascript.html#tabs
* ========================================================
* Copyright 2012 Twitter, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ======================================================== */
!function ($) {
"use strict"; // jshint ;_;
/* TAB CLASS DEFINITION
* ==================== */
var Tab = function (element) {
this.element = $(element)
}
Tab.prototype = {
constructor: Tab
, show: function () {
var $this = this.element
, $ul = $this.closest('ul:not(.dropdown-menu)')
, selector = $this.attr('data-target')
, previous
, $target
, e
if (!selector) {
selector = $this.attr('href')
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
}
if ( $this.parent('li').hasClass('active') ) return
previous = $ul.find('.active a').last()[0]
e = $.Event('show', {
relatedTarget: previous
})
$this.trigger(e)
if (e.isDefaultPrevented()) return
$target = $(selector)
this.activate($this.parent('li'), $ul)
this.activate($target, $target.parent(), function () {
$this.trigger({
type: 'shown'
, relatedTarget: previous
})
})
}
, activate: function ( element, container, callback) {
var $active = container.find('> .active')
, transition = callback
&& $.support.transition
&& $active.hasClass('fade')
function next() {
$active
.removeClass('active')
.find('> .dropdown-menu > .active')
.removeClass('active')
element.addClass('active')
if (transition) {
element[0].offsetWidth // reflow for transition
element.addClass('in')
} else {
element.removeClass('fade')
}
if ( element.parent('.dropdown-menu') ) {
element.closest('li.dropdown').addClass('active')
}
callback && callback()
}
transition ?
$active.one($.support.transition.end, next) :
next()
$active.removeClass('in')
}
}
/* TAB PLUGIN DEFINITION
* ===================== */
$.fn.tab = function ( option ) {
return this.each(function () {
var $this = $(this)
, data = $this.data('tab')
if (!data) $this.data('tab', (data = new Tab(this)))
if (typeof option == 'string') data[option]()
})
}
$.fn.tab.Constructor = Tab
/* TAB DATA-API
* ============ */
$(function () {
$('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
e.preventDefault()
$(this).tab('show')
})
})
}(window.jQuery);

View file

@ -22,4 +22,4 @@ UL.menu-footer LI {
PRE{
font-size:22px;
}
}

38
doc/site/js/main.js Normal file
View file

@ -0,0 +1,38 @@
$(function() {
var tabs = $("#tabnav"),
tab_a_selector = "a";
var firstLoad = true;
tabs.find(tab_a_selector).click(function(e) {
e.preventDefault();
if ($(this).attr("href") === "/")
return;
if ($(this).attr("href") === "#api") {
$("#top_container").addClass("collapse");
}
else if ($(this).is(":visible")) {
if (firstLoad) {
firstLoad = false;
setTimeout(function() {
$("#top_container").removeClass("collapse");
}, 700);
}
else {
$("#top_container").removeClass("collapse");
}
}
$(this).tab("show");
var state = {};
state["nav"] = $(this).attr("href").substr(1);
$.bbq.pushState(state);
});
$(window).on("hashchange", function(e) {
tabs.each(function() {
var idx = $.bbq.getState("nav") || "embedding";
$(this).find(tab_a_selector + "[href='#" + idx + "']").triggerHandler('click');
});
}).trigger("hashchange");
});

View file

@ -5,9 +5,9 @@ body {
}
H2, H3, H4 {
font-family:Trebuchet MS;
font-weight:bold;
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica;
font-weight: 100;
margin:0;
padding:0;
}
@ -19,8 +19,6 @@ H2 {
}
H3 {
font-family:Trebuchet MS;
font-weight:bold;
font-size:22px;
color:#253741;
margin-top:43px;
@ -28,8 +26,6 @@ H3 {
}
H4 {
font-family:Trebuchet MS;
font-weight:bold;
font-size:21px;
color:#222222;
margin-bottom:4px;
@ -51,7 +47,7 @@ PRE{
padding : 10px;
}
#header {
#header {
height: 93px;
position: relative;
background: url(images/background.png) repeat-x 0 0;
@ -99,7 +95,7 @@ PRE{
}
#wrapper {
background:url(images/body_background.png) repeat-x 0 0;
background:url(images/body_background.png) repeat-x 0 -15px;
min-height:250px;
}
@ -107,7 +103,7 @@ PRE{
font-family:Arial;
font-size:14px;
color:#222222;
width:1000px;
width: 960px;
}
#wrapper .content .column1 {
@ -122,8 +118,43 @@ PRE{
position:relative;
overflow:hidden;
float:left;
width:600px;
padding-top:47px;
/*width:600px;*/
}
#top_container h1 {
font-size: 68px;
line-height: 60px;
width: 515px;
float: left;
font-weight: 100;
font-family: Helvetica;
padding-top: 20px;
color: #333;
}
#top_container {
overflow: hidden;
padding: 15px 40px;
height: 280px;
-webkit-transition: height 0.4s ease-out, opacity 0.4s ease-out, padding 0.4s ease-out, margin 0.4s ease-out;
opacity: 1;
margin-top: 25px;
}
#top_container.collapse {
padding: 0px;
height: 0px;
opacity: 0;
margin: 0;
}
#page_logo {
padding: 15px 0;
width: 350px;
float: right;
text-align: center;
height: 220px;
padding-top: 45px;
}
.fork_on_github {
@ -151,7 +182,7 @@ PRE{
}
UL.content-list {
padding:15px;
padding: 15px 20px;
margin:0;
}
@ -183,11 +214,8 @@ A:hover {
}
P#first{
background : rgba(255,255,255,0.5);
padding : 20px;
font-size : 16px;
line-height : 24px;
margin : 0 0 20px 0;
}
#footer {
@ -223,6 +251,63 @@ UL.menu-footer LI A:hover {
text-decoration:underline;
}
.nav-pills.nav {
margin: 25px 0 25px 0;
padding: 0;
border-radius: 5px;
border: 1px solid #d7d7d7;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
overflow: hidden;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover {
color: white;
background-color: #555;
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8);
text-shadow: none;
}
.nav-tabs > li > a, .nav-pills > li > a {
padding-right: 30px;
padding-left: 30px;
border-right: 1px solid #bbb;
border-radius: 0;
margin: 0;
line-height: 24px;
font-size: 14px;
color: #333;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0 1px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 0 1px rgba(255, 255, 255, 1);
}
.nav.nav-pills li:first-child > a {
padding-left: 29px;
padding-right: 29px;
}
.nav.nav-pills li:first-child > a > img {
width: 34px;
}
.nav.nav-pills li:last-child > a {
border-right: none;
}
.tab-content > .active, .pill-content > .active {
padding: 35px 30px;
}
#top_container, .tab-content > .active, .pill-content > .active {
background: rgba(255, 255, 255, 0.7);
border: 1px solid #DDD;
border-radius: 5px;
-moz-border-radius: 5px;
}