Tweak styles to match new Panino

This commit is contained in:
Garen Torikian 2012-08-31 16:13:38 -07:00
commit d576d21154
24 changed files with 411 additions and 401 deletions

View file

@ -17,7 +17,7 @@ build: pre_build
doc: doc:
cd doc;\ cd doc;\
test -d node_modules || npm install;\ (test -d node_modules && npm update) || npm install;\
node build.js node build.js
clean: clean:

View file

@ -1,7 +1,7 @@
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Ace - Ace API</title><meta name="generator" content="c9-doc-build"><meta name="description" content="Ace API documentation for the online code editor."><meta name="author" content="Garen J. Torikian"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="./resources/csses/bootstrap.min.css"><link rel="stylesheet" href="./resources/csses/prettify.css"><link rel="stylesheet" href="./resources/csses/ace_api.css"><link href="./resources/images/favicon.ico" rel="icon" type="image/x-icon"><script src="./resources/javascripts/jquery.js"></script><script src="./resources/javascripts/clicker.js"></script><script src="./resources/javascripts/jquery.collapse.js"></script><script src="./resources/javascripts/jquery.cookie.js"></script><script src="./resources/javascripts/bootstrap-dropdown.js"></script><script src="./resources/javascripts/jquery-scrollspy.js"></script><script script src="./resources/javascripts/prettify-extension.js"></script></head><body><div class="navbar navbar-fixed-top"><div class="navbar-inner"><div id="topSection" class="container"><span class="brand"></span><ul class="nav topLinks"><li id="ace_site"><a href="../index.html">Ace</a></li><li id="ace_api" class="active"><a href="index.html">Ace API Reference</a></li></ul><form id="searchbox" action="" class="navbar-search pull-right"> <input name="query" type="text" placeholder="Search the API" title="Search across all the documentation" class="search-query span3"></form></div></div></div><div id="nonFooter"><div id="wrapper"><div class="content"><div class="row centerpiece"><div id="sidebarContainer" class="span3"><div id="sidebar"><div id="well"><h3>Ace Reference</h3><div class="swirl_divider"> </div><ul class="menu"><li><div class="menu-item"><a href="ace.html" class="menuLink namespace">Ace</a></div></li><li><div class="menu-item"><a href="anchor.html" class="menuLink namespace">Anchor</a></div></li><li><div class="menu-item"><a href="background_tokenizer.html" class="menuLink namespace">BackgroundTokenizer </a></div></li><li><div class="menu-item"><a href="document.html" class="menuLink namespace">Document </a></div></li><li><div class="menu-item"><a href="edit_session.html" class="menuLink namespace">EditSession </a></div></li><li><div class="menu-item"><a href="editor.html" class="menuLink namespace">Editor</a></div></li><li><div class="menu-item"><a href="range.html" class="menuLink namespace">Range</a></div></li><li><div class="menu-item"><a href="scrollbar.html" class="menuLink namespace">Scrollbar</a></div></li><li><div class="menu-item"><a href="search.html" class="menuLink namespace">Search </a></div></li><li><div class="menu-item"><a href="selection.html" class="menuLink namespace">Selection </a></div></li><li><div class="menu-item"><a href="token_iterator.html" class="menuLink namespace">TokenIterator</a></div></li><li><div class="menu-item"><a href="tokenizer.html" class="menuLink namespace">Tokenizer</a></div></li><li><div class="menu-item"><a href="undomanager.html" class="menuLink namespace">UndoManager</a></div></li><li><div class="menu-item"><a href="virtual_renderer.html" class="menuLink namespace">VirtualRenderer</a></div></li></ul></div></div></div><div id="mainContent" class="span9"><div id="documentation"><div class="classContent"><div class="membersBackground"></div><div class=" members pos0"><div class=" membersContent pos0"><h1 class="memberHeader"><span class="name">Ace<span class="editInC9"><a href='http://c9.io/open/git/?url=git%3A%2F%2Fgithub.com%2Fajaxorg%2Face.git' title='Edit in Cloud9 IDE'>[edit]</a></span></span></h1><ul data-tabs="tabs" class="nav tabs pos0"><li data-dropdown="dropdown" class="dropdown"></li><li data-dropdown="dropdown" class="dropdown"></li><li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Functions (1)</span><b class="caret"></b></a><ul class="dropdown-menu"><li data-id="Ace.edit" class="memberLink"><a href="#Ace.edit" class="" title="Ace.edit (class method)" data-id="Ace.edit">edit</a></li></ul></li><li data-dropdown="dropdown" class="dropdown"></li><li data-dropdown="dropdown" class="dropdown"></li><li data-dropdown="dropdown" class="dropdown"></li><li data-dropdown="dropdown" class="dropdown"></li></ul></div></div><article id="Ace" data-title="Ace (class)" class="article"><div class="section description"><div class="memberContent"><p>The main class required to set up an Ace instance in the browser.</p> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Ace - Ace API</title><meta name="generator" content="c9-doc-build"><meta name="description" content="Ace API documentation for the online code editor."><meta name="author" content="Garen J. Torikian"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="./resources/csses/bootstrap.min.css"><link rel="stylesheet" href="./resources/csses/prettify.css"><link rel="stylesheet" href="./resources/csses/ace_api.css"><link href="./resources/images/favicon.ico" rel="icon" type="image/x-icon"><script src="./resources/javascripts/jquery.js"></script><script src="./resources/javascripts/clicker.js"></script><script src="./resources/javascripts/jquery.collapse.js"></script><script src="./resources/javascripts/jquery.cookie.js"></script><script src="./resources/javascripts/bootstrap-dropdown.js"></script><script src="./resources/javascripts/jquery-scrollspy.js"></script><script script src="./resources/javascripts/prettify-extension.js"></script></head><body><div class="navbar navbar-fixed-top"><div class="navbar-inner"><div id="topSection" class="container"><span class="brand"></span><ul class="nav topLinks"><li id="ace_site"><a href="../index.html">Ace</a></li><li id="ace_api" class="active"><a href="index.html">Ace API Reference</a></li></ul><form id="searchbox" action="" class="navbar-search pull-right"> <input name="query" type="text" placeholder="Search the API" title="Search across all the documentation" class="search-query span3"></form></div></div></div><div id="nonFooter"><div id="wrapper"><div class="content"><div class="row centerpiece"><div id="sidebarContainer" class="span3"><div id="sidebar"><div id="well"><h3>Ace Reference</h3><div class="swirl_divider"> </div><ul class="menu"><li><div class="menu-item"><a href="ace.html" class="menuLink namespace">Ace</a></div></li><li><div class="menu-item"><a href="anchor.html" class="menuLink namespace">Anchor</a></div></li><li><div class="menu-item"><a href="background_tokenizer.html" class="menuLink namespace">BackgroundTokenizer </a></div></li><li><div class="menu-item"><a href="document.html" class="menuLink namespace">Document </a></div></li><li><div class="menu-item"><a href="edit_session.html" class="menuLink namespace">EditSession </a></div></li><li><div class="menu-item"><a href="editor.html" class="menuLink namespace">Editor</a></div></li><li><div class="menu-item"><a href="range.html" class="menuLink namespace">Range</a></div></li><li><div class="menu-item"><a href="scrollbar.html" class="menuLink namespace">Scrollbar</a></div></li><li><div class="menu-item"><a href="search.html" class="menuLink namespace">Search </a></div></li><li><div class="menu-item"><a href="selection.html" class="menuLink namespace">Selection </a></div></li><li><div class="menu-item"><a href="token_iterator.html" class="menuLink namespace">TokenIterator</a></div></li><li><div class="menu-item"><a href="tokenizer.html" class="menuLink namespace">Tokenizer</a></div></li><li><div class="menu-item"><a href="undomanager.html" class="menuLink namespace">UndoManager</a></div></li><li><div class="menu-item"><a href="virtual_renderer.html" class="menuLink namespace">VirtualRenderer</a></div></li></ul></div></div></div><div id="mainContent" class="span9"><div id="documentation"><div class="classContent"><div class="membersBackground"></div><div class=" members pos0"><div class=" membersContent pos0"><h1 class="memberHeader"><span class="name">Ace<span class="editInC9"> <a href='http://c9.io/open/git/?url=git%3A%2F%2Fgithub.com%2Fajaxorg%2Face.git' title='Edit in Cloud9 IDE'>[edit]</a></span></span></h1><ul data-tabs="tabs" class="nav tabs pos0"><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Functions (1)</span><b class="caret"></b></a><ul class="dropdown-menu"><li data-id="Ace.edit" class="memberLink"><a href="#Ace.edit" class="" title="Ace.edit (class method)" data-id="Ace.edit">edit</a></li></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li></ul></div></div><article id="Ace" data-title="Ace (class)" class="article"><div class="section description"><div class="memberContent"><p>The main class required to set up an Ace instance in the browser.</p>
</div></div></article><h3 class="sectionHeader">Methods</h3><article id="Ace.edit" data-title="Ace.edit (class method)" class="article"><div class="section method"><div class="memberContent"><div class="title"><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span id="Ace.edit" class="member-name methodClicker"><span class="sigClassName">Ace.</span><span class="sigMemberName">edit</span></span>(<span class="sigArgList"><a href="http://www.nodemanual.org/latest/js_doc/String.html" class="argument methodClicker" title="String" data-id="String">String</a> | <a href="https://developer.mozilla.org/en/DOM/element" class="argument methodClicker" title="DOMElement" data-id="DOMElement">DOMElement</a> el</span>)<li class="signature-returns"><ul class="argument-types"><li class="argument-type"><a href="editor.html#Editor" class="returnType " title="Editor (class)" data-id="Editor">Editor</a></li></ul></li></li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Ace.edit" class="ellipsis_description"><p>This method embeds the Ace editor into the DOM, at the element provided by <code>el</code>.</p> </div></div></article><h3 class="sectionHeader">Methods</h3><article id="Ace.edit" data-title="Ace.edit (class method)" class="article"><div class="section method"><div class="memberContent"><div class="title"><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span id="Ace.edit" class="member-name methodClicker"><span class="sigClassName">Ace.</span><span class="sigMemberName">edit</span></span>(<span class="sigArgList"><a href="http://www.nodemanual.org/latest/js_doc/String.html" class="argument methodClicker" title="String" data-id="String">String</a> | <a href="https://developer.mozilla.org/en/DOM/element" class="argument methodClicker" title="DOMElement" data-id="DOMElement">DOMElement</a> el</span>)<li class="signature-returns"><ul class="argument-types"><li class="argument-type"><a href="editor.html#Editor" class="returnType " title="Editor (class)" data-id="Editor">Editor</a></li></ul></li></li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Ace.edit" class="ellipsis_description"><p>This method embeds the Ace editor into the DOM, at the element provided by <code>el</code>.</p>
</div><h3 id="Ace.edit" class="methodToggle methodClicker inactive">&nbsp;&nbsp;&nbsp;</h3><div class="description"><p>This method embeds the Ace editor into the DOM, at the element provided by <code>el</code>.</p> </div><h3 id="Ace.edit" class="methodToggle methodClicker inactive">&nbsp;&nbsp;&nbsp;</h3><div class="description"><p>This method embeds the Ace editor into the DOM, at the element provided by <code>el</code>.</p>
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">el</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/String.html" class="" title="String" data-id="String">String</a> | <a href="https://developer.mozilla.org/en/DOM/element" class="" title="DOMElement" data-id="DOMElement">DOMElement</a></td><td class="argDescription "><p>Required. Either the id of an element, or the element itself</p> <h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">el</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/String.html" class="" title="String" data-id="String">String</a> | <a href="https://developer.mozilla.org/en/DOM/element" class="" title="DOMElement" data-id="DOMElement">DOMElement</a></td><td class="argDescription "><p>Required. Either the id of an element, or the element itself</p>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -485,7 +485,7 @@ header.filler {
.centerpiece { .centerpiece {
background: url(../images/sidebar_border.png) repeat-y 230px 0; background: url(../images/sidebar_border.png) repeat-y 230px 0;
height: 100%; min-height: 100%;
} }
/* /*

View file

@ -1,6 +1,20 @@
$(function () { $(function () {
'use strict'; 'use strict';
var pagePath = document.location.pathname.substring(document.location.pathname.lastIndexOf("/") + 1);
// select current page in sidenav and set up prev/next links if they exist
var $selNavLink = $('#sidebar').find('a[href="' + pagePath + '"]');
if ($selNavLink.length) {
//$selListItem = $selNavLink.closest('li');
$selNavLink.addClass('currentItem');
}
// init prettyprint
$('pre > code').addClass('prettyprint');
prettyPrint();
var baseTitle = document.title, var baseTitle = document.title,
// base (general) part of title // base (general) part of title
pathName = window.location.pathname, pathName = window.location.pathname,
@ -25,25 +39,12 @@ $(function () {
}; };
} }
var fileNameRE = new RegExp("^" + fileName, "i");
$('a.menuLink').each(function (index) {
if ($(this).attr("href").match(fileNameRE)) {
$(this).addClass("currentItem");
return false;
}
});
// init search // init search
$('#search') $('#search')
// prevent from form submit // prevent from form submit
.on('submit', function () { .on('submit', function () {
return false; return false;
}).find('input'); }).find('input');
// init prettyprint
$('pre > code').addClass('prettyprint');
prettyPrint();
}); });
$(document).ready(function () { $(document).ready(function () {
@ -83,7 +84,7 @@ $(document).ready(function () {
$(this).scrollspy({ $(this).scrollspy({
min: $classContent.position().top - 35, min: $classContent.position().top - 35,
max: $classContent.position().top + $classContent.height(), max: $classContent.position().top + $classContent.height() - 35,
onEnter: function (element, position) { onEnter: function (element, position) {
var $pagination = $(element); var $pagination = $(element);
var $paginationContent = $('.membersContent pos' + i); var $paginationContent = $('.membersContent pos' + i);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -485,7 +485,7 @@ header.filler {
.centerpiece { .centerpiece {
background: url(../images/sidebar_border.png) repeat-y 230px 0; background: url(../images/sidebar_border.png) repeat-y 230px 0;
height: 100%; min-height: 100%;
} }
/* /*

View file

@ -1,6 +1,20 @@
$(function () { $(function () {
'use strict'; 'use strict';
var pagePath = document.location.pathname.substring(document.location.pathname.lastIndexOf("/") + 1);
// select current page in sidenav and set up prev/next links if they exist
var $selNavLink = $('#sidebar').find('a[href="' + pagePath + '"]');
if ($selNavLink.length) {
//$selListItem = $selNavLink.closest('li');
$selNavLink.addClass('currentItem');
}
// init prettyprint
$('pre > code').addClass('prettyprint');
prettyPrint();
var baseTitle = document.title, var baseTitle = document.title,
// base (general) part of title // base (general) part of title
pathName = window.location.pathname, pathName = window.location.pathname,
@ -25,25 +39,12 @@ $(function () {
}; };
} }
var fileNameRE = new RegExp("^" + fileName, "i");
$('a.menuLink').each(function (index) {
if ($(this).attr("href").match(fileNameRE)) {
$(this).addClass("currentItem");
return false;
}
});
// init search // init search
$('#search') $('#search')
// prevent from form submit // prevent from form submit
.on('submit', function () { .on('submit', function () {
return false; return false;
}).find('input'); }).find('input');
// init prettyprint
$('pre > code').addClass('prettyprint');
prettyPrint();
}); });
$(document).ready(function () { $(document).ready(function () {
@ -83,7 +84,7 @@ $(document).ready(function () {
$(this).scrollspy({ $(this).scrollspy({
min: $classContent.position().top - 35, min: $classContent.position().top - 35,
max: $classContent.position().top + $classContent.height(), max: $classContent.position().top + $classContent.height() - 35,
onEnter: function (element, position) { onEnter: function (element, position) {
var $pagination = $(element); var $pagination = $(element);
var $paginationContent = $('.membersContent pos' + i); var $paginationContent = $('.membersContent pos' + i);

View file

@ -1,4 +1,4 @@
- var methodSection = constructorSection = propertySection = eventSection = false; - var methodSection, constructorSection, propertySection, eventSection;
-function renameMemberTitle(title, count) -function renameMemberTitle(title, count)
if title.indexOf("ethods") >= 0 if title.indexOf("ethods") >= 0
@ -12,11 +12,13 @@ mixin article(obj, parents)
if typeof obj === 'string' if typeof obj === 'string'
obj = list[obj] obj = list[obj]
title = obj.id + (obj.type ? ' (' + obj.type + ')' : '') title = obj.path + (obj.type ? ' (' + obj.type + ')' : '')
article.article(id=obj.path, data-title=title) article.article(id=obj.path, data-title=title)
if obj.type === 'section' || obj.type === 'namespace' || obj.type === 'class' || obj.type === 'mixin' if obj.type === 'section' || obj.type === 'namespace' || obj.type === 'class' || obj.type === 'mixin'
if obj.stability
mixin markdown(">" + obj.stability)
if obj.description if obj.description
.section.description .section.description
.memberContent .memberContent
@ -114,24 +116,22 @@ mixin article(obj, parents)
else if obj.aliases.length else if obj.aliases.length
li li
span.label.alias.multiple span.label.alias.multiple
| Aliased as: | Aliased as:&nbsp;
ul.alias
for alias in obj.aliases for alias in obj.aliases
li mixin link(alias)&nbsp;
mixin link(alias)
if obj.related_to if obj.related_to
li li
span.label.related-to span.label.related-to
| Related to | Related to:
mixin link(obj.related_to) != link(obj.related_to)
div.sideToggler div.sideToggler
div(id='ellipsis_#{obj.id}', class='ellipsis_description') div(id='ellipsis_#{obj.path}', class='ellipsis_description')
mixin markdown(obj.short_description) mixin markdown(obj.short_description)
h3(id='#{obj.id}', class='methodToggle methodClicker inactive') h3(id='#{obj.path}', class='methodToggle methodClicker inactive')
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
div.description div.description
@ -168,9 +168,6 @@ mixin article(obj, parents)
h3.sectionHeader Constructors h3.sectionHeader Constructors
mixin article(child, parents.concat(obj)) mixin article(child, parents.concat(obj))
for child in obj.children.filter(function(x){return x.type === 'namespace' || x.type === 'class' || x.type === 'mixin'})
mixin article(child, parents.concat(obj))
for child in obj.children.filter(function(x){return x.type === 'event'}) for child in obj.children.filter(function(x){return x.type === 'event'})
- if (!eventSection) - if (!eventSection)
- eventSection = true - eventSection = true
@ -201,15 +198,27 @@ mixin article(obj, parents)
mixin api() mixin api()
-pos = 0 -pos = 0
for obj in tree.children for obj in tree.children
-if (obj.subclasses.length == 0)
mixin render_starting_tabs(obj, pos)
-else
mixin render_starting_tabs(obj, pos)
for child in obj.children.filter(function(x){return x.type === 'namespace' || x.type === 'class' || x.type === 'mixin'})
-pos++
mixin render_starting_tabs(child, pos)
mixin render_starting_tabs(obj, pos)
.classContent .classContent
.membersBackground .membersBackground
div(class=' members pos#{pos}') div(class=' members pos#{pos}')
div(class=' membersContent pos#{pos}') div(class=' membersContent pos#{pos}')
h1.memberHeader h1.memberHeader
-var heading = obj.path -var heading = obj.path
span.name #{heading} span.name #{heading}
-if (pos >= 0)
span.editInC9 span.editInC9
mixin formatGHHref(obj.href, 'nodejs_ref_guide') mixin formatGHHref(obj.file)
-if (true || obj.filename.indexOf("index") < 0) -if (true || obj.filename.indexOf("index") < 0)
ul(class='nav tabs pos#{pos}', data-tabs='tabs') ul(class='nav tabs pos#{pos}', data-tabs='tabs')
@ -222,12 +231,11 @@ mixin api()
b.caret b.caret
ul.dropdown-menu ul.dropdown-menu
for m in members for m in members
li(data-id='#{m.id}', class='memberLink') li(data-id='#{m.path}', class='memberLink')
mixin link(m, [], true) mixin link(m, [], true)
-pos++ -methodSection = constructorSection = propertySection = eventSection = false;
mixin article(obj, []) mixin article(obj, [])
mixin short_description_list(collection) mixin short_description_list(collection)
ul.method-details-list ul.method-details-list
for obj in collection for obj in collection
@ -249,7 +257,7 @@ mixin links(collection)
li li
mixin link(obj) mixin link(obj)
mixin formatGHHref(url, type) mixin formatGHHref(url)
url = url.substring(url.indexOf("ace/lib")) url = url.substring(url.indexOf("ace/lib"))
-url = url.replace(/\/{2,}/g, "/").replace(/\//g,"%2F") -url = url.replace(/\/{2,}/g, "/").replace(/\//g,"%2F")