diff --git a/template/js/History.js b/template/app/History.js similarity index 100% rename from template/js/History.js rename to template/app/History.js diff --git a/template/index.html b/template/index.html index 345fe69cd18c1de562dae506ceec06338cd3e622..1c4d4655874f3880411111d1b7655a63313b51d5 100644 --- a/template/index.html +++ b/template/index.html @@ -34,8 +34,7 @@ - - + diff --git a/template/index_old.html b/template/index_old.html deleted file mode 100644 index ef6bc637e42bbdcdc1636498368e1300053b2fb8..0000000000000000000000000000000000000000 --- a/template/index_old.html +++ /dev/null @@ -1,119 +0,0 @@ - - - - Ext JS API - - - - - - - - - - -
- For up to date documentation and features, visit http://docs.sencha.com/ext-js/4-0 -
- -
-
- -
-

Sencha Documentation

-
- - - -
- -
-
-

Ext JS 4.0 API Documentation

-
- -
- - - -
- -
- -
- -
-
-
- -
- - -
- - - - - - - - - - - - - - - - - - - - - - diff --git a/template/js/App.js b/template/js/App.js deleted file mode 100644 index 9b3b93f25e6a1290357a20f48dc882c3690cb485..0000000000000000000000000000000000000000 --- a/template/js/App.js +++ /dev/null @@ -1,140 +0,0 @@ -/** - * Manages the front page and switching between the main parts of docs - * app. - */ -Ext.define("Docs.App", { - singleton: true, - - /** - * Returns base URL used for making AJAX requests. - * @return {String} URL - */ - getBaseUrl: function() { - return document.location.href.replace(/#.*/, "").replace(/index.html/, ""); - }, - - /** - * Initializes listeners for all kind of links on front page. - */ - init: function() { - this.initResizeWindow(); - - Ext.core.DomHelper.append(Ext.get("api-overview"), this.renderOverviewData(Docs.overviewData)); - - // load front page when clicked on logo - Ext.get(Ext.query(".header > h2 > a")[0]).addListener('click', function() { - this.setIndexMode(); - Docs.History.push(""); - }, this, {preventDefault: true}); - - // load guide when clicked on guide link - Ext.Array.forEach(Ext.query("#api-overview .guides a"), function(el) { - Ext.get(el).addListener('click', function() { - this.setGuideMode(); - Docs.Guides.load(el.className); - }, this, {preventDefault: true}); - }, this); - - // render classes tree - Ext.create('Docs.ClassTree', { - root: Docs.classData - }); - - Ext.tip.QuickTipManager.init(); - Docs.History.init(); - }, - - setIndexMode: function() { - Ext.get("top-block").setStyle({display: 'block'}); - Ext.get("top-block").update('

Ext JS 4.0 API Documentation

'); - - Ext.get("api-overview").setStyle({display: 'block'}); - Ext.get("api-guide").setStyle({display: 'none'}).update(""); - Ext.get("api-class").setStyle({display: 'none'}); - }, - - setGuideMode: function() { - Ext.get("top-block").setStyle({display: 'none'}); - - Ext.get("api-overview").setStyle({display: 'none'}); - Ext.get("api-guide").setStyle({display: 'block'}); - Ext.get("api-class").setStyle({display: 'none'}); - }, - - setClassMode: function() { - Ext.get("top-block").setStyle({display: 'block'}); - - Ext.get("api-overview").setStyle({display: 'none'}); - Ext.get("api-guide").setStyle({display: 'none'}).update(""); - Ext.get("api-class").setStyle({display: 'block'}); - }, - - initResizeWindow: function() { - this.resizeWindow(); - // Resize the main window and tree on resize - window.onresize = Ext.bind(function() { - if (!this.resizeTimeout) { - this.resizeTimeout = Ext.Function.defer(this.resizeWindow, 100, this); - } - }, this); - }, - - resizeWindow: function() { - var treePanelCmp = Ext.getCmp('treePanelCmp'), - docTabPanel = Ext.getCmp('docTabPanel'), - container = Ext.get('container'), - viewportHeight = Ext.core.Element.getViewportHeight(), - viewportWidth = Ext.core.Element.getViewportWidth(); - - if (Ext.get('notice')) { - viewportHeight = viewportHeight - 40; - } - - container.setStyle({ - position: 'absolute', - height: String(viewportHeight - 40) + 'px', - width: String(viewportWidth - 280) + 'px' - }); - - if (treePanelCmp) { - treePanelCmp.setHeight(viewportHeight - 140); - } else { - Ext.get('docContent').setHeight(viewportHeight - 90); - } - - if (docTabPanel) { - docTabPanel.setHeight(viewportHeight - 125); - } - - this.resizeTimeout = null; - }, - - renderOverviewData: function(data) { - var tpl = new Ext.XTemplate( - '', - '
', - '

{name}

', - '', - '
', - '', - '

{.}

', - '
', - '{[this.renderClasses(values)]}', - '
', - '', - '
', - '', - '
', - '
', - '', - { - renderClasses: function(category) { - return Ext.Array.map(data.categories[category].classes, function(cls) { - return Ext.String.format('{0}', cls); - }).join("\n"); - } - } - ); - return tpl.apply(data); - } -}); diff --git a/template/js/ClassLoader.js b/template/js/ClassLoader.js deleted file mode 100644 index 8b2c3150de006cb6901fe2a6a00a367bbedb8aab..0000000000000000000000000000000000000000 --- a/template/js/ClassLoader.js +++ /dev/null @@ -1,84 +0,0 @@ -/** - * Manages the loading of class documentation. - */ -Ext.define("Docs.ClassLoader", { - singleton: true, - cache: {}, - - /** - * Loads class. - * - * @param {String} clsUrl name of the class + optionally name of the method, separated with dash. - * @param {Boolean} noHistory true to disable adding entry to browser history - */ - load: function(clsUrl, noHistory) { - var cls = clsUrl; - var member; - - // separate class and member name - var matches = clsUrl.match(/^(.*?)(?:-(.*))?$/); - if (matches) { - cls = matches[1]; - member = matches[2]; - } - - if (!noHistory) { - Docs.History.push("/api/" + clsUrl); - } - - Docs.App.setClassMode(); - var docTabPanel = Ext.getCmp('docTabPanel'); - if (docTabPanel) { - Ext.getCmp('docTabPanel').setActiveTab(0); - } - - if (this.cache[cls]) { - this.showClass(this.cache[cls], member); - } else { - if (docTabPanel) { - Ext.getCmp('doc-overview').setLoading(true); - } - - Ext.data.JsonP.request({ - url: Docs.App.getBaseUrl() + '/output/' + cls + '.js', - callbackName: cls.replace(/\./g, '_'), - success: function(json, opts) { - this.cache[cls] = json; - this.showClass(json, member); - }, - failure : function(response, opts) { - console.log('Fail'); - }, - scope: this - }); - } - }, - - showClass: function(cls, anchor) { - var docTabPanel = Ext.getCmp('docTabPanel'); - if (!docTabPanel) { - Ext.create('Docs.ClassPanel'); - } - - Ext.get('docTabPanel').show(); - var pageContent = Ext.get('pageContent'); - if (pageContent) { - pageContent.setVisibilityMode(Ext.core.Element.DISPLAY).hide(); - } - - Ext.getCmp('treePanelCmp').selectClass(cls.name); - Docs.PageHeader.load(cls); - - var docOverviewTab = Ext.getCmp('doc-overview'); - docOverviewTab.load(cls); - docOverviewTab.setLoading(false); - - if (anchor) { - Ext.getCmp('doc-overview').scrollToEl("#" + anchor); - } else { - var docContent = Ext.get(Ext.query('#doc-overview .x-panel-body')[0]); - docContent.scrollTo('top', 0); - } - } -}); - diff --git a/template/js/ClassPanel.js b/template/js/ClassPanel.js deleted file mode 100644 index 8fb816655f80dce47893144f41b2c6cb31f6f998..0000000000000000000000000000000000000000 --- a/template/js/ClassPanel.js +++ /dev/null @@ -1,29 +0,0 @@ -Ext.define('Docs.ClassPanel', { - extend: 'Ext.tab.Panel', - - id: 'docTabPanel', - renderTo: 'api-class', - - style: 'border-color: #bfbfbf;', - plain: true, - - // Remember tab scroll position on Webkit - listeners: { - beforetabchange: function(tabPanel, newCard, oldCard) { - oldCard.prevScroll = oldCard.body.getScroll()['top']; - }, - tabchange: function(tabPanel, newCard, oldCard) { - if (newCard.prevScroll) { - newCard.body.scrollTo('top', newCard.prevScroll); - } - }, - afterrender: function() { - Docs.App.resizeWindow(); - } - }, - - initComponent: function() { - this.items = Ext.create('Docs.OverviewPanel'); - this.callParent(arguments); - } -}); diff --git a/template/js/ClassTree.js b/template/js/ClassTree.js deleted file mode 100644 index 4718ae823189ac4aed3ba028237b59f67868cf40..0000000000000000000000000000000000000000 --- a/template/js/ClassTree.js +++ /dev/null @@ -1,71 +0,0 @@ -/** - * Class tree. - */ -Ext.define('Docs.ClassTree', { - extend: 'Ext.tree.Panel', - - id: 'treePanelCmp', - cls: 'iScroll', - renderTo: 'treePanel', - folderSort: true, - useArrows: true, - rootVisible: false, - - height: Ext.core.Element.getViewportHeight() - 170, - border: false, - bodyBorder: false, - padding: '0 0 0 20', - - listeners: { - itemclick: function(view, node) { - var clsName = node.raw ? node.raw.clsName : node.data.clsName; - - if (clsName) { - Docs.ClassLoader.load(clsName); - } else if (!node.isLeaf()) { - if (node.isExpanded()) { - node.collapse(false); - } else { - node.expand(false); - } - } - } - }, - - initComponent: function() { - // Expand the main tree - this.root.expanded = true; - this.root.children[0].expanded = true; - // Add links for favoriting classes - this.addFavIcons(this.root); - - this.callParent(); - }, - - addFavIcons: function(node) { - if (node.isClass) { - node.text += ''; - } - if (node.children) { - Ext.Array.forEach(node.children, this.addFavIcons, this); - } - }, - - /** - * Selects class node in tree by name. - * - * @param {String} className - */ - selectClass: function(className) { - var classNode = this.getRootNode().findChildBy(function(n) { - return className === n.raw.clsName; - }, null, true); - - if (classNode) { - this.getSelectionModel().select(classNode); - classNode.bubble(function(n) { - n.expand(); - }); - } - } -}); diff --git a/template/js/Guides.js b/template/js/Guides.js deleted file mode 100644 index 54980096d46d9bc589cb430c6d3dd5578b92e09d..0000000000000000000000000000000000000000 --- a/template/js/Guides.js +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Takes care of loading guides. - */ -Ext.define("Docs.Guides", { - singleton: true, - - /** - * Loads guide with given name. - * - * @param {String} name name of the guide - * @param {Boolean} noHistory true to not add browser history entry - */ - load: function(name, noHistory) { - noHistory || Docs.History.push("/guide/" + name); - - Ext.data.JsonP.request({ - url: Docs.App.getBaseUrl() + "/guides/" + name + "/README.js", - callbackName: name, - success: function(json) { - this.render(json.guide); - }, - scope: this - }); - }, - - render: function(html) { - Ext.get("api-guide").update(html); - this.syntaxHighlight(); - }, - - // Marks all code blocks with "prettyprint" class and then calls - // the prettify library function to highlight them. - syntaxHighlight: function() { - Ext.Array.forEach(Ext.query("pre > code"), function(el) { - Ext.get(el).addCls("prettyprint"); - }); - prettyPrint(); - } -}); diff --git a/template/js/HoverMenuButton.js b/template/js/HoverMenuButton.js deleted file mode 100644 index aa1c88d98c5cce537eec3b4f451893eb26539098..0000000000000000000000000000000000000000 --- a/template/js/HoverMenuButton.js +++ /dev/null @@ -1,120 +0,0 @@ -/** - * Toolbar button with menu that appears when hovered over. - */ -Ext.define('Docs.HoverMenuButton', { - extend: 'Ext.toolbar.TextItem', - componentCls: "hover-menu-button", - - /** - * @cfg {[String]} links - * Array of HTML anchor elements to be shown in menu. - */ - links: [], - - statics: { - // Global list of all menus. - // So we can hide all other menus while showing a specific one. - menus: [] - }, - - initComponent: function() { - this.addEvents( - /** - * @event click - * Fired when button clicked. - */ - "click" - ); - - // Append links count to button text - this.text += ' ' + this.links.length + ''; - - this.callParent(arguments); - }, - - onRender: function() { - this.callParent(arguments); - - this.renderMenu(); - - this.getEl().on({ - click: function() { - this.fireEvent("click"); - }, - mouseover: function() { - // hide other menus - Ext.Array.forEach(Docs.HoverMenuButton.menus, function(menu) { - if (menu !== this.menu) { - menu.setStyle({display: "none"}); - } - }); - // stop pending menuhide process - clearTimeout(this.hideTimeout); - // position menu right below button and show it - var p = this.getEl().getXY(); - this.menu.setStyle({ - left: p[0]+"px", - top: (p[1]+23)+"px", - display: "block" - }); - }, - mouseout: this.deferHideMenu, - scope: this - }); - - this.menu.on({ - mouseover: function() { - clearTimeout(this.hideTimeout); - }, - mouseout: this.deferHideMenu, - scope: this - }); - }, - - onDestroy: function() { - // clean up DOM - this.menu.remove(); - // remove from global menu list - Ext.Array.remove(Docs.HoverMenuButton.menus, this.menu); - - this.callParent(arguments); - }, - - renderMenu: function() { - this.menu = Ext.get(Ext.core.DomHelper.append(document.body, { - html: this.renderMenuHtml(), - cls: 'hover-menu-menu' - })); - Docs.HoverMenuButton.menus.push(this.menu); - }, - - renderMenuHtml: function() { - // divide links into columns with at most 25 links in one column - var columns = []; - for (var i=0; i', - '', - '', - '', - '', - '{.}', - '', - '', - '', - '', - '' - ); - return tpl.apply({columns: columns}); - }, - - deferHideMenu: function() { - this.hideTimeout = Ext.Function.defer(function() { - this.menu.setStyle({display: "none"}); - }, 200, this); - } - -}); diff --git a/template/js/OverviewPanel.js b/template/js/OverviewPanel.js deleted file mode 100644 index 4b5ea9b04ed122a5c6bf7f6dffc5b2974f331977..0000000000000000000000000000000000000000 --- a/template/js/OverviewPanel.js +++ /dev/null @@ -1,292 +0,0 @@ -/** - * Renders the whole class-documentation page. - */ -Ext.define('Docs.OverviewPanel', { - extend: 'Ext.panel.Panel', - - id: 'doc-overview', - cls: 'doc-tab iScroll', - title: 'Overview', - autoScroll: true, - - listeners: { - afterrender: function(cmp) { - // Expand member when clicked - cmp.el.addListener('click', function(cmp, el) { - Ext.get(Ext.get(el).up('.member')).toggleCls('open'); - }, this, { - preventDefault: true, - delegate: '.expandable' - }); - // Do nothing when clicking on not-expandable items - cmp.el.addListener('click', Ext.emptyFn, this, { - preventDefault: true, - delegate: '.not-expandable' - }); - - cmp.el.addListener('click', function(cmp, el) { - Docs.ClassLoader.load(el.rel); - }, this, { - preventDefault: true, - delegate: '.docClass' - }); - } - }, - - /** - * Scrolls the specified element into view - * - * @param {String} query DomQuery selector string. - */ - scrollToEl: function(query) { - var el = Ext.get(Ext.query(query)[0]); - if (el) { - var isMember = el.hasCls("member"); - var scrollOffset = el.getY() - (isMember ? 170 : 160); - var docContent = Ext.get(Ext.query('#doc-overview .x-panel-body')[0]); - var currentScroll = docContent.getScroll()['top']; - docContent.scrollTo('top', currentScroll + scrollOffset, true); - - if (isMember && el.down(".expandable")) { - el.addCls('open'); - } - } - }, - - /** - * Renders class documentation in this panel. - * - * @param {Object} docClass - */ - load: function(docClass) { - this.docClass = docClass; - this.removeDocked(this.toolbar, true); - this.toolbar = Ext.create('Docs.OverviewToolbar', { - docClass: docClass - }); - this.addDocked(this.toolbar); - - this.update(this.renderClass(docClass)); - this.syntaxHighlight(); - }, - - // Marks all code blocks with "prettyprint" class and then calls - // the prettify library function to highlight them. - syntaxHighlight: function() { - Ext.Array.forEach(Ext.query("pre > code"), function(el) { - Ext.get(el).addCls("prettyprint"); - }); - prettyPrint(); - }, - - renderClass: function(cls) { - this.classTpl = this.classTpl || new Ext.XTemplate( - '
', - '{hierarchy}', - '{doc}', - '
', - '{members}', - '
', - '
' - ); - - return this.classTpl.apply({ - doc: cls.doc, - hierarchy: this.renderHierarchy(cls), - members: this.renderMembers(cls) - }); - }, - - renderHierarchy: function(cls) { - if (cls.superclasses.length === 0 && cls.allMixins.length === 0) { - return ""; - } - - this.hierarchyTpl = this.hierarchyTpl || new Ext.XTemplate( - '
',
-            '',
-                '
Hierarchy
',
-                '{tree}',
-            '',
-            '',
-                '
Mixins
',
-                '',
-                    '
{.}
',
-                '',
-            '',
-            '
' - ); - - return this.hierarchyTpl.apply({ - tree: cls.superclasses.length ? this.renderClassTree(cls.superclasses.concat(cls.name), true) : "", - mixins: Ext.Array.map(cls.allMixins, this.renderLink, this) - }); - }, - - renderClassTree: function(superclasses, firstChild) { - if (superclasses.length === 0) { - return ""; - } - - this.classTreeTpl = this.classTreeTpl || new Ext.XTemplate( - '
', - '{link}', - '{subtree}', - '
' - ); - - var name = superclasses[0]; - return this.classTreeTpl.apply({ - firstChild: firstChild ? 'first-child' : '', - link: superclasses.length > 1 ? this.renderLink(name) : ''+name+'', - subtree: this.renderClassTree(superclasses.slice(1)) - }); - }, - - renderLink: function(className) { - return Ext.String.format('{0}', className); - }, - - renderMembers: function(cls) { - var typeTitles = { - cfg: "Config options", - property: "Properties", - method: "Methods", - event: "Events" - }; - - // Skip rendering empty sections - var html = []; - for (var type in typeTitles) { - if (cls[type].length > 0) { - html.push(this.renderSection(cls[type], type, typeTitles[type])); - } - } - return html.join(""); - }, - - renderSection: function(members, type, title) { - this.sectionTpl = this.sectionTpl || new Ext.XTemplate( - '
', - '
Defined By
', - '

{title}

', - '{members}', - '
' - ); - - return this.sectionTpl.apply({ - type: type, - title: title, - members: Ext.Array.map(members, this.renderMemberDiv, this).join("") - }); - }, - - renderMemberDiv: function(member, index) { - this.memberTpl = this.memberTpl || new Ext.XTemplate( - '
', - // leftmost column: expand button - '', - ' ', - '', - // member name and type + link to owner class and source - '
', - '
', - '{member}
', - 'view source', - '
', - '{name}{signature}', - '
', - // short and long descriptions - '
', - '
{[this.shortDoc(values)]}
', - '
{longDoc}
', - '
', - '
', - { - // Returns contents for short documentation - shortDoc: function(cfg) { - return cfg.shortDoc ? cfg.shortDoc : cfg.doc; - } - } - ); - - return this.memberTpl.apply(Ext.apply({ - // use classname "first-child" when it's first member in its category - firstChild: (index === 0) ? "first-child" : "", - // use classname "expandable" when member has shortened description - expandable: member.shortDoc ? "expandable" : "not-expandable", - // use classname "inherited" when member is not defined in this class - inherited: member.member === this.docClass.name ? "not-inherited" : "inherited", - // method params signature or property type signature - signature: this.renderSignature(member), - // full documentation together with optional parameters and return value - longDoc: this.renderLongDoc(member) - }, member)); - }, - - renderSignature: function(member) { - if (member.tagname === "cfg" || member.tagname === "property") { - return " : " + member.type + ""; - } - else { - var ps = Ext.Array.map(member.params, this.renderShortParam, this).join(", "); - var signature = '( ' + ps + " )"; - if (member.tagname === "method") { - return signature + " : " + member["return"].type; - } - else { - return signature; - } - } - }, - - renderShortParam: function(param) { - var p = param.type + " " + param.name; - return param.optional ? "["+p+"]" : p; - }, - - renderLongDoc: function(member) { - var doc = member.doc; - - if (member.params && member.params.length > 0) { - doc += '

Parameters

'; - var ps = Ext.Array.map(member.params, this.renderLongParam, this).join(""); - doc += ""; - } - - if (member["return"]) { - doc += this.renderReturn(member["return"]); - } - - return doc; - }, - - renderLongParam: function(param) { - this.paramTpl = this.paramTpl || new Ext.XTemplate( - '
  • ', - '{name} : {type}', - '
    ', - '{doc}', - '
    ', - '
    • ' - ); - - return this.paramTpl.apply(param); - }, - - renderReturn: function(returnDoc) { - this.returnTpl = this.returnTpl || new Ext.XTemplate( - '

    Returns

    ', - '' - ); - - return this.returnTpl.apply(returnDoc); - } -}); diff --git a/template/js/OverviewToolbar.js b/template/js/OverviewToolbar.js deleted file mode 100644 index 6b4a2dfb60d5616e558ed5760b6a2751648d3bdf..0000000000000000000000000000000000000000 --- a/template/js/OverviewToolbar.js +++ /dev/null @@ -1,142 +0,0 @@ -/** - * Toolbar with menus providing quick access to class members. - */ -Ext.define('Docs.OverviewToolbar', { - extend: 'Ext.toolbar.Toolbar', - dock: 'top', - cls: 'member-links', - padding: '3 5', - - /** - * @cfg {Object} docClass - * Documentation for a class. - */ - docClass: {}, - - initComponent: function() { - this.items = []; - - var memberTitles = { - cfg: "Configs", - property: "Properties", - method: "Methods", - event: "Events" - }; - for (var type in memberTitles) { - var members = this.docClass[type]; - if (members.length) { - this.items.push(this.createMemberButton({ - text: memberTitles[type], - type: type, - members: members - })); - } - } - - if (this.docClass.subclasses.length) { - this.items.push(this.createSubClassesButton(this.docClass.subclasses)); - } - - this.items = this.items.concat([ - { xtype: 'tbfill' }, - { - boxLabel: 'Hide inherited', - boxLabelAlign: 'before', - xtype: 'checkbox', - margin: '0 5 0 0', - padding: '0 0 5 0', - handler: this.hideInherited - }, - { - xtype: 'button', - iconCls: 'expandAllMembers', - tooltip: "Expand all", - handler: function() { - Ext.Array.forEach(Ext.query('.side.expandable'), function(el) { - Ext.get(el).parent().addCls('open'); - }); - } - }, - { - xtype: 'button', - iconCls: 'collapseAllMembers', - tooltip: "Collapse all", - handler: function() { - Ext.Array.forEach(Ext.query('.side.expandable'), function(el) { - Ext.get(el).parent().removeCls('open'); - }); - } - } - ]); - - this.callParent(arguments); - }, - - createMemberButton: function(cfg) { - return Ext.create('Docs.HoverMenuButton', { - text: cfg.text, - cls: 'icon-'+cfg.type, - links: Ext.Array.map(cfg.members, function(m) { - return this.createLink(this.docClass.name, m); - }, this), - listeners: { - click: function() { - Ext.getCmp('doc-overview').scrollToEl("#m-" + cfg.type); - } - } - }); - }, - - createSubClassesButton: function(subclasses) { - return Ext.create('Docs.HoverMenuButton', { - text: "Sub Classes", - cls: 'icon-subclass', - links: Ext.Array.map(subclasses, function(cls) { - return this.createLink(cls); - }, this) - }); - }, - - // Creates HTML link to class (and optionally to class member) - createLink: function(cls, member) { - if (member) { - var url = cls+"-"+member.tagname+"-"+member.name; - var label = member.name; - } - else { - var url = cls; - var label = cls; - } - return Ext.String.format('{1}', url, label); - }, - - hideInherited: function(el) { - var hide = el.checked; - - // show/hide all inherited members - Ext.Array.forEach(Ext.query('.member.inherited'), function(m) { - Ext.get(m).setStyle({display: hide ? 'none' : 'block'}); - }); - - // Remove all first-child classes - Ext.Array.forEach(Ext.query('.member.first-child'), function(m) { - Ext.get(m).removeCls('first-child'); - }); - - Ext.Array.forEach(['cfg', 'property', 'method', 'event'], function(m) { - var sectionId = '#m-' + m; - - // Hide the section completely if all items in it are inherited - if (Ext.query(sectionId+' .member.not-inherited').length === 0) { - var section = Ext.query(sectionId)[0]; - section && Ext.get(section).setStyle({display: hide ? 'none' : 'block'}); - } - - // add first-child class to first member in section - var sectionMembers = Ext.query(sectionId+' .member' + (hide ? ".not-inherited" : "")); - if (sectionMembers.length > 0) { - Ext.get(sectionMembers[0]).addCls('first-child'); - } - }); - } -}); diff --git a/template/js/PageHeader.js b/template/js/PageHeader.js deleted file mode 100644 index faf5795593a4774370b38a2fb2a721eaf941da8a..0000000000000000000000000000000000000000 --- a/template/js/PageHeader.js +++ /dev/null @@ -1,37 +0,0 @@ -/** - * Renders class name and icon in page header. - */ -Ext.define('Docs.PageHeader', { - singleton: true, - - /** - * Renders class in header. - * @param {Object} docClass class configuration object. - */ - load: function(docClass) { - if (!this.tpl) { - this.tpl = new Ext.XTemplate( - '

    ', - '{name}', - '', - 'xtype: {xtype}', - '', - '

    ', - { - getClass: function(cls) { - if (cls.component) { - return "component"; - } - else if (cls.singleton) { - return "singleton"; - } - else { - return "class"; - } - } - } - ); - } - Ext.get('top-block').update(this.tpl.apply(docClass)); - } -}); diff --git a/template/js/init.js b/template/js/init.js deleted file mode 100644 index 604a4a8fe09177f6ef52a63c4179b954d738026a..0000000000000000000000000000000000000000 --- a/template/js/init.js +++ /dev/null @@ -1,3 +0,0 @@ -Ext.onReady(function() { - Docs.App.init(); -}); diff --git a/template/js/search.js b/template/js/search.js deleted file mode 100644 index 72a25e7d996ddc7cd82ce0834058df820b5366f4..0000000000000000000000000000000000000000 --- a/template/js/search.js +++ /dev/null @@ -1,132 +0,0 @@ -// Search box -Ext.onReady(function() { - var searchStore = new Ext.data.Store({ - fields: ['cls', 'member', 'type', 'doc'], - proxy: { - type: 'memory', - reader: { - type: 'json' - } - } - }); - // This is the global object read from /output/members.js - searchStore.loadData(Docs.membersData.data); - var allRecords = searchStore.getRange(); - searchStore.removeAll(); - - var panel = Ext.create('Ext.view.View', { - store: searchStore, - tpl: new Ext.XTemplate( - '', - '
    ', - '
    {member}
    ', - '
    {cls}
    ', - '
    ', - '    ' - ), - id: 'quick-search', - overItemCls:'x-view-over', - trackOver: true, - itemSelector:'div.item', - singleSelect: true, - - handleClick: function(curItem) { - curItem = curItem || panel.getSelectionModel().getLastSelected(); - var cls = curItem.data.cls; - if (curItem.data.type != 'cls') { - cls += '-' + curItem.data.type + '-' + curItem.data.member; - } - panel.hide(); - Docs.ClassLoader.load(cls); - }, - listeners: { - itemclick: function(panel, item) { - this.handleClick(item); - } - } - }); - - panel.render('search-box'); - panel.hide(); - - Ext.get('search-field').on('blur', function(ev, el) { - setTimeout(function() { - panel.hide(); - }, 100); - }); - Ext.get('search-field').on('focus', function(ev, el) { - panel.show(); - }); - - // When a key is pressed in the search field, search for classes, methods, properties, configs, etc - Ext.get('search-field').on('keyup', function(ev, el) { - // Esc key - if (ev.keyCode == 27 || el.value == '') { - panel.hide(); - return; - } - else { - panel.show(); - } - - var curItem = panel.store.indexOf(panel.getSelectionModel().getLastSelected()), - lastItem = panel.store.data.length - 1, - selModel = panel.getSelectionModel(); - - // Up arrow - if (ev.keyCode == 38) { - if (curItem == undefined) { - selModel.select(0); - } else { - selModel.select(curItem == 0 ? lastItem : (curItem - 1)); - } - } - // Down arrow - else if (ev.keyCode == 40) { - if (curItem == undefined) { - selModel.select(0); - } else { - selModel.select(curItem == lastItem ? 0 : curItem + 1); - } - } - // Enter key - else if (ev.keyCode == 13) { - ev.preventDefault(); - panel.handleClick(); - } - else { - searchExt(Ext.get(el).getValue()); - } - }); - - Ext.get(Ext.get('search-field').dom.parentNode).on('submit', function(ev, el) { - ev.preventDefault(); - }); - - var searchExt = function(term) { - searchStore.loadData(filterMembers(term), false); - }; - - var filterMembers = function(text) { - var results = [[], [], []]; - var safeText = Ext.escapeRe(text); - var re0 = new RegExp("^" + safeText + "$", "i"); - var re1 = new RegExp("^" + safeText, "i"); - var re2 = new RegExp(safeText, "i"); - Ext.Array.forEach(allRecords, function(r) { - var member = r.get("member"); - if (re0.test(member)) { - results[0].push(r); - } - else if (re1.test(member)) { - results[1].push(r); - } - else if (re2.test(member)) { - results[2].push(r); - } - }); - // flatten results array and returns first n results - return Ext.Array.flatten(results).slice(0, 10); - }; - -}); diff --git a/template/resources/sass/style.scss b/template/resources/sass/style.scss deleted file mode 100644 index 11c6aa59af580678d06b3eaae3d9fb8ea0a69b5b..0000000000000000000000000000000000000000 --- a/template/resources/sass/style.scss +++ /dev/null @@ -1,961 +0,0 @@ -@mixin box-shadow { - -webkit-box-shadow: arguments; - -moz-box-shadow: arguments; } - -@mixin border-radius { - border-radius: arguments; - -moz-border-radius: arguments; } - -@mixin border-radius-bottom { - border-bottom-left-radius: arguments; - border-bottom-right-radius: arguments; } - -@mixin border-top-left-radius { - border-top-left-radius: arguments; - -moz-border-radius-topleft: arguments; } - -@mixin border-top-right-radius { - border-top-right-radius: arguments; - -moz-border-radius-topright: arguments; } - -@mixin border-bottom-left-radius { - -webkit-border-bottom-left-radius: arguments; - -moz-border-radius-bottomleft: arguments; } - -@mixin border-bottom-right-radius { - border-bottom-right-radius: arguments; - -moz-border-radius-bottomright: arguments; } - -@mixin vertical-gradient($fromCol, $toCol) { - background: -webkit-gradient(linear, left top, left bottom, from($fromCol), to($toCol)); - background: -moz-linear-gradient(top, $fromCol, $toCol); } - -@mixin horizontal-gradient($fromCol, $toCol) { - background: -webkit-gradient(linear, left top, right top, from($fromCol), to($toCol)); - background: -moz-linear-gradient(left, $fromCol, $toCol); } - -@mixin icons { - .icon-pkg { - background: url(../images/icons.png) no-repeat -3px -57px !important; } - .icon-class { - background: url(../images/icons.png) no-repeat -3px -84px !important; } - .icon-singleton { - background: url(../images/icons.png) no-repeat -3px -111px !important; } - .icon-component { - background: url(../images/icons.png) no-repeat -3px -137px !important; } - .icon-book { - background: url(../images/icons.png) no-repeat -3px -5px !important; } - .icon-event { - background: url(../images/icons.png) no-repeat -3px -245px !important; } - .icon-property { - background: url(../images/icons.png) no-repeat -3px -192px !important; } - .icon-method { - background: url(../images/icons.png) no-repeat -3px -165px !important; } - .icon-cfg { - background: url(../images/icons.png) no-repeat -3px -219px !important; } - .icon-subclass { - background: url(../images/icons.png) no-repeat -3px -299px !important; } - .icon-fav { - background: url(../images/favorite2.png) no-repeat 0 -2px; - padding-left: 20px; } - .icon-hist { - background: url(../images/favorite2.png) no-repeat 0 -40px; - padding-left: 20px; } } - -@mixin gray-h4 { - h4 { - font-family: HelveticaNeue, Helvetica, Arial, sans-serif; - font-size: 90%; - padding: 11px 0 5px 0; - text-transform: uppercase; - color: #999999; } } - -html { - background: #f8f8f8; } - -body { - -webkit-font-smoothing: antialiased; - font: 13px / 1.231 HelveticaNeue, helvetica, arial, clean, sans-serif; - min-width: 980px; - color: #484848; } - -a { - color: #083772; - text-decoration: none; - &:hover { - color: #0464bb; } } - -pre, code, kbd, samp, tt { - font-family: "Menlo", "Courier New", Courier, monospace; } - -.lft { - h2 { - font-weight: bold; } } - -.list { - font-size: 0.9em; } - -.head-band { - background: #043250; - height: 5px; - width: 100%; } - -.header { - @include vertical-gradient(#064872, #085b88); - border-top: 1px solid #0b5f8a; - border-bottom: 1px solid white; - height: 65px; - width: 100%; - h2 { - a { - display: block; - text-indent: -9999px; - background: url(../images/icon.png) 0 -787px no-repeat; - margin-left: 20px; - width: 150px; - color: black; - height: 70px; } } } - -#search { - position: absolute; - top: 75px; - form { - position: absolute; - margin: 10px 0 0 20px; - width: 219px; - height: 30px; - background: url(../images/search-box.png) no-repeat; - z-index: 11; - #search-field { - position: absolute; - top: 6px; - left: 30px; - width: 155px; - border: 0; - background: none; } } - #quick-search { - border-style: solid; - border-color: #bebdbf; - border-width: 0 1px; - background: white; - position: absolute; - width: 190px; - top: 23px; - padding-top: 16px; - left: 20px; - z-index: 5; } - .item { - display: block; - cursor: pointer; - overflow: hidden; - padding: 5px 5px 5px 30px; - border-width: 0px 0px 1px 0px; - border-style: solid; - border-color: #bebdbf; - .title { - color: #605f5f; - font-weight: bold; - overflow: hidden; - text-overflow: ellipsis; } - .class { - color: #605f5f; - font-size: 0.85em; - overflow: hidden; - text-overflow: ellipsis; } } - .item.cfg { - background: url(../images/configs.png) no-repeat 0 3px; } - .item.property { - background: url(../images/properties.png) no-repeat 3px 8px; } - .item.method { - background: url(../images/methods.png) no-repeat 3px 5px; } - .item.event { - background: url(../images/events.png) no-repeat 4px 0px; } - .item.cls { - background: url(../images/class-sm.png) no-repeat 3px 5px; } - .item.x-item-selected { - background-color: #ffffaa; } - .item.x-view-over { - background-color: #ffffaa; } } - -.footer { - clear: both; - color: #999999; - text-align: center; - border-top: 1px solid #cccccc; - padding: 20px; - margin: 20px; } - -#container { - padding: 12px 20px 20px 20px; - margin: -50px 20px 20px 260px; - border-radius: 5px; - box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); - background: white; - nav.bc { - font: 1.1em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - margin-top: -10px; - margin-bottom: 10px; - color: #aaaaaa; - a { - color: #aaaaaa; } } - h1 { - font-family: "klavika-web-1", "klavika-web-2", sans-serif; - letter-spacing: -1px; - padding-bottom: 5px; - padding-top: 2px; - border-bottom: 1px #f1f1f1; - font-size: 2.3em; - color: #66ab16; - a { - color: #66ab16; } - span { - color: #929292; - letter-spacing: 0; - margin-left: 10px; - font-size: 0.6em; } } - h1.class { - a { - background: url(../images/class-m.png) no-repeat 0 -5px; - margin-left: -12px; - padding: 0.1em 0 0.4em 2em; } } - h1.component { - a { - background: url(../images/component-m.png) no-repeat 0 -5px; - margin-left: -12px; - padding: 0.1em 0 0.4em 2em; } } - h1.singleton { - a { - background: url(../images/singleton-m.png) no-repeat 0 -5px; - margin-left: -12px; - padding: 0.1em 0 0.4em 2em; } } - .versions * { - box-sizing: content-box; } - .versions { - position: absolute; - top: 26px; - right: 20px; - .desc { - position: absolute; - top: -13px; - right: 10px; - width: 200px; - text-align: right; - font-size: 0.8em; - text-transform: uppercase; - color: #aaaaaa; } - .v { - position: absolute; - font-size: 0.8em; - width: 35px; - padding-right: 15px; - line-height: 15px; - text-align: right; - background: url(../images/version-tabs.png) no-repeat; } - .v.active { - background-position: -42px -40px; - color: #757575; } - .v.active.last { - background-position: -90px -40px; } - .v.active.first { - background-position: 0 -40px; } - .v.active:hover { - background-position: -42px -20px; - color: white; } - .v.active.last:hover { - background-position: -90px -20px; - color: white; } - .v.active.first:hover { - background-position: 0 -20px; - color: white; } - .v.inactive { - background-position: -42px 0; - color: #acacac; } - .v.inactive.first { - background-position: 0 0; } - .v.inactive.last { - background-position: -90px -40px; } - .v.selected { - background-position: -42px -20px; - color: white; - font-weight: bold; } - .v.selected.first { - background-position: 0 -20px; } - .v.selected.last { - background-position: -90px -20px; } - .v.first { - width: 27px; } - .v.last { - width: 40px; } - .i1 { - z-index: 1; - right: 0px; } - .i2 { - z-index: 2; - right: 32px; } - .i3 { - right: 64px; - z-index: 3; } - .i4 { - right: 96px; - z-index: 4; } - .i5 { - right: 128px; - z-index: 5; } - .i6 { - right: 160px; - z-index: 6; } - .i7 { - right: 192px; - z-index: 7; } - .i8 { - right: 224px; - z-index: 8; } - .i9 { - right: 256px; - z-index: 9; } - .i10 { - right: 288px; - z-index: 10; } } } - -#doc-overview { - h1 { - font-size: 1.2em; - font-weight: bold; - padding-bottom: 0.5em; } } - -#doc-overview, #api-guide { - pre { - background-color: #f7f7f7; - border: solid 1px #e8e8e8; - border-radius: 5px; - color: #314e64; - font-family: "Menlo", "Courier New", Courier, monospace; - padding: 10px 20px; - line-height: 1.3em; - margin: 10px 0 14px; - overflow-x: auto; - overflow-y: hidden; - code { - font-family: "Menlo", "Courier New", Courier, monospace; } - i,em { - font-style: normal; } } - pre.prettyprint { - padding: 10px 12px; } } - -#api-overview { - overflow: auto; - position: absolute; - bottom: 50px; - top: 0; - left: 0; - right: 0; - h1 { - padding: 0.5em 0 0 0; - font-size: 2em; } - line-height: 1.4em; - h3 { - font-size: 1.2em; - padding: 1em 0 0.4em 0; - font-weight: normal; } - .guides { - width: 650px !important; - line-height: 1.7em; - .lft { - float: left; - width: 220px; } - .mid { - float: left; - width: 180px; - margin-left: 20px; } - .right { - margin-left: 410px; } - a { - display: block; - height: 32px; - margin: 10px 0; - padding-left: 40px; } - .getting_started { - background: url(../images/guides.png) no-repeat 0px 0px; } - .drawing_and_charting { - background: url(../images/guides.png) no-repeat 0px -288px; } - .layouts_and_containers { - background: url(../images/guides.png) no-repeat 0px -130px; } - .application_architecture { - background: url(../images/guides.png) no-repeat 0px -98px; } - .class_system { - background: url(../images/guides.png) no-repeat 0px -31px; } - .data { - background: url(../images/guides.png) no-repeat 0px -66px; } - .grid { - background: url(../images/guides.png) no-repeat 0px -193px; } - .tree { - background: url(../images/guides.png) no-repeat 0px -228px; } - .components { - background: url(../images/guides.png) no-repeat 0px -160px; } - .theming { - background: url(../images/guides.png) no-repeat 0px -320px; } - .direct { - background: url(../images/guides.png) no-repeat 0px -387px; } - .accessibility { - background: url(../images/guides.png) no-repeat 0px -453px; } } - .category { - clear: both; - background-color: #f7f7f7; - border: 1px solid #ebebeb; - padding: 10px 10px 20px 20px; - margin: 0 20px 20px 0; - border-radius: 10px; } - .lft { - float: left; - width: 270px; - margin-left: 20px; } - .mid { - float: left; - width: 320px; } - .rgt { - float: left; } - .links { - margin-left: 1.5em; - a { - display: block; } - a.more { - font-weight: bold; } } - .stats { - .c { - text-align: center; } - .pl { - padding: 0 5px 0 15px; - border-left: 1px solid #cccccc; } - .pr { - padding: 0 15px 0 5px; - border-right: 1px solid #cccccc; } - .p { - padding: 0 15px; - border-left: 1px solid #cccccc; - border-right: 1px solid #cccccc; } - th.c { - font-weight: bold; } - td { - border-width: 1px 1px 0 1px; - border-style: solid; - border-color: #eeeeee; } - tr.bot { - th { - padding-bottom: 10px; - border-bottom: 1px solid #cccccc; } } } - .legend { - border-radius: 5px; - background-color: #f7f7f7; - border: 1px solid #ebebeb; - padding: 0 15px 15px 10px; - margin: 0 20px 10px 0; - &.icons { - width: 120px; - float: right; } - ul { - float: left; } - .icn { - padding-left: 22px; } - a { - display: block; } - @include gray-h4; } } - -#api-overview.classList { - h2 { - font-weight: bold; } - td { - padding: 0 0 0 20px; - vertical-align: top; } - .group { - h1 { - padding-bottom: 10px; } - background: #fafafa; - padding: 10px 20px 20px 20px; - margin: 0 20px 20px 0; - border-radius: 10px; - h2 { - border-bottom: 1px solid #dddddd; - padding-bottom: 2px; - margin-bottom: 2px; - padding-top: 10px; } - td.l { - span { - font-family: courier; - padding-right: 3px; } } } - .piechartLinks { - a { - display: block; } } } - -#docContent { - position: relative; - margin: 10px 0; - overflow: auto; } - -.doc-tab, #api-guide { - min-height: 100px; - .clr { - clear: both; } - p { - padding: 0; - margin: 0 0 1em; } - em { - font-style: italic; } - strong { - font-weight: bold; } - ul { - margin: 0 0 1em 2em; - li { - list-style: disc outside; } } - h3 { - font-weight: bold; - font-size: 1.1em; } - h4 { - font-weight: bold; } } - -#api-guide { - top: 10px; - padding-right: 10px; - font-size: 14px; - h1 { - background: url(../images/doc-m.png) no-repeat -5px 0; - padding: 5px 0 10px 55px; - font-family: "klavika-web-1", "klavika-web-2", sans-serif; - letter-spacing: -1px; - margin-bottom: 16px; - font-size: 2.3em; - color: #66ab16; } - h2 { - font-family: Helvetica Neue, Helvetica, Arial, sans-serif; - letter-spacing: -1px; - line-height: 20px; - border-bottom: 1px solid #f1f1f1; - font-size: 20px; - font-weight: bold; - color: #314e64; - margin: 30px 0 15px; - padding-bottom: 5px; } - h3 { - font-weight: bold; - color: #314e64; - margin-top: 1em; - font-size: 14px; - line-height: 16px; - margin-bottom: 4px; } - hr { - display: none; } } - -.doc-tab { - .doc-overview-content { - margin: 0 20px; - padding: 20px 0; - .deprecated { - font-weight: bold; - text-transform: uppercase; - color: white; - font-size: 0.7em; - border-radius: 2px; - margin-left: 5px; - padding: 0 3px; - background-color: #aa0000; } - .new { - font-weight: bold; - color: white; - font-size: 0.7em; - border-radius: 2px; - margin-left: 5px; - padding: 0 3px; - background-color: #00aa00; } - .cfgGroup { - margin: 10px 0 3px 0; } } - .members { - color: #444444; - padding-top: 10px; - clear: both; - first-child: { - padding-top: 0; }; - .pre { - font-family: "Menlo", "Courier New", Courier, monospace; - font-size: 0.9em; } - .definedBy { - float: right; - padding: 20px 20px 0 0; - font-weight: bold; - color: #666666; } - h3.pa { - padding: 10px 0 5px 0; } - h3.members-title { - padding: 15px 0 10px 30px; - font-size: 1.3em; - font-weight: bold; } - #m-cfg .members-title { - background: url(../images/configs.png) no-repeat 0 15px; } - #m-property .members-title { - background: url(../images/properties.png) no-repeat 0 19px; } - #m-method .members-title { - background: url(../images/methods.png) no-repeat 0 16px; } - #m-event .members-title { - background: url(../images/events.png) no-repeat 0 11px; } - ul ul { - list-style: circle; - margin-top: 1em; } - .sub-desc { - margin: 0.5em 0 1em; } - .description { - .short { - p { - margin: 0; } } } - a { - text-decoration: none; } - .member.first-child { - border-width: 1px; } - .member { - position: relative; - min-height: 2.5em; - .long { - display: none; } - .meta { - float: right; - text-align: right; } - a.definedIn { - color: #888888; - font-size: 0.9em; - &:hover { - color: #0464bb; } } - a.side { - display: block; - position: absolute; - top: 0; - left: 0; - bottom: 0; - background: #aaaaaa; - @include horizontal-gradient(#f9f9f9, #eff0f2); - span { - display: block; - width: 15px; } - &.expandable { - span { - background: url(../images/member-collapsed.gif) no-repeat 2px 2px; } - &:hover { - span { - background: url(../images/member-hover.gif) no-repeat 2px 2px; } } } } - a.viewSource { - color: rgba(0, 0, 0, 0); - -webkit-transition: color 0.2s linear; - font-size: 0.9em; - &:hover { - color: #0464bb; } } - &:hover { - a.viewSource { - color: rgba(128, 128, 128, 1); - -webkit-transition: color 0.2s linear; } } - &.open { - a.side.expandable { - @include horizontal-gradient(#ebf3fe, #d9e8fc); - span { - background: url(../images/member-expanded.gif) no-repeat 1px 2px; } } - .short { - display: none; } - .long { - display: block; } } - border-style: solid; - border-color: #d0d0d0; - border-width: 0 1px 1px 1px; - padding: 5px 22px; - .name { - font-weight: bold; } - .title { - padding-bottom: 3px; } } } } - -#doc-overview { - img.screenshot { - display: block; - padding: 10px 0; } - .hierarchy { - border-radius: 5px; - background-color: #f7f7f7; - border: 1px solid #ebebeb; - padding: 0 15px 15px 10px; - float: right; - margin: 0 0 20px 20px; - font-size: 12px; - @include gray-h4; - .mixin { - padding: 0 0 0 12px; - margin-top: 3px; } - .subclass { - background: url(../images/elbow-end.gif) no-repeat -5px 0; - margin-top: 3px; - padding: 0 0 0 12px; - &.first-child { - background: none; - padding-left: 15px; } } } } - -#doc-examples { - display: relative; - min-height: 440px; - .expl { - padding: 20px 0 10px 0; } - h1 { - font-family: Arial; - font-size: 1.6em; } - h2 { - padding-bottom: 10px; } - .egCode { - width: 400px; - margin-bottom: 10px; } - .codemirrorCode, .cssCode { - border: 2px solid #aaaaaa; - margin-bottom: 10px; } - .exampleIframe { - position: absolute; - left: 20px; - right: 20px; - top: 20px; - iframe { - border: 0; - width: 100%; - height: 100%; } } - .CodeMirror { - height: 300px; } - .examplesList { - float: left; - width: 200px; - .item { - a { - font-weight: bold; - min-height: 230px; - display: block; - float: left; - width: 250px; - text-align: center; - margin: 0 15px; - img { - padding-bottom: 5px; } } } } - .rhs { - margin-left: 220px; - .doc-tab { - left: 240px; - top: 131px; - bottom: 20px; - right: 20px; - margin-top: -77px; - padding: 20px; } } } - -.member-links { - border-width: 0 0 1px 0; - border-style: solid; - border-color: #bfbfbf; - // @include vertical-gradient(#e8e8e8, #eaeaea) - .num { - font-size: 0.8em; - position: relative; - top: -4px; } - .expandAllMembers { - background: url(../images/expandcollapse.png) no-repeat -14px 2px; } - .collapseAllMembers { - background: url(../images/expandcollapse.png) no-repeat 2px 2px; } } -.hover-menu-button { - padding-left: 20px; - cursor: pointer; } -.hover-menu-menu { - display: none; // hide initially - font-size: 12px; - position: absolute; - padding: 5px 15px 10px; - background: #eaeaea; - z-index: 8; - top: 21px; - line-height: 1.3em; - border: 1px solid #bfbfbf; - border-top: 1px solid #eaeaea; - left: -16px; - border-radius-bottom: 5px; - h2 { - font-weight: bold; - text-decoration: underline; - padding-bottom: 5px; } - a { - display: block; - position: relative; - padding: 2px 30px 2px 0; - color: #0464bb; - white-space: nowrap; - &:hover { - color: #083772; - text-decoration: underline; } } - td { - vertical-align: top; } } - -#doc-source { - .x-panel-body-default { - background: #f7f7f7; - padding: 0; - margin: 0; - .prettyprint { - background-color: #f7f7f7; - line-height: 1.3em; - overflow-x: auto; - overflow-y: hidden; - code { - font-family: "Menlo", "Courier New", Courier, monospace; } - i,em { - font-style: normal; } - font-size: 11px; - border: 0; - margin: 0; - padding: 10px; - overflow: none; } } } - -#treePanel { - position: absolute; - top: 75px; - width: 240px; - padding: 50px 0 0 0px; - .x-grid-cell-inner { - font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - font-size: 13px; - position: relative; - -webkit-transition: background-color 0.15s linear; - a.fav { - display: block; - width: 15px; - height: 15px; - position: absolute; - right: 3px; - z-index: 20; - top: 0; } - @include icons; } - .x-grid-row-over { - .x-grid-cell-inner { - -webkit-transition: background-color 0.15s linear; - a.fav { - background: url(../images/favorite.png) no-repeat -21px -1px; - &:hover { - background: url(../images/favorite.png) no-repeat -2px -1px; } } } - .x-tree-node-el.fav { - a.fav { - background: url(../images/favorite.png) no-repeat -2px -1px; } } } - .x-panel-body { - background: #f8f8f8; } - .sortBy { - position: relative; - padding-bottom: 10px; - #expandAll { - width: 13px; - height: 15px; - position: absolute; - top: 4px; - right: 40px; - display: block; - background: url(../images/expandcollapse.png) no-repeat -14px 2px; } - #collapseAll { - width: 13px; - height: 15px; - position: absolute; - top: 4px; - right: 20px; - display: block; - background: url(../images/expandcollapse.png) no-repeat 0 2px; } } - h2 { - text-transform: uppercase; - font-weight: bold; - font-family: "Helvetica Neue"; - color: #8a8a8a; } - .favorites { - padding: 10px; - margin: 0 10px 10px 0; } } - -.treePanel { - position: absolute; - top: 215px; - bottom: 20px; - overflow: auto; - width: 230px; } - -.piechartLinks { - a { - text-decoration: none; - padding-left: 15px; } - .a0 { - background: url(../images/piecharts.png) no-repeat 0 -78px; } - .a1 { - background: url(../images/piecharts.png) no-repeat 0 -61px; } - .a2 { - background: url(../images/piecharts.png) no-repeat 0 -45px; } - .a3 { - background: url(../images/piecharts.png) no-repeat 0 -29px; } - .a4 { - background: url(../images/piecharts.png) no-repeat 0 -13px; } - .a5 { - background: url(../images/piecharts.png) no-repeat 0 3px; } - .ra0 { - background: url(../images/piecharts_red.png) no-repeat 0 -78px; - min-width: 15px; - min-height: 15px; } - .ra1 { - background: url(../images/piecharts_red.png) no-repeat 0 -61px; - min-width: 15px; - min-height: 15px; } - .ra2 { - background: url(../images/piecharts_red.png) no-repeat 0 -45px; - min-width: 15px; - min-height: 15px; } - .ra3 { - background: url(../images/piecharts_red.png) no-repeat 0 -29px; - min-width: 15px; - min-height: 15px; } - .ra4 { - background: url(../images/piecharts_red.png) no-repeat 0 -13px; - min-width: 15px; - min-height: 15px; } - .ra5 { - background: url(../images/piecharts_red.png) no-repeat 0 3px; - min-width: 15px; - min-height: 15px; } } - -@include icons; - -.cfgStats { - margin-top: 10px; - th { - padding: 10px; - font-weight: bold; } - td { - padding: 10px; - vertical-align: top; } - .o { - td { - background-color: #eeeeee; } } } - -.searchResults { - th { - text-align: left; - font-weight: bold; } - td { - height: 20px; - border-top: 1px solid #cccccc; - padding: 3px 6px 3px 3px; } - .icn { - width: 20px; - height: 20px; } - .result { - font-weight: bold; } } - -.historyBut { - button { - border: 0; - padding-right: 10px; - background: url("../../extjs/resources/themes/images/default/button/arrow.gif") no-repeat top right; } } - -.notice { - background-color: #fff99c; - text-align: center; - color: #434343; - font-weight: bold; - padding: 8px 0; } - -.wrapper { - position: relative; } - -.x-scroller-vertical { - border: 0; }