diff --git a/opt/comments-server-side/app.js b/opt/comments-server-side/app.js index 69c6d3f38a0a1280d604a2cb48c3ee8133bae092..06d427e43b900587a003b0928c826f93f162386e 100644 --- a/opt/comments-server-side/app.js +++ b/opt/comments-server-side/app.js @@ -179,7 +179,7 @@ app.namespace('/auth/:sdk/:version', function(){ * `offset` and `limit` fields. I'd say it's a hack, but at least * it works for now. */ - app.get('/comments_recent', function(req, res) { + app.get('/comments_recent', util.getCommentReads, function(req, res) { var offset = parseInt(req.query.offset, 10) || 0; var limit = parseInt(req.query.limit, 10) || 100; var filter = { @@ -187,6 +187,11 @@ app.namespace('/auth/:sdk/:version', function(){ sdk: req.params.sdk, version: req.params.version }; + + if (req.query.hideRead && req.commentMeta.reads.length > 0) { + filter._id = { $nin: req.commentMeta.reads }; + } + Comment.find(filter).sort('createdAt', -1).skip(offset).limit(limit).run(function(err, comments) { comments = util.scoreComments(comments, req); // Count all comments, store count to last comment @@ -300,11 +305,21 @@ app.namespace('/auth/:sdk/:version', function(){ }); }); + /** + * Marks a comment 'read' + */ + app.post('/comments/:commentId/read', util.requireLoggedInUser, util.findCommentMeta, function(req, res) { + req.commentMeta.metaType = 'read'; + req.commentMeta.save(function(err, response) { + res.send({ success: true }); + }); + }); + /** * Get email subscriptions */ app.get('/subscriptions', util.getCommentSubscriptions, function(req, res) { - res.json({ subscriptions: req.commentSubscriptions }); + res.json({ subscriptions: req.commentMeta.subscriptions }); }); /** diff --git a/opt/comments-server-side/database.js b/opt/comments-server-side/database.js index a7f84d39091a55d0423b6adb7ec433532785d00a..bab179c57764fffc791b4ac027cb73165b2b63b6 100644 --- a/opt/comments-server-side/database.js +++ b/opt/comments-server-side/database.js @@ -33,4 +33,14 @@ Subscription = mongoose.model('Subscription', new mongoose.Schema({ target: Array })); +Meta = mongoose.model('Meta', new mongoose.Schema({ + sdk: String, + version: String, + + createdAt: Date, + userId: Number, + commentId: String, + metaType: String +})); + mongoose.connect(config.mongoDb); diff --git a/opt/comments-server-side/util.js b/opt/comments-server-side/util.js index 75709678d3780b97be146155bef8bd98ee741126..5eaccbd74ef7ea2694159dc16da4817242ee8fb5 100644 --- a/opt/comments-server-side/util.js +++ b/opt/comments-server-side/util.js @@ -140,6 +140,32 @@ exports.findComment = function(req, res, next) { } }; +/** + * Looks up comment meta by comment ID. + * + * Stores it into `req.commentMeta`. + * + * @param {Object} req + * @param {Object} res + * @param {Function} next + */ +exports.findCommentMeta = function(req, res, next) { + if (req.params.commentId) { + + var userCommentMeta = { + userId: req.session.user.userid, + commentId: req.params.commentId + }; + + Meta.findOne(userCommentMeta, function(err, commentMeta) { + req.commentMeta = commentMeta || new Meta(userCommentMeta); + next(); + }); + } else { + res.json({success: false, reason: 'No such comment'}); + } +}; + /** * Ensures that user is allowed to modify/delete the comment, * that is, he is the owner of the comment or a moderator. @@ -288,7 +314,7 @@ exports.getCommentCounts = function(req, res, next) { * Retrieves list of commenting targets into which the current user * has subscribed for e-mail updates. * - * Stores them into `req.commentSubscriptions` field as array: + * Stores them into `req.commentMeta.subscriptions` field as array: * * [ * ["class", "Ext", ""], @@ -301,13 +327,16 @@ exports.getCommentCounts = function(req, res, next) { * @param {Function} next */ exports.getCommentSubscriptions = function(req, res, next) { + + req.commentMeta = req.commentMeta || {}; + if (req.session.user) { Subscription.find({ sdk: req.params.sdk, version: req.params.version, userId: req.session.user.userid }, function(err, subscriptions) { - req.commentSubscriptions = _.map(subscriptions, function(subscription) { + req.commentMeta.subscriptions = _.map(subscriptions, function(subscription) { return subscription.target; }); next(); @@ -317,4 +346,37 @@ exports.getCommentSubscriptions = function(req, res, next) { } }; +/** + * Retrieves list of comments marked 'read' by the current user. + * + * Stores them into `req.commentMeta.reads` field as array: + * + * [ + * 'abc123', + * 'abc456', + * 'abc789' + * ] + * + * @param {Object} req + * @param {Object} res + * @param {Function} next + */ +exports.getCommentReads = function(req, res, next) { + + req.commentMeta = req.commentMeta || {}; + + if (req.session.user) { + Meta.find({ + userId: req.session.user.userid + }, function(err, commentMeta) { + req.commentMeta.reads = _.map(commentMeta, function(commentMeta) { + return commentMeta.commentId; + }); + next(); + }); + } else { + next(); + } +}; + diff --git a/template/app/controller/Comments.js b/template/app/controller/Comments.js index 2dd3b27186dc67b331ca9145d1b03387b86c08e1..445968d782b02ef872464fa4aa33071b1fd6a782 100644 --- a/template/app/controller/Comments.js +++ b/template/app/controller/Comments.js @@ -116,6 +116,7 @@ Ext.define('Docs.controller.Comments', { [ '.deleteComment', 'click', this.deleteComment], [ '.undoDeleteComment', 'click', this.undoDeleteComment], [ '.editComment', 'click', this.editComment], + [ '.readComment', 'click', this.readComment], [ '.fetchMoreComments', 'click', this.fetchMoreComments], [ '.voteCommentUp', 'click', this.voteUp], [ '.voteCommentDown', 'click', this.voteDown] @@ -274,13 +275,20 @@ Ext.define('Docs.controller.Comments', { * Fetches the most recent comments */ fetchRecentComments: function(id, offset) { + + var params = { + offset: offset || 0, + limit: 100 + } + var hideRead = Ext.get('hideRead'); + if (true || hideRead.checked) { + params.hideRead = 1; + } + this.request("jsonp", { url: '/comments_recent', method: 'GET', - params: { - offset: offset || 0, - limit: 100 - }, + params: params, success: function(response) { this.renderComments(response, id, { hideCommentForm: true, @@ -328,6 +336,34 @@ Ext.define('Docs.controller.Comments', { }); }, + /** + * Sends a read comment request to the server. + */ + readComment: function(cmp, el) { + if (!this.isLoggedIn()) { + return; + } + + var id = Ext.get(el).up('.comment').getAttribute('id'), + commentsEl = Ext.get(el).up('.comments-div'), + target = commentsEl && commentsEl.getAttribute('id'); + + this.request("ajax", { + url: '/comments/' + id + '/read', + method: 'POST', + callback: function(options, success, response) { + var data = Ext.JSON.decode(response.responseText); + + if (data.success) { + Ext.get(el).addCls('read'); + } else { + Ext.Msg.alert('Error', data.reason || "There was an error submitting your request"); + } + }, + scope: this + }); + }, + /** * Sends an undo request to the server. */ diff --git a/template/app/view/Comments.js b/template/app/view/Comments.js index 19aa45d2d1f5eed280965f7465013c6aa2a880dc..efdc338348ae999db8757d447962b2c2667a93d6 100644 --- a/template/app/view/Comments.js +++ b/template/app/view/Comments.js @@ -56,6 +56,7 @@ Ext.define('Docs.view.Comments', { 'problem', '', '', + 'Read', 'EditDelete', '
{[this.dateStr(values.createdAt)]}
', '
', diff --git a/template/app/view/comments/Index.js b/template/app/view/comments/Index.js index f7d335eec5b375d45d25433801a71c260b0d89e5..e63dc8e52aad8b767c23f0c7bcb88fba4d144ff1 100644 --- a/template/app/view/comments/Index.js +++ b/template/app/view/comments/Index.js @@ -10,7 +10,7 @@ Ext.define('Docs.view.comments.Index', { autoScroll: true, items: [ - { xtype: 'container', html: '

Recent Comments

' }, + { xtype: 'container', html: '

Recent Comments

Hide read: ' }, { xtype: 'container', id: 'recentcomments' } ], diff --git a/template/resources/sass/_comments.scss b/template/resources/sass/_comments.scss index c408450c8005ec09e60accb49fd4b8c46cd65f90..622a6be5b81c994955700d2886031a1e32aaaacd 100644 --- a/template/resources/sass/_comments.scss +++ b/template/resources/sass/_comments.scss @@ -187,6 +187,7 @@ padding-left: 2px; &:hover { .com-meta { + .readComment, .editComment, .deleteComment, .vote { @@ -235,6 +236,14 @@ @include opacity(0); @include transition(opacity, 0.2s, linear); position: absolute; } + .readComment { + right: 200px; + color: #999; + opacity: 0; + @include transition(opacity, 0.2s, linear); + position: absolute; } + .read { + font-weight: bold; } .vote { position: absolute; left: 2px; diff --git a/template/resources/stylesheets/docs-ext.css b/template/resources/stylesheets/docs-ext.css new file mode 100644 index 0000000000000000000000000000000000000000..a96a41f3e3065137bcecdebb1f6c03824cc72dc0 --- /dev/null +++ b/template/resources/stylesheets/docs-ext.css @@ -0,0 +1,62 @@ +/* +Syntax error: File to import not found or unreadable: stylesheets/ext4/default/all. + Load paths: + /Users/nickpoulden/Projects/sencha/jsduck/template/resources/sass + /Library/Ruby/Gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets + /Library/Ruby/Gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets + Compass::SpriteImporter + on line 16 of /Users/nickpoulden/Projects/sencha/jsduck/template/resources/sass/docs-ext.scss + +Backtrace: +/Users/nickpoulden/Projects/sencha/jsduck/template/resources/sass/docs-ext.scss:16 +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/import_node.rb:64:in `import' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/import_node.rb:25:in `imported_file' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:148:in `visit_import' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:37:in `send' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:37:in `visit' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:18:in `visit' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:53:in `map' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:53:in `visit_children' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:27:in `visit_children' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:39:in `with_environment' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:26:in `visit_children' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:37:in `visit' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:47:in `visit_root' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:37:in `send' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/base.rb:37:in `visit' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:18:in `visit' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:7:in `send' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/visitors/perform.rb:7:in `visit' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/tree/root_node.rb:20:in `render' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/engine.rb:291:in `_render' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/engine.rb:239:in `render' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/util.rb:298:in `silence_sass_warnings' +/Library/Ruby/Gems/1.8/gems/sass-3.1.1/lib/sass/../sass/engine.rb:239:in `render' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:133:in `compile' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:119:in `timed' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:132:in `compile' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/logger.rb:45:in `red' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:131:in `compile' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:111:in `compile_if_required' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:98:in `run' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:96:in `each' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:96:in `run' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:119:in `timed' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/compiler.rb:95:in `run' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/commands/watch_project.rb:142:in `recompile' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/commands/watch_project.rb:68:in `perform' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/commands/base.rb:18:in `execute' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/commands/project_base.rb:19:in `execute' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/exec/sub_command_ui.rb:43:in `perform!' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/lib/compass/exec/sub_command_ui.rb:15:in `run!' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/bin/compass:25 +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/bin/compass:39:in `call' +/Library/Ruby/Gems/1.8/gems/compass-0.11.3/bin/compass:39 +/usr/bin/compass:19:in `load' +/usr/bin/compass:19 +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Syntax error: File to import not found or unreadable: stylesheets/ext4/default/all.\A Load paths:\A /Users/nickpoulden/Projects/sencha/jsduck/template/resources/sass\A /Library/Ruby/Gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets\A /Library/Ruby/Gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets\A Compass::SpriteImporter\A on line 16 of /Users/nickpoulden/Projects/sencha/jsduck/template/resources/sass/docs-ext.scss"; } diff --git a/template/resources/stylesheets/viewport.css b/template/resources/stylesheets/viewport.css new file mode 100644 index 0000000000000000000000000000000000000000..e4b08381f0d0cd141757108262e569697b3f495b --- /dev/null +++ b/template/resources/stylesheets/viewport.css @@ -0,0 +1,3132 @@ +/* line 1, ../sass/_reset.scss */ +html { + color: #000; + background: #FFF; +} + +/* line 1, ../sass/_reset.scss */ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { + margin: 0; + padding: 0; +} + +/* line 1, ../sass/_reset.scss */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* line 1, ../sass/_reset.scss */ +fieldset, img { + border: 0; +} + +/* line 1, ../sass/_reset.scss */ +address, caption, cite, code, dfn, em, strong, th, var, optgroup { + font-style: inherit; + font-weight: inherit; +} + +/* line 1, ../sass/_reset.scss */ +del, ins { + text-decoration: none; +} + +/* line 1, ../sass/_reset.scss */ +li { + list-style: none; +} + +/* line 1, ../sass/_reset.scss */ +caption, th { + text-align: left; +} + +/* line 1, ../sass/_reset.scss */ +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-weight: normal; +} + +/* line 1, ../sass/_reset.scss */ +q:before, q:after { + content: ''; +} + +/* line 1, ../sass/_reset.scss */ +abbr, acronym { + border: 0; + font-variant: normal; +} + +/* line 1, ../sass/_reset.scss */ +sup { + vertical-align: baseline; +} + +/* line 1, ../sass/_reset.scss */ +sub { + vertical-align: baseline; +} + +/* line 1, ../sass/_reset.scss */ +legend { + color: #000; +} + +/* line 1, ../sass/_reset.scss */ +input, button, textarea, select, optgroup, option { + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; +} + +/* line 1, ../sass/_reset.scss */ +input, button, textarea, select { + *font-size: 100%; +} + +/* line 1, ../sass/_reset.scss */ +body { + font: 13px/1.231 HelveticaNeue, helvetica, arial, clean, sans-serif !important; + *font-size: small; + *font: x-small; +} + +/* line 1, ../sass/_reset.scss */ +select, input, button, textarea, button { + font: 99% HelveticaNeue,helvetica,arial,clean,sans-serif; +} + +/* line 1, ../sass/_reset.scss */ +table { + font-size: inherit; + font: 100%; +} + +/* line 1, ../sass/_reset.scss */ +pre, code, kbd, samp, tt { + font-family: monospace; + *font-size: 108%; + line-height: 100%; +} + +/* line 4, ../sass/_global.scss */ +html { + height: 100%; +} + +/* line 7, ../sass/_global.scss */ +body { + -webkit-font-smoothing: antialiased; + font: 13px/1.231 "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif; + min-width: 980px; + color: #484848; + background: #f8f8f8; + min-height: 100%; +} + +/* line 15, ../sass/_global.scss */ +a { + color: #083772; + text-decoration: none; +} +/* line 18, ../sass/_global.scss */ +a:hover { + color: #0464bb; +} + +/* line 21, ../sass/_global.scss */ +pre, code, kbd, samp, tt { + font-family: "Menlo", "Courier New", "Courier", monospace; +} + +/* line 2, ../sass/_scrollbars.scss */ +.iScroll ::-webkit-scrollbar, +.iScroll::-webkit-scrollbar { + width: 6px; + height: 9px; +} + +/* line 9, ../sass/_scrollbars.scss */ +.iScroll ::-webkit-scrollbar-button:start:decrement, +.iScroll ::-webkit-scrollbar-button:end:increment, +.iScroll::-webkit-scrollbar-button:start:decrement, +.iScroll::-webkit-scrollbar-button:end:increment { + display: block; + height: 0; + background-color: transparent; +} + +/* line 15, ../sass/_scrollbars.scss */ +.iScroll ::-webkit-scrollbar-track-piece, +.iScroll::-webkit-scrollbar-track-piece { + margin: 10px 0; + -webkit-border-radius: 0; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; +} + +/* line 22, ../sass/_scrollbars.scss */ +.iScroll ::-webkit-scrollbar-thumb:vertical, +.iScroll::-webkit-scrollbar-thumb:vertical { + height: 50px; + background-color: rgba(0, 0, 0, 0.12); + -webkit-border-radius: 4px; +} + +/* line 28, ../sass/_scrollbars.scss */ +.iScroll ::-webkit-scrollbar-thumb:horizontal, +.iScroll::-webkit-scrollbar-thumb:horizontal { + width: 50px; + background-color: rgba(0, 0, 0, 0.12); + -webkit-border-radius: 4px; +} + +/* line 36, ../sass/_scrollbars.scss */ +#treecontainer .iScroll ::-webkit-scrollbar-thumb:vertical, +#treecontainer .iScroll::-webkit-scrollbar-thumb:vertical { + height: 50px; + background-color: rgba(0, 0, 0, 0.06); + -webkit-border-radius: 4px; +} + +@media print { + /* line 4, ../sass/_print.scss */ + .logo { + padding: 0; + } + + /* line 6, ../sass/_print.scss */ + .logo a { + color: #000; + font-size: 1.4em; + } + + /* line 8, ../sass/_print.scss */ + .members .member a.side { + display: none; + } + + /* line 10, ../sass/_print.scss */ + .members .member { + padding: 5px; + } + + /* line 12, ../sass/_print.scss */ + .members h3.members-title { + padding: 5px; + } +} +/* line 3, ../sass/_loading.scss */ +#loading { + position: absolute; + width: 180px; + margin: -70px 0 0 -90px; + height: 140px; + top: 50%; + left: 50%; +} +/* line 10, ../sass/_loading.scss */ +#loading .title { + background: url(../images/loading-title.png) no-repeat; + position: absolute; + display: block; + top: 0; + left: 0px; + width: 180px; + height: 27px; +} +/* line 18, ../sass/_loading.scss */ +#loading .logo { + background: url(../images/loading.gif) no-repeat; + position: absolute; + display: block; + top: 25px; + left: 22px; + width: 120px; + height: 120px; +} + +/* line 6, ../sass/_header.scss */ +#north-region { + background: #074e7c; + background: -webkit-gradient(linear, left top, left bottom, from(#074e7c), to(#095f93)); + background: -moz-linear-gradient(top, #074e7c, #095f93); +} +/* line 8, ../sass/_header.scss */ +#north-region .dropdown { + padding-right: 15px; + background: url(../images/down-arr.png) no-repeat bottom right; +} + +/* line 13, ../sass/_header.scss */ +#header-content { + background: url(../images/logo.png) 0 0 no-repeat; + color: #fff; + font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif; + line-height: 20px; + margin: 10px 0 0 8px; + padding-left: 21px; + font-size: 1.1em; +} +/* line 21, ../sass/_header.scss */ +#header-content a { + color: #fff; +} +/* line 23, ../sass/_header.scss */ +#header-content strong { + font-weight: bold; + padding-right: 3px; +} + +/* line 28, ../sass/_header.scss */ +#loginContainer { + text-align: right; + color: #fff; +} +/* line 31, ../sass/_header.scss */ +#loginContainer .register { + font-weight: bold; +} +/* line 33, ../sass/_header.scss */ +#loginContainer a { + color: #fff; +} + +/* line 37, ../sass/_header.scss */ +.loginForm .username, +.loginForm .password { + width: 100px; + border-radius: 3px; + -moz-border-radius: 3px; + border: 0; + padding: 2px 3px; + margin-right: 10px; +} +/* line 43, ../sass/_header.scss */ +.loginForm .submit { + padding: 2px 7px 2px 7px; + box-shadow: inset #b3f33d 0 1px 0; + color: #fff; + text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; + border-radius: 3px; + -moz-border-radius: 3px; + cursor: pointer; + border: 1px solid #264901; + background: #91c632; + background: -webkit-gradient(linear, left top, left bottom, from(#91c632), to(#519700)); + background: -moz-linear-gradient(top, #91c632, #519700); +} +/* line 96, ../sass/_mixins.scss */ +.loginForm .submit:hover { + background: #74b61e; + background: -webkit-gradient(linear, left top, left bottom, from(#74b61e), to(#3d7e00)); + background: -moz-linear-gradient(top, #74b61e, #3d7e00); +} +/* line 98, ../sass/_mixins.scss */ +.loginForm .submit.disabled { + border-color: #707070; + cursor: auto; + background: #bbbbbb; + background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#9c9c9c)); + background: -moz-linear-gradient(top, #bbbbbb, #9c9c9c); + box-shadow: inset #d7d7d7 0 1px 0; +} +/* line 46, ../sass/_header.scss */ +.loginForm label { + margin-right: 10px; +} + +/* line 49, ../sass/_header.scss */ +.search { + background: url(../images/search-box.png) no-repeat; + padding: 2px 0 0 25px; +} +/* line 52, ../sass/_header.scss */ +.search .x-panel-body-default { + border: 0; + background: none; +} + +/* line 56, ../sass/_header.scss */ +.search .x-form-text { + border: 0; + background: 0; +} + +/* line 59, ../sass/_header.scss */ +#search-field .reset { + background: url(../images/x.png) no-repeat; + width: 16px; + height: 16px; + border: 0; + margin: 2px 0 0 14px; +} + +/* line 66, ../sass/_header.scss */ +#search-dropdown { + border-style: solid; + border-color: #bfbfbf; + border-width: 1px 1px 0 1px; + background: white; + position: absolute; + width: 190px; + top: 18px; + left: 23px; + z-index: 5; +} +/* line 77, ../sass/_header.scss */ +#search-dropdown .item, #search-dropdown .footer { + position: relative; + display: block; + cursor: pointer; + overflow: hidden; + padding: 5px 5px 5px 30px; + border-width: 0px 0px 1px 0px; + border-style: solid; + border-color: #bfbfbf; + color: #605f5f; +} +/* line 87, ../sass/_header.scss */ +#search-dropdown .item .title, #search-dropdown .footer .title { + font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; +} +/* line 91, ../sass/_header.scss */ +#search-dropdown .item .title.private, #search-dropdown .footer .title.private { + color: gray; +} +/* line 93, ../sass/_header.scss */ +#search-dropdown .item .title.removed, #search-dropdown .footer .title.removed { + color: gray; + text-decoration: line-through; +} +/* line 96, ../sass/_header.scss */ +#search-dropdown .item .class, #search-dropdown .footer .class { + font-size: 0.85em; + overflow: hidden; + text-overflow: ellipsis; +} +/* line 102, ../sass/_header.scss */ +#search-dropdown .icon { + position: absolute; + float: left; + top: 6px; + left: 4px; + width: 18px; + height: 18px; +} +/* line 51, ../sass/_mixins.scss */ +#search-dropdown .icon-pkg { + background: url(../images/icons.png) no-repeat 0 0px; +} +/* line 53, ../sass/_mixins.scss */ +#search-dropdown .icon-class { + background: url(../images/icons.png) no-repeat 0 -40px; +} +/* line 55, ../sass/_mixins.scss */ +#search-dropdown .icon-singleton { + background: url(../images/icons.png) no-repeat 0 -80px; +} +/* line 57, ../sass/_mixins.scss */ +#search-dropdown .icon-subclass { + background: url(../images/icons.png) no-repeat 0 -120px; +} +/* line 59, ../sass/_mixins.scss */ +#search-dropdown .icon-component { + background: url(../images/icons.png) no-repeat 0 -160px; +} +/* line 61, ../sass/_mixins.scss */ +#search-dropdown .icon-cfg { + background: url(../images/icons.png) no-repeat 0 -200px; +} +/* line 63, ../sass/_mixins.scss */ +#search-dropdown .icon-property { + background: url(../images/icons.png) no-repeat 0 -240px; +} +/* line 65, ../sass/_mixins.scss */ +#search-dropdown .icon-method { + background: url(../images/icons.png) no-repeat 0 -280px; +} +/* line 67, ../sass/_mixins.scss */ +#search-dropdown .icon-event { + background: url(../images/icons.png) no-repeat 0 -320px; +} +/* line 69, ../sass/_mixins.scss */ +#search-dropdown .icon-guide { + background: url(../images/icons.png) no-repeat 0 -360px; +} +/* line 71, ../sass/_mixins.scss */ +#search-dropdown .icon-video { + background: url(../images/icons.png) no-repeat 0 -400px; +} +/* line 73, ../sass/_mixins.scss */ +#search-dropdown .icon-example { + background: url(../images/icons.png) no-repeat 0 -440px; +} +/* line 75, ../sass/_mixins.scss */ +#search-dropdown .icon-css_var { + background: url(../images/icons.png) no-repeat 0 -480px; +} +/* line 77, ../sass/_mixins.scss */ +#search-dropdown .icon-css_mixin { + background: url(../images/icons.png) no-repeat 0 -520px; +} +/* line 111, ../sass/_header.scss */ +#search-dropdown .meta { + position: absolute; + top: 6px; + right: 4px; +} +/* line 175, ../sass/_mixins.scss */ +#search-dropdown .meta .signature { + font-size: 0.6em; + text-transform: uppercase; + font-weight: bold; + padding: 0 0.5em; + border-radius: 2px; + -moz-border-radius: 2px; + color: white; + background-color: #aaa; +} +/* line 157, ../sass/_mixins.scss */ +#search-dropdown .meta .signature.deprecated { + background-color: #aa0000; +} +/* line 159, ../sass/_mixins.scss */ +#search-dropdown .meta .signature.removed { + color: #aa0000; + background-color: transparent; + border: 1px solid #aa0000; + text-decoration: line-through; +} +/* line 164, ../sass/_mixins.scss */ +#search-dropdown .meta .signature.static { + background-color: #484848; +} +/* line 166, ../sass/_mixins.scss */ +#search-dropdown .meta .signature.required { + background-color: #484848; +} +/* line 168, ../sass/_mixins.scss */ +#search-dropdown .meta .signature.private { + background-color: #FD6B1B; +} +/* line 170, ../sass/_mixins.scss */ +#search-dropdown .meta .signature.protected { + background-color: #9B86FC; +} +/* line 117, ../sass/_header.scss */ +#search-dropdown .item.x-item-selected { + background-color: #ffffaa; +} +/* line 119, ../sass/_header.scss */ +#search-dropdown .item.x-view-over { + background-color: #ffffaa; +} +/* line 121, ../sass/_header.scss */ +#search-dropdown .footer { + cursor: auto; + text-align: right; + font-size: 0.85em; +} +/* line 125, ../sass/_header.scss */ +#search-dropdown .footer a { + padding: 0 0.5em; +} + +/* line 3, ../sass/_footer.scss */ +#footer { + background: #f8f8f8; + color: gray; + text-align: right; + font-size: 10px; + padding-top: 3px; + padding-right: 40px; + border-color: #ebebeb; + border-width: 0 1px 0 0 !important; + border-style: solid; +} +/* line 6, ../sass/_footer.scss */ +#footer a { + color: gray; +} +/* line 18, ../sass/_footer.scss */ +#footer #footer-content { + display: block !important; +} + +/* line 5, ../sass/_tabs.scss */ +.doctabs { + padding-left: 10px; + height: 19px; + position: relative; +} +/* line 51, ../sass/_mixins.scss */ +.doctabs .icon-pkg { + background: url(../images/icons.png) no-repeat 0 0px; +} +/* line 53, ../sass/_mixins.scss */ +.doctabs .icon-class { + background: url(../images/icons.png) no-repeat 0 -40px; +} +/* line 55, ../sass/_mixins.scss */ +.doctabs .icon-singleton { + background: url(../images/icons.png) no-repeat 0 -80px; +} +/* line 57, ../sass/_mixins.scss */ +.doctabs .icon-subclass { + background: url(../images/icons.png) no-repeat 0 -120px; +} +/* line 59, ../sass/_mixins.scss */ +.doctabs .icon-component { + background: url(../images/icons.png) no-repeat 0 -160px; +} +/* line 61, ../sass/_mixins.scss */ +.doctabs .icon-cfg { + background: url(../images/icons.png) no-repeat 0 -200px; +} +/* line 63, ../sass/_mixins.scss */ +.doctabs .icon-property { + background: url(../images/icons.png) no-repeat 0 -240px; +} +/* line 65, ../sass/_mixins.scss */ +.doctabs .icon-method { + background: url(../images/icons.png) no-repeat 0 -280px; +} +/* line 67, ../sass/_mixins.scss */ +.doctabs .icon-event { + background: url(../images/icons.png) no-repeat 0 -320px; +} +/* line 69, ../sass/_mixins.scss */ +.doctabs .icon-guide { + background: url(../images/icons.png) no-repeat 0 -360px; +} +/* line 71, ../sass/_mixins.scss */ +.doctabs .icon-video { + background: url(../images/icons.png) no-repeat 0 -400px; +} +/* line 73, ../sass/_mixins.scss */ +.doctabs .icon-example { + background: url(../images/icons.png) no-repeat 0 -440px; +} +/* line 75, ../sass/_mixins.scss */ +.doctabs .icon-css_var { + background: url(../images/icons.png) no-repeat 0 -480px; +} +/* line 77, ../sass/_mixins.scss */ +.doctabs .icon-css_mixin { + background: url(../images/icons.png) no-repeat 0 -520px; +} +/* line 11, ../sass/_tabs.scss */ +.doctabs .doctab { + position: relative; + display: block; + float: left; + overflow: hidden; + top: 0; + margin-left: -8px; + cursor: pointer; + height: 28px; +} +/* line 20, ../sass/_tabs.scss */ +.doctabs .doctab .l { + position: absolute; + top: 0; + left: 0px; + width: 9px; + height: 29px; + background: url(../images/tabs.png) no-repeat -8px -141px; + z-index: 3; +} +/* line 28, ../sass/_tabs.scss */ +.doctabs .doctab .r { + position: absolute; + right: 0px; + top: 0; + width: 26px; + height: 29px; + background: url(../images/tabs.png) no-repeat 0 -239px; + z-index: 5; +} +/* line 36, ../sass/_tabs.scss */ +.doctabs .doctab .m { + z-index: 5; + position: relative; + padding: 6px 3px 0 6px; + margin: 0 7px; + background: url(../images/tabs.png) repeat-x 0 -173px; + height: 29px; + overflow: hidden; + white-space: nowrap; + text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); + font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif; + font-weight: bold; + font-size: 11px; +} +/* line 50, ../sass/_tabs.scss */ +.doctabs .doctab .m span, +.doctabs .doctab .m a { + padding-bottom: 5px; + line-height: 16px; + display: block; + color: #2e3841; + white-space: nowrap; + overflow: hidden; + float: left; +} +/* line 58, ../sass/_tabs.scss */ +.doctabs .doctab .m a.tabUrl { + padding: 0 14px 0 17px; + width: 140px; + overflow: hidden; +} +/* line 62, ../sass/_tabs.scss */ +.doctabs .doctab .m span.icn { + display: block; + position: absolute; + left: 3px; + padding-left: 15px; + padding-bottom: 0; +} +/* line 68, ../sass/_tabs.scss */ +.doctabs .doctab a.close { + position: absolute; + width: 11px; + height: 11px; + top: 8px; + right: 9px; + z-index: 6; + background: url(../images/tabs.png) no-repeat -8px -111px !important; +} +/* line 76, ../sass/_tabs.scss */ +.doctabs .doctab a.close.ovr { + background: url(../images/tabs.png) no-repeat -8px -123px !important; +} +/* line 78, ../sass/_tabs.scss */ +.doctabs .doctab.highlight { + border-width: 0; +} +/* line 80, ../sass/_tabs.scss */ +.doctabs .doctab.highlight .l { + background: url(../images/tabs.png) no-repeat -9px -271px; +} +/* line 82, ../sass/_tabs.scss */ +.doctabs .doctab.highlight .r { + background: url(../images/tabs.png) no-repeat -9px -335px; + width: 10px; +} +/* line 85, ../sass/_tabs.scss */ +.doctabs .doctab.highlight .m { + background: url(../images/tabs.png) repeat-x 0 -303px; +} +/* line 87, ../sass/_tabs.scss */ +.doctabs .doctab.active { + border-width: 0; +} +/* line 89, ../sass/_tabs.scss */ +.doctabs .doctab.active .l { + background: url(../images/tabs.png) no-repeat -9px -369px; + z-index: 6; + width: 13px; +} +/* line 93, ../sass/_tabs.scss */ +.doctabs .doctab.active .r { + background: url(../images/tabs.png) no-repeat 3px -479px; + z-index: 5; + width: 28px; +} +/* line 97, ../sass/_tabs.scss */ +.doctabs .doctab.active .m { + background: url(../images/tabs.png) repeat-x 0 -405px; + z-index: 5; +} +/* line 100, ../sass/_tabs.scss */ +.doctabs .doctab.overview .m { + z-index: 6; +} +/* line 102, ../sass/_tabs.scss */ +.doctabs .doctab.overview .m a.tabUrl { + width: auto !important; +} +/* line 104, ../sass/_tabs.scss */ +.doctabs .doctab.index .m a { + background: url(../images/tabs.png) no-repeat 1px 1px; + padding-left: 16px; + padding-right: 12px; + padding-bottom: 20px; +} +/* line 107, ../sass/_tabs.scss */ +.doctabs .doctab.classes .m a { + background: url(../images/tabs.png) no-repeat 2px -20px; + padding-left: 16px; + padding-right: 12px; +} +/* line 110, ../sass/_tabs.scss */ +.doctabs .doctab.guides .m a { + background: url(../images/tabs.png) no-repeat 3px -55px; + padding-left: 16px; + padding-right: 12px; +} +/* line 113, ../sass/_tabs.scss */ +.doctabs .doctab.videos .m a { + background: url(../images/tabs.png) no-repeat 2px -38px; + padding-left: 16px; + padding-right: 12px; +} +/* line 116, ../sass/_tabs.scss */ +.doctabs .doctab.examples .m a { + background: url(../images/tabs.png) no-repeat 1px -93px; + padding-left: 16px; + padding-right: 12px; +} +/* line 119, ../sass/_tabs.scss */ +.doctabs .doctab.comments .m a { + background: url(../images/tabs.png) no-repeat 2px -72px; + padding-left: 16px; + padding-right: 12px; +} +/* line 123, ../sass/_tabs.scss */ +.doctabs #tabOverflow { + position: absolute; + right: 5px; + top: 8px; +} +/* line 127, ../sass/_tabs.scss */ +.doctabs #tabOverflow button { + cursor: pointer; + display: block; + width: 14px; + height: 20px; + background: url(../images/tabs.png) no-repeat -7px -513px; + border: 0; +} + +/* line 136, ../sass/_tabs.scss */ +#tabOverflowMenu .x-menu-item-link { + padding-top: 5px; +} +/* line 138, ../sass/_tabs.scss */ +#tabOverflowMenu .close-all { + border-top: 1px dotted #aaa; + font-weight: bold; +} +/* line 141, ../sass/_tabs.scss */ +#tabOverflowMenu .close-all a .x-menu-item-text { + color: #666; +} +/* line 143, ../sass/_tabs.scss */ +#tabOverflowMenu .x-menu-item-icon.close { + background: url(../images/x12.png) no-repeat 4px 4px; +} + +/* line 146, ../sass/_tabs.scss */ +.overflow { + background: #e3e3e3; +} + +/* line 5, ../sass/_toolbar.scss */ +.class-overview .x-toolbar-default { + border-radius: 2px; + border-color: #e4e4e4; +} +/* line 51, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-pkg { + background: url(../images/icons.png) no-repeat 0 0px; +} +/* line 53, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-class { + background: url(../images/icons.png) no-repeat 0 -40px; +} +/* line 55, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-singleton { + background: url(../images/icons.png) no-repeat 0 -80px; +} +/* line 57, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-subclass { + background: url(../images/icons.png) no-repeat 0 -120px; +} +/* line 59, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-component { + background: url(../images/icons.png) no-repeat 0 -160px; +} +/* line 61, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-cfg { + background: url(../images/icons.png) no-repeat 0 -200px; +} +/* line 63, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-property { + background: url(../images/icons.png) no-repeat 0 -240px; +} +/* line 65, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-method { + background: url(../images/icons.png) no-repeat 0 -280px; +} +/* line 67, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-event { + background: url(../images/icons.png) no-repeat 0 -320px; +} +/* line 69, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-guide { + background: url(../images/icons.png) no-repeat 0 -360px; +} +/* line 71, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-video { + background: url(../images/icons.png) no-repeat 0 -400px; +} +/* line 73, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-example { + background: url(../images/icons.png) no-repeat 0 -440px; +} +/* line 75, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-css_var { + background: url(../images/icons.png) no-repeat 0 -480px; +} +/* line 77, ../sass/_mixins.scss */ +.class-overview .x-toolbar-default .icon-css_mixin { + background: url(../images/icons.png) no-repeat 0 -520px; +} + +/* line 13, ../sass/_toolbar.scss */ +.member-filter .x-form-trigger.reset { + background: url(../images/x12.png) no-repeat 2px 3px; + padding: 0; + margin: 0; + border: 0; +} +/* line 18, ../sass/_toolbar.scss */ +.member-filter .x-form-trigger-wrap { + height: 20px; + border-style: solid; + border-color: #bebebe; + border-width: 1px 1px 1px 0; + margin-left: -1px; + background: url("../images/text-bg.gif"); +} + +/* line 28, ../sass/_toolbar.scss */ +.expand-all-members { + background: url(../images/expandcollapse.png) no-repeat -12px 2px; +} + +/* line 30, ../sass/_toolbar.scss */ +.collapse-all-members { + background: url(../images/expandcollapse.png) no-repeat 2px 2px; +} + +/* line 5, ../sass/_hover_menu.scss */ +.hover-menu-button { + padding-left: 20px; + cursor: pointer; +} +/* line 8, ../sass/_hover_menu.scss */ +.hover-menu-button sup { + font-size: 0.8em; + position: relative; + top: -4px; +} + +/* line 13, ../sass/_hover_menu.scss */ +.hover-menu { + font-size: 12px; + position: absolute; + padding: 5px 15px 10px; + background: #eaeaea; + z-index: 8; + top: 21px; + border: 1px solid #e4e4e4; + border-top: 1px solid #eaeaea; + left: -16px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +/* line 24, ../sass/_hover_menu.scss */ +.hover-menu table { + width: 100%; +} +/* line 26, ../sass/_hover_menu.scss */ +.hover-menu td { + vertical-align: top; +} +/* line 28, ../sass/_hover_menu.scss */ +.hover-menu .item { + position: relative; +} +/* line 30, ../sass/_hover_menu.scss */ +.hover-menu a { + display: block; + position: relative; + padding: 2px 30px 2px 0; + color: #0464bb; + white-space: nowrap; +} +/* line 36, ../sass/_hover_menu.scss */ +.hover-menu a:hover { + color: #083772; + text-decoration: underline; +} +/* line 175, ../sass/_mixins.scss */ +.hover-menu a .signature { + font-size: 0.6em; + text-transform: uppercase; + font-weight: bold; + padding: 0 0.5em; + border-radius: 2px; + -moz-border-radius: 2px; + color: white; + background-color: #aaa; +} +/* line 157, ../sass/_mixins.scss */ +.hover-menu a .signature.deprecated { + background-color: #aa0000; +} +/* line 159, ../sass/_mixins.scss */ +.hover-menu a .signature.removed { + color: #aa0000; + background-color: transparent; + border: 1px solid #aa0000; + text-decoration: line-through; +} +/* line 164, ../sass/_mixins.scss */ +.hover-menu a .signature.static { + background-color: #484848; +} +/* line 166, ../sass/_mixins.scss */ +.hover-menu a .signature.required { + background-color: #484848; +} +/* line 168, ../sass/_mixins.scss */ +.hover-menu a .signature.private { + background-color: #FD6B1B; +} +/* line 170, ../sass/_mixins.scss */ +.hover-menu a .signature.protected { + background-color: #9B86FC; +} + +/* line 41, ../sass/_hover_menu.scss */ +.hover-menu a { + font-family: Helvetica, Arial, clean, sans-serif; + font-size: 12px; +} + +/* line 5, ../sass/_trees.scss */ +#treecontainer { + background: #f8f8f8; + border: 0; + background: -moz-linear-gradient(top, white 0%, #f8f8f8 10px); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(10px, #f8f8f8)); + background: -webkit-linear-gradient(top, white 0%, #f8f8f8 10px); + background: -o-linear-gradient(top, white 0%, #f8f8f8 5px); + background: -ms-linear-gradient(top, white 0%, #f8f8f8 5px); + background: linear-gradient(top, #ffffff 0%, #f8f8f8 5px); +} +/* line 14, ../sass/_trees.scss */ +#treecontainer a { + color: #000; +} +/* line 15, ../sass/_trees.scss */ +#treecontainer .x-grid-cell { + background: none; +} +/* line 17, ../sass/_trees.scss */ +#treecontainer .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; + -moz-transition: background-color 0.15s linear; + -o-transition: background-color 0.15s linear; +} +/* line 51, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-pkg { + background: url(../images/icons.png) no-repeat 0 0px; +} +/* line 53, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-class { + background: url(../images/icons.png) no-repeat 0 -40px; +} +/* line 55, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-singleton { + background: url(../images/icons.png) no-repeat 0 -80px; +} +/* line 57, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-subclass { + background: url(../images/icons.png) no-repeat 0 -120px; +} +/* line 59, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-component { + background: url(../images/icons.png) no-repeat 0 -160px; +} +/* line 61, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-cfg { + background: url(../images/icons.png) no-repeat 0 -200px; +} +/* line 63, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-property { + background: url(../images/icons.png) no-repeat 0 -240px; +} +/* line 65, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-method { + background: url(../images/icons.png) no-repeat 0 -280px; +} +/* line 67, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-event { + background: url(../images/icons.png) no-repeat 0 -320px; +} +/* line 69, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-guide { + background: url(../images/icons.png) no-repeat 0 -360px; +} +/* line 71, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-video { + background: url(../images/icons.png) no-repeat 0 -400px; +} +/* line 73, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-example { + background: url(../images/icons.png) no-repeat 0 -440px; +} +/* line 75, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-css_var { + background: url(../images/icons.png) no-repeat 0 -480px; +} +/* line 77, ../sass/_mixins.scss */ +#treecontainer .x-grid-cell-inner .icon-css_mixin { + background: url(../images/icons.png) no-repeat 0 -520px; +} +/* line 25, ../sass/_trees.scss */ +#treecontainer .private .x-grid-cell-inner, #treecontainer .private .x-grid-cell-inner a { + color: #666; +} +/* line 28, ../sass/_trees.scss */ +#treecontainer .x-grid-row-over .x-grid-cell-inner { + -webkit-transition: background-color 0.15s linear; + -moz-transition: background-color 0.15s linear; + -o-transition: background-color 0.15s linear; +} +/* line 30, ../sass/_trees.scss */ +#treecontainer .x-panel-body { + border-color: #d4d4d4; + background: #f8f8f8; +} + +/* line 34, ../sass/_trees.scss */ +.x-scroller-vertical { + border: 0; +} + +/* line 40, ../sass/_trees.scss */ +.x-tree-arrows .x-tree-elbow-plus, +.x-tree-arrows .x-tree-elbow-minus, +.x-tree-arrows .x-tree-elbow-end-plus, +.x-tree-arrows .x-tree-elbow-end-minus { + background: url("../images/arrows.png") no-repeat 2px 1px; +} + +/* line 45, ../sass/_trees.scss */ +.x-tree-arrows .x-tree-expander-over .x-tree-elbow-plus, +.x-tree-arrows .x-tree-expander-over .x-tree-elbow-end-plus { + background-position: 2px 1px; +} + +/* line 50, ../sass/_trees.scss */ +.x-tree-arrows .x-grid-tree-node-expanded .x-tree-elbow-plus, +.x-tree-arrows .x-grid-tree-node-expanded .x-tree-elbow-end-plus { + background-position: -12px 1px; +} + +/* line 55, ../sass/_trees.scss */ +.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-elbow-plus, +.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-elbow-end-plus { + background-position: -12px 1px; +} + +/* line 59, ../sass/_trees.scss */ +#tree-container .x-grid-cell-inner { + font-family: Helvetica, Arial, clean, sans-serif; + font-size: 12px; +} + +/* line 63, ../sass/_trees.scss */ +#treecontainer > .x-panel-body { + background: transparent; + border-color: #ebebeb; + border-width: 0 1px 0 0 !important; +} + +/* line 68, ../sass/_trees.scss */ +.x-resizable-over .x-resizable-handle-east { + cursor: col-resize; +} + +/* line 70, ../sass/_trees.scss */ +.x-resizable-handle-east { + width: 6px; +} + +/* line 73, ../sass/_trees.scss */ +.x-resizable-over .x-resizable-handle-east, .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west { + background: none; + border: solid #bbb; + border-width: 0 1px 0 0; +} + +/* line 80, ../sass/_trees.scss */ +.cls-grouping button, .cls-private-cb { + font-size: 11px; + color: #4d4d4d; + font-weight: bold; + -webkit-font-smoothing: antialiased; +} + +/* line 90, ../sass/_trees.scss */ +.cls-grouping { + padding: 5px 0 2px 0; + text-align: center; +} +/* line 93, ../sass/_trees.scss */ +.cls-grouping button { + display: inline-block; + float: left; + margin: 0 3px; + padding: 1px 13px 2px 13px; + border: 1px solid transparent; + cursor: pointer; + background: transparent; +} +/* line 101, ../sass/_trees.scss */ +.cls-grouping button.selected { + color: #fff; + border: 1px solid #727a81; + background-color: #646b72; + background: #646b72; + background: -webkit-gradient(linear, left top, left bottom, from(#646b72), to(#8d949b)); + background: -moz-linear-gradient(top, #646b72, #8d949b); + box-shadow: inset #5b6167 0 0 1px; + border-radius: 10px; + -moz-border-radius: 10px; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35); +} + +/* line 4, ../sass/_thumb_list.scss */ +.thumb-list { + padding: 2px; +} +/* line 8, ../sass/_thumb_list.scss */ +.thumb-list dd { + cursor: pointer; + float: left; + height: 100px; + margin: 10px; + width: 300px; + zoom: 1; + line-height: 1em; +} +/* line 16, ../sass/_thumb_list.scss */ +.thumb-list dd.over { + background: #f5fde3 url(../images/sample-over.gif) no-repeat; +} +/* line 18, ../sass/_thumb_list.scss */ +.thumb-list dd .thumb { + float: left; + height: 90px; + margin: 5px 0 0 5px; + width: 120px; +} +/* line 23, ../sass/_thumb_list.scss */ +.thumb-list dd .thumb img { + border: 1px solid #ddd; + max-height: 88px; + max-width: 118px; + margin: auto; +} +/* line 28, ../sass/_thumb_list.scss */ +.thumb-list dd div { + float: left; + margin-left: 10px; + width: 160px; +} +/* line 32, ../sass/_thumb_list.scss */ +.thumb-list dd h4 { + color: #555; + font-size: 11px; + font-weight: bold; + padding: 3px 0; +} +/* line 37, ../sass/_thumb_list.scss */ +.thumb-list dd h4 span.new-sample { + color: red; +} +/* line 39, ../sass/_thumb_list.scss */ +.thumb-list dd h4 span.updated-sample { + color: blue; +} +/* line 41, ../sass/_thumb_list.scss */ +.thumb-list dd p { + color: #777; + font-size: 13px; +} +/* line 46, ../sass/_thumb_list.scss */ +.thumb-list h2 { + border-bottom: 2px solid #99bbe8; + cursor: pointer; + padding-top: 6px; +} +/* line 50, ../sass/_thumb_list.scss */ +.thumb-list h2 div { + background: transparent url(../images/group-expand-sprite.gif) no-repeat 2px -45px; + color: #3764a0; + padding: 4px 4px 4px 17px; +} +/* line 56, ../sass/_thumb_list.scss */ +.thumb-list .collapsed h2 div { + background-position: 2px 5px; +} +/* line 58, ../sass/_thumb_list.scss */ +.thumb-list .collapsed dl { + display: none; +} + +/* line 63, ../sass/_thumb_list.scss */ +.touch-examples-ui .thumb-list dd .thumb { + border: 1px solid #ddd; + background: white; + background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9f9f9)); + background: -moz-linear-gradient(top, white, #f9f9f9); +} +/* line 66, ../sass/_thumb_list.scss */ +.touch-examples-ui .thumb-list dd .thumb img { + border: 0; + margin: 7px 0 0 22px; +} + +/* line 6, ../sass/_categories.scss */ +.class-categories h1.top { + margin-bottom: 12px; +} +/* line 9, ../sass/_categories.scss */ +.class-categories .notice { + background-color: #ffc; + text-align: center; + color: #434343; + font-weight: bold; + padding: 8px 0; + margin: 0 20px 15px 0; + border-radius: 8px; + -moz-border-radius: 8px; +} +/* line 17, ../sass/_categories.scss */ +.class-categories .section { + border-radius: 5px; + -moz-border-radius: 5px; + background-color: #f7f7f7; + border: 1px solid #ebebeb; + padding: 20px 10px 20px 20px; + margin: 0 10px 20px 0; + clear: both; +} +/* line 25, ../sass/_categories.scss */ +.class-categories .section .left-column { + float: left; + width: 250px; + margin-left: 20px; +} +/* line 29, ../sass/_categories.scss */ +.class-categories .section .middle-column { + float: left; + width: 280px; +} +/* line 32, ../sass/_categories.scss */ +.class-categories .section .right-column { + float: left; +} +/* line 35, ../sass/_categories.scss */ +.class-categories .section .links { + margin-left: 1.5em; +} +/* line 37, ../sass/_categories.scss */ +.class-categories .section .links a { + display: block; +} + +/* line 4, ../sass/_failure.scss */ +#failure { + padding: 1em; +} +/* line 6, ../sass/_failure.scss */ +#failure h1 { + padding: 10px 0; + font-family: "klavika-web-1", "klavika-web-2", sans-serif; + letter-spacing: -1px; + margin-bottom: 16px; + font-size: 2.3em; + color: #66ab16; +} +/* line 13, ../sass/_failure.scss */ +#failure p { + margin: 0 0 0.8em; +} + +/* line 10, ../sass/_class_header.scss */ +#center-container 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; +} +/* line 20, ../sass/_class_header.scss */ +#center-container h1 a { + color: #66ab16; + margin-left: -3px; + padding: 0.1em 0 0.4em 2em; +} +/* line 24, ../sass/_class_header.scss */ +#center-container h1.class a { + background: url(../images/class-m.png) no-repeat 0 -5px; +} +/* line 26, ../sass/_class_header.scss */ +#center-container h1.component a { + background: url(../images/component-m.png) no-repeat 0 -5px; +} +/* line 28, ../sass/_class_header.scss */ +#center-container h1.singleton a { + background: url(../images/singleton-m.png) no-repeat 0 -5px; +} +/* line 32, ../sass/_class_header.scss */ +#center-container h1 span { + color: #929292; + letter-spacing: 0; + margin-left: 10px; + font-size: 0.6em; +} +/* line 39, ../sass/_class_header.scss */ +#center-container h1 span.class-source-tip { + font-size: 0.5em; + position: absolute; + top: 35px; + left: 100px; + color: #fff; + -webkit-transition: color 0.2s linear; + -moz-transition: color 0.2s linear; + -o-transition: color 0.2s linear; +} +/* line 46, ../sass/_class_header.scss */ +#center-container h1 span.class-source-tip.hover { + color: #929292; +} +/* line 50, ../sass/_class_header.scss */ +#center-container h1 span.private { + float: right; + margin-right: 50px; + font-weight: bold; + color: #e7ba27; + letter-spacing: 0px; +} +/* line 58, ../sass/_class_header.scss */ +#center-container .guide-container table { + width: 900px; + font-size: 0.9em; +} +/* line 61, ../sass/_class_header.scss */ +#center-container .guide-container table th { + background-color: #eee; + font-weight: bold; + text-align: center; + color: #333; + padding: 1px 2px; +} +/* line 67, ../sass/_class_header.scss */ +#center-container .guide-container table td { + padding: 3px; +} +/* line 71, ../sass/_class_header.scss */ +#center-container .print { + background: url(../images/print.png) no-repeat; + position: absolute; + right: 0; + top: 5px; + display: block; + text-indent: -9999px; + width: 32px; + height: 32px; +} +/* line 81, ../sass/_class_header.scss */ +#center-container .print.guide { + right: 15px; + top: 15px; +} + +/* line 21, ../sass/viewport.scss */ +.card-panel { + line-height: 1.5em; +} +/* line 23, ../sass/viewport.scss */ +.card-panel h3 { + font-size: 1.2em; + padding: 1em 0 0.4em 0; + font-weight: normal; +} + +/* line 28, ../sass/viewport.scss */ +.class-overview, .guide-container, .comment-index { + min-height: 100px; +} +/* line 30, ../sass/viewport.scss */ +.class-overview .clr, .guide-container .clr, .comment-index .clr { + clear: both; +} +/* line 32, ../sass/viewport.scss */ +.class-overview p, .class-overview ul, .class-overview ol, .guide-container p, .guide-container ul, .guide-container ol, .comment-index p, .comment-index ul, .comment-index ol { + color: #484848; + max-width: 900px; +} +/* line 35, ../sass/viewport.scss */ +.class-overview p, .guide-container p, .comment-index p { + padding: 0; + margin: 0 0 1em; +} +/* line 38, ../sass/viewport.scss */ +.class-overview p:last-child, .guide-container p:last-child, .comment-index p:last-child { + margin: 0; +} +/* line 40, ../sass/viewport.scss */ +.class-overview ul, .guide-container ul, .comment-index ul { + margin: 0 0 1em 2em; +} +/* line 42, ../sass/viewport.scss */ +.class-overview ul li, .guide-container ul li, .comment-index ul li { + list-style: disc outside; +} +/* line 44, ../sass/viewport.scss */ +.class-overview ol, .guide-container ol, .comment-index ol { + margin: 0 0 1em 2em; +} +/* line 46, ../sass/viewport.scss */ +.class-overview ol li, .guide-container ol li, .comment-index ol li { + list-style: decimal outside; +} +/* line 48, ../sass/viewport.scss */ +.class-overview em, .guide-container em, .comment-index em { + font-style: italic; +} +/* line 50, ../sass/viewport.scss */ +.class-overview strong, .guide-container strong, .comment-index strong { + font-weight: bold; +} +/* line 52, ../sass/viewport.scss */ +.class-overview h3, .guide-container h3, .comment-index h3 { + font-weight: bold; + font-size: 1.1em; +} +/* line 55, ../sass/viewport.scss */ +.class-overview h4, .guide-container h4, .comment-index h4 { + font-weight: bold; +} +/* line 57, ../sass/viewport.scss */ +.class-overview table, .guide-container table, .comment-index table { + margin-bottom: 10px; +} +/* line 60, ../sass/viewport.scss */ +.class-overview table tr:first-child td, .guide-container table tr:first-child td, .comment-index table tr:first-child td { + color: #000; + font-weight: bold; +} +/* line 63, ../sass/viewport.scss */ +.class-overview table td, .guide-container table td, .comment-index table td { + color: #484848; + padding: 2px 20px 2px 0; +} +/* line 66, ../sass/viewport.scss */ +.class-overview pre, .guide-container pre, .comment-index pre { + background-color: #f7f7f7; + border: solid 1px #e8e8e8; + border-radius: 5px; + -moz-border-radius: 5px; + color: #314e64; + font-family: "Menlo", "Courier New", "Courier", monospace; + padding: 10px 20px; + line-height: 1.3em; + margin: 10px 0 14px 0; + max-width: 900px; + overflow-x: auto; + overflow-y: hidden; +} +/* line 78, ../sass/viewport.scss */ +.class-overview pre code, .guide-container pre code, .comment-index pre code { + font-family: "Menlo", "Courier New", "Courier", monospace; +} +/* line 80, ../sass/viewport.scss */ +.class-overview pre i, .class-overview pre em, .guide-container pre i, .guide-container pre em, .comment-index pre i, .comment-index pre em { + font-style: normal; +} +/* line 82, ../sass/viewport.scss */ +.class-overview pre.prettyprint, .guide-container pre.prettyprint, .comment-index pre.prettyprint { + padding: 10px 12px; +} + +/* line 6, ../sass/_class_overview.scss */ +.class-overview .hierarchy, .class-overview .aside { + border-radius: 5px; + -moz-border-radius: 5px; + background-color: #f7f7f7; + border: 1px solid #ebebeb; + padding: 0 15px 15px 10px; + float: right; + clear: right; + margin: 0 0 10px 60px; + font-size: 12px; +} +/* line 81, ../sass/_mixins.scss */ +.class-overview .hierarchy h4 { + font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif; + font-size: 90%; + padding: 11px 0 5px 0; + text-transform: uppercase; + color: #999999; +} +/* line 17, ../sass/_class_overview.scss */ +.class-overview .hierarchy .dependency, .class-overview .hierarchy .alternate-class-name { + padding: 0 0 0 12px; + margin-top: 3px; +} +/* line 20, ../sass/_class_overview.scss */ +.class-overview .hierarchy .alternate-class-name { + color: #484848; +} +/* line 22, ../sass/_class_overview.scss */ +.class-overview .hierarchy .subclass { + background: url(../images/elbow-end.gif) no-repeat -5px 0; + margin-top: 3px; + padding: 0 0 0 12px; +} +/* line 26, ../sass/_class_overview.scss */ +.class-overview .hierarchy .subclass.first-child { + background: none; + padding-left: 15px; +} +/* line 29, ../sass/_class_overview.scss */ +.class-overview .aside { + width: 180px; +} +/* line 31, ../sass/_class_overview.scss */ +.class-overview .aside h4 { + margin: 4px 0; + font-size: larger; + color: #526c83; + padding-left: 22px; +} +/* line 36, ../sass/_class_overview.scss */ +.class-overview .aside img { + width: 50px; + float: left; + margin-right: 10px; +} +/* line 40, ../sass/_class_overview.scss */ +.class-overview .aside.guide h4 { + background: url(../images/tabs.png) no-repeat -5px -55px; +} +/* line 42, ../sass/_class_overview.scss */ +.class-overview .aside.video h4 { + background: url(../images/tabs.png) no-repeat -6px -38px; +} +/* line 44, ../sass/_class_overview.scss */ +.class-overview .aside.example h4 { + background: url(../images/tabs.png) no-repeat -7px -93px; +} + +/* line 50, ../sass/_class_overview.scss */ +#center-container .doc-contents h1, #center-container .doc-contents h2 { + font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", 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; + letter-spacing: 0; +} +/* line 53, ../sass/_class_overview.scss */ +#center-container .doc-contents h3 { + font-weight: bold; + color: #314e64; + margin-top: 0.5em; + padding-top: 16px; + font-size: 16px; + line-height: 16px; + margin-bottom: 4px; +} + +/* line 57, ../sass/_class_overview.scss */ +.class-overview p.private { + border: 1px solid #999; + border-radius: 5px; + -moz-border-radius: 5px; + color: #600; + background-color: #fee; + padding: 10px 50px; + text-align: center; +} +/* line 64, ../sass/_class_overview.scss */ +.class-overview .signature { + font-weight: bold; + text-transform: uppercase; + font-size: 0.7em; + border-radius: 2px; + -moz-border-radius: 2px; + margin-left: 5px; + padding: 0 3px; + color: white; + background-color: #aaa; +} +/* line 157, ../sass/_mixins.scss */ +.class-overview .signature.deprecated { + background-color: #aa0000; +} +/* line 159, ../sass/_mixins.scss */ +.class-overview .signature.removed { + color: #aa0000; + background-color: transparent; + border: 1px solid #aa0000; + text-decoration: line-through; +} +/* line 164, ../sass/_mixins.scss */ +.class-overview .signature.static { + background-color: #484848; +} +/* line 166, ../sass/_mixins.scss */ +.class-overview .signature.required { + background-color: #484848; +} +/* line 168, ../sass/_mixins.scss */ +.class-overview .signature.private { + background-color: #FD6B1B; +} +/* line 170, ../sass/_mixins.scss */ +.class-overview .signature.protected { + background-color: #9B86FC; +} +/* line 72, ../sass/_class_overview.scss */ +.class-overview .new-keyword { + margin-left: 0; + margin-right: 3px; + color: #083772; +} +/* line 76, ../sass/_class_overview.scss */ +.class-overview .cfgGroup { + margin: 10px 0 3px 0; +} + +/* line 79, ../sass/_class_overview.scss */ +.members { + color: #444444; + padding-top: 10px; + clear: both; + first-child-padding-top: 0; +} +/* line 85, ../sass/_class_overview.scss */ +.members .pre { + font-family: "Menlo", "Courier New", "Courier", monospace; + font-size: 0.9em; +} +/* line 88, ../sass/_class_overview.scss */ +.members .definedBy { + float: right; + padding: 0 20px 0 0; + font-weight: bold; + color: #666666; +} +/* line 93, ../sass/_class_overview.scss */ +.members .subsection .definedBy { + padding-top: 0; +} +/* line 96, ../sass/_class_overview.scss */ +.members h3.pa { + padding: 10px 0 5px 0; +} +/* line 98, ../sass/_class_overview.scss */ +.members .members-section, .members .comments-section { + margin-bottom: 40px; +} +/* line 100, ../sass/_class_overview.scss */ +.members h3.members-title { + margin: 20px 0 5px 0; + padding: 0 0 0 25px; + font-size: 1.3em; + font-weight: bold; +} +/* line 51, ../sass/_mixins.scss */ +.members .icon-pkg { + background: url(../images/icons.png) no-repeat 0 0px; +} +/* line 53, ../sass/_mixins.scss */ +.members .icon-class { + background: url(../images/icons.png) no-repeat 0 -40px; +} +/* line 55, ../sass/_mixins.scss */ +.members .icon-singleton { + background: url(../images/icons.png) no-repeat 0 -80px; +} +/* line 57, ../sass/_mixins.scss */ +.members .icon-subclass { + background: url(../images/icons.png) no-repeat 0 -120px; +} +/* line 59, ../sass/_mixins.scss */ +.members .icon-component { + background: url(../images/icons.png) no-repeat 0 -160px; +} +/* line 61, ../sass/_mixins.scss */ +.members .icon-cfg { + background: url(../images/icons.png) no-repeat 0 -200px; +} +/* line 63, ../sass/_mixins.scss */ +.members .icon-property { + background: url(../images/icons.png) no-repeat 0 -240px; +} +/* line 65, ../sass/_mixins.scss */ +.members .icon-method { + background: url(../images/icons.png) no-repeat 0 -280px; +} +/* line 67, ../sass/_mixins.scss */ +.members .icon-event { + background: url(../images/icons.png) no-repeat 0 -320px; +} +/* line 69, ../sass/_mixins.scss */ +.members .icon-guide { + background: url(../images/icons.png) no-repeat 0 -360px; +} +/* line 71, ../sass/_mixins.scss */ +.members .icon-video { + background: url(../images/icons.png) no-repeat 0 -400px; +} +/* line 73, ../sass/_mixins.scss */ +.members .icon-example { + background: url(../images/icons.png) no-repeat 0 -440px; +} +/* line 75, ../sass/_mixins.scss */ +.members .icon-css_var { + background: url(../images/icons.png) no-repeat 0 -480px; +} +/* line 77, ../sass/_mixins.scss */ +.members .icon-css_mixin { + background: url(../images/icons.png) no-repeat 0 -520px; +} +/* line 106, ../sass/_class_overview.scss */ +.members .icon-comment { + background: url(../images/comment-bubble.png) no-repeat 1px -26px; +} +/* line 108, ../sass/_class_overview.scss */ +.members h4.members-subtitle { + padding-left: 25px; + margin: 10px 0 7px 0; +} +/* line 111, ../sass/_class_overview.scss */ +.members ul ul { + list-style: circle; + margin-top: 1em; +} +/* line 114, ../sass/_class_overview.scss */ +.members .sub-desc { + margin: 0.5em 0 1em; +} +/* line 118, ../sass/_class_overview.scss */ +.members .description .short p { + margin: 0; +} +/* line 120, ../sass/_class_overview.scss */ +.members a { + text-decoration: none; +} +/* line 122, ../sass/_class_overview.scss */ +.members .member { + position: relative; + min-height: 2.5em; + border-style: solid; + border-color: #E0E0E0; + border-width: 0 0 1px 0; + padding: 10px 22px; +} +/* line 107, ../sass/_mixins.scss */ +.members .member.open > a.side.toggleComments, .members .member.open > a.side.expandable { + background: #EBF3FE; +} +/* line 109, ../sass/_mixins.scss */ +.members .member.open > a.side.toggleComments span, .members .member.open > a.side.expandable span { + background: url(../images/member-expanded.gif) no-repeat 2px 12px; +} +/* line 111, ../sass/_mixins.scss */ +.members .member a.side { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + cursor: default !important; +} +/* line 118, ../sass/_mixins.scss */ +.members .member a.side span { + display: block; + width: 15px; + height: 30px; +} +/* line 123, ../sass/_mixins.scss */ +.members .member a.side.expandable, .members .member a.side.toggleComments { + cursor: pointer; +} +/* line 125, ../sass/_mixins.scss */ +.members .member a.side.expandable span, .members .member a.side.toggleComments span { + background: url(../images/member-collapsed.gif) no-repeat 3px 13px; +} +/* line 128, ../sass/_mixins.scss */ +.members .member a.side.expandable:hover span, .members .member a.side.toggleComments:hover span { + background: url(../images/member-hover.gif) no-repeat 3px 13px; +} +/* line 130, ../sass/_class_overview.scss */ +.members .member.first-child { + border-width: 1px 0; +} +/* line 132, ../sass/_class_overview.scss */ +.members .member .long { + display: none; +} +/* line 134, ../sass/_class_overview.scss */ +.members .member .meta { + float: right; + text-align: right; +} +/* line 137, ../sass/_class_overview.scss */ +.members .member .defined-in, .members .member .view-source { + font-family: "Helvetica", "Arial", sans-serif; + font-size: 0.9em; +} +/* line 140, ../sass/_class_overview.scss */ +.members .member a.defined-in { + color: #888888; +} +/* line 142, ../sass/_class_overview.scss */ +.members .member a.defined-in:hover { + color: #0464bb; +} +/* line 144, ../sass/_class_overview.scss */ +.members .member a.view-source { + color: rgba(0, 0, 0, 0); + -webkit-transition: color 0.2s linear; + -moz-transition: color 0.2s linear; + -o-transition: color 0.2s linear; + font-size: 0.9em; +} +/* line 148, ../sass/_class_overview.scss */ +.members .member a.view-source:hover { + -webkit-transition: color 0.2s linear; + -moz-transition: color 0.2s linear; + -o-transition: color 0.2s linear; + color: #0464bb; +} +/* line 152, ../sass/_class_overview.scss */ +.members .member:hover a.view-source { + color: gray; + -webkit-transition: color 0.2s linear; + -moz-transition: color 0.2s linear; + -o-transition: color 0.2s linear; +} +/* line 156, ../sass/_class_overview.scss */ +.members .member.open a.side.expandable { + background: #ebf3fe; + background: -webkit-gradient(linear, left top, right top, from(#ebf3fe), to(#d9e8fc)); + background: -moz-linear-gradient(left, #ebf3fe, #d9e8fc); +} +/* line 158, ../sass/_class_overview.scss */ +.members .member.open a.side.expandable span { + background: url(../images/member-expanded.gif) no-repeat 1px 2px; +} +/* line 160, ../sass/_class_overview.scss */ +.members .member.open .short { + display: none; +} +/* line 162, ../sass/_class_overview.scss */ +.members .member.open .long { + display: block; +} +/* line 164, ../sass/_class_overview.scss */ +.members .member .name { + font-weight: bold; +} +/* line 166, ../sass/_class_overview.scss */ +.members .member .title { + padding-bottom: 3px; +} + +/* line 169, ../sass/_class_overview.scss */ +.signature-box { + border: 1px solid #999; + border-radius: 5px; + -moz-border-radius: 5px; + padding: 10px 50px; + text-align: center; +} +/* line 174, ../sass/_class_overview.scss */ +.signature-box.template { + background-color: #eee; +} +/* line 176, ../sass/_class_overview.scss */ +.signature-box.deprecated, .signature-box.removed { + color: #600; + background-color: #fee; +} +/* line 179, ../sass/_class_overview.scss */ +.signature-box.deprecated strong, .signature-box.removed strong { + text-transform: uppercase; + border-radius: 2px; + -moz-border-radius: 2px; + padding: 0 3px; +} +/* line 183, ../sass/_class_overview.scss */ +.signature-box.deprecated strong { + color: white; + background-color: #aa0000; +} +/* line 186, ../sass/_class_overview.scss */ +.signature-box.removed strong { + color: #aa0000; + border: 1px solid #aa0000; + background-color: transparent; + text-decoration: line-through; +} + +/* line 87, ../sass/viewport.scss */ +#center-container .guide-container { + padding: 10px; + font-size: 14px; +} +/* line 92, ../sass/viewport.scss */ +#center-container .guide-container .toc { + float: right; + background-color: #f7f7f7; + border: solid 1px #e8e8e8; + padding: 10px 20px; + margin: 0 14px; + border-radius: 5px; + -moz-border-radius: 5px; +} +/* line 99, ../sass/viewport.scss */ +#center-container .guide-container h1 { + background: url(../images/doc-m.png) no-repeat -5px -5px; + padding: 10px 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; +} +/* line 107, ../sass/viewport.scss */ +#center-container .guide-container h2 { + font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", 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; +} +/* line 109, ../sass/viewport.scss */ +#center-container .guide-container h3 { + font-weight: bold; + color: #314e64; + margin-top: 0.5em; + padding-top: 16px; + font-size: 16px; + line-height: 16px; + margin-bottom: 4px; +} +/* line 111, ../sass/viewport.scss */ +#center-container .guide-container hr { + display: none; +} + +/* line 117, ../sass/viewport.scss */ +p.screenshot img { + display: block; + margin: 0 auto; +} +/* line 120, ../sass/viewport.scss */ +p.screenshot span { + display: block; + text-align: center; + font-size: smaller; +} + +/* line 127, ../sass/viewport.scss */ +#video object, #video p, #video h1 { + margin: 15px; +} + +/* line 133, ../sass/viewport.scss */ +#exampleindex, +#videoindex, +#guideindex, +#classindex { + padding: 15px 10px 10px 10px; +} + +/* line 137, ../sass/viewport.scss */ +.x-panel-body-default { + border-width: 0; +} + +/* line 4, ../sass/_examples.scss */ +.inline-example-cmp { + margin-bottom: 10px; + padding-right: 25px; +} +/* line 11, ../sass/_examples.scss */ +.inline-example-cmp .x-toolbar { + background: none !important; +} +/* line 14, ../sass/_examples.scss */ +.inline-example-cmp span.x-btn-inner { + line-height: 12px; +} +/* line 17, ../sass/_examples.scss */ +.inline-example-cmp .active span.x-btn-inner { + color: #57a7dc; +} +/* line 20, ../sass/_examples.scss */ +.inline-example-cmp span.x-btn-icon { + background: url(../images/example-icons.png) no-repeat; + opacity: 0.6; +} +/* line 23, ../sass/_examples.scss */ +.inline-example-cmp span.x-btn-icon.code { + background-position: -2px -19px; +} +/* line 25, ../sass/_examples.scss */ +.inline-example-cmp span.x-btn-icon.preview { + background-position: -3px -65px; +} +/* line 27, ../sass/_examples.scss */ +.inline-example-cmp span.x-btn-icon.copy { + background-position: -2px -88px; +} +/* line 29, ../sass/_examples.scss */ +.inline-example-cmp .active span.x-btn-icon { + background: url(../images/example-icons.png) no-repeat; + opacity: 1; +} +/* line 32, ../sass/_examples.scss */ +.inline-example-cmp .active span.x-btn-icon.code { + background-position: -30px -19px; +} +/* line 34, ../sass/_examples.scss */ +.inline-example-cmp .active span.x-btn-icon.preview { + background-position: -31px -65px; +} +/* line 36, ../sass/_examples.scss */ +.inline-example-cmp .active span.x-btn-icon.copy { + background-position: -30px -88px; +} + +/* line 39, ../sass/_examples.scss */ +.touchExample .wrong-browser { + margin-top: 120px; + font-weight: bold; + text-align: center; + font-size: 120%; + color: #666; +} + +/* line 46, ../sass/_examples.scss */ +.tablet.landscape { + padding: 79px 83px; + background: url(../images/ipad-l.jpg) no-repeat; +} + +/* line 50, ../sass/_examples.scss */ +.tablet.portrait { + padding: 83px 83px; + background: url(../images/ipad-p.jpg) no-repeat; +} + +/* line 54, ../sass/_examples.scss */ +.phone.landscape { + padding: 22px 127px; + width: 724px; + height: 368px; + background: url(../images/iphone-l.jpg) no-repeat; +} + +/* line 60, ../sass/_examples.scss */ +.phone.portrait { + padding: 127px 26px; + width: 368px; + height: 724px; + background: url(../images/iphone-p.jpg) no-repeat; +} + +/* line 66, ../sass/_examples.scss */ +.miniphone.landscape { + padding: 127px 22px 6px 26px; + width: 368px; + height: 350px; + background: url(../images/iphone-small-p.jpg) no-repeat; +} + +/* line 72, ../sass/_examples.scss */ +.miniphone.portrait { + padding: 22px 6px 26px 127px; + width: 350px; + height: 368px; + background: url(../images/iphone-small-l.jpg) no-repeat; +} + +/* line 79, ../sass/_examples.scss */ +.example-container h1 { + padding: 15px 0 !important; +} + +/* line 82, ../sass/_examples.scss */ +.example-toolbar { + height: 35px; + padding: 7px 5px; + width: 100%; + border-radius: 2px; + border-color: #e4e4e4; + border-width: 1px !important; + border-style: solid; + background: #f1f1f1; + background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e9e9e9)); + background: -moz-linear-gradient(top, #f1f1f1, #e9e9e9); + box-shadow: inset rgba(255, 255, 255, 0.5) 0 1px 0; +} +/* line 92, ../sass/_examples.scss */ +.example-toolbar .separator { + border-left: 1px solid #ccc; + margin: 0 10px; + display: inline-block; + float: left; + width: 1px; +} + +/* line 4, ../sass/_comments.scss */ +.comment-btn { + background: url(../images/comment-bubble.png) no-repeat; + color: #fff; + text-align: center; + line-height: 16px; + height: 20px; + text-shadow: 1px 1px 0 #58b0e0; + font-weight: bold; + cursor: pointer; +} + +/* line 15, ../sass/_comments.scss */ +#center-container .guide-container h3.members-title.icon-comment, +#center-container .video-container h3.members-title.icon-comment { + padding: 0 0 5px 25px; + margin: 30px 0 5px 0; + background: url(../images/comment-bubble.png) no-repeat 1px -26px; +} + +/* line 107, ../sass/_mixins.scss */ +.comments-section .comments-div.open > a.side.toggleComments, .comments-section .comments-div.open > a.side.expandable { + background: #EBF3FE; +} +/* line 109, ../sass/_mixins.scss */ +.comments-section .comments-div.open > a.side.toggleComments span, .comments-section .comments-div.open > a.side.expandable span { + background: url(../images/member-expanded.gif) no-repeat 2px 12px; +} +/* line 111, ../sass/_mixins.scss */ +.comments-section .comments-div a.side { + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + cursor: default !important; +} +/* line 118, ../sass/_mixins.scss */ +.comments-section .comments-div a.side span { + display: block; + width: 15px; + height: 30px; +} +/* line 123, ../sass/_mixins.scss */ +.comments-section .comments-div a.side.expandable, .comments-section .comments-div a.side.toggleComments { + cursor: pointer; +} +/* line 125, ../sass/_mixins.scss */ +.comments-section .comments-div a.side.expandable span, .comments-section .comments-div a.side.toggleComments span { + background: url(../images/member-collapsed.gif) no-repeat 3px 13px; +} +/* line 128, ../sass/_mixins.scss */ +.comments-section .comments-div a.side.expandable:hover span, .comments-section .comments-div a.side.toggleComments:hover span { + background: url(../images/member-hover.gif) no-repeat 3px 13px; +} + +/* line 23, ../sass/_comments.scss */ +#commentindex { + padding: 5px; +} + +/* line 25, ../sass/_comments.scss */ +#recentcomments { + margin: 0 auto; + max-width: 900px; +} + +/* line 28, ../sass/_comments.scss */ +.toggleMemberComments { + cursor: pointer; + background: url(../images/comment-bubble.png) no-repeat 2px -55px; + padding-left: 21px; + font-weight: normal; + font-size: 11px; +} + +/* line 35, ../sass/_comments.scss */ +.fetchMoreComments { + display: block; + padding: 10px 0 5px 35px; + position: relative; +} +/* line 39, ../sass/_comments.scss */ +.fetchMoreComments span { + display: block; + position: absolute; + left: 0; + top: 5px; + width: 27px; + height: 28px; + background: url(../images/comment.png) no-repeat 0 -25px; +} +/* line 47, ../sass/_comments.scss */ +.fetchMoreComments:hover span { + background-position: -59px -25px; +} + +/* line 50, ../sass/_comments.scss */ +.comments-div { + border-width: 1px 0; + border-style: solid; + border-color: #e0e0e0; + position: relative; + padding: 0 0 10px 25px; +} +/* line 57, ../sass/_comments.scss */ +.comments-div .loading { + font-weight: bold; + background: url(../images/ajax-loader.gif) no-repeat 0 9px; + padding: 8px 0 0 25px; +} +/* line 61, ../sass/_comments.scss */ +.comments-div .name { + padding: 10px 0 0 0px; + display: block; + font-weight: normal !important; +} +/* line 62, ../sass/_comments.scss */ +.comments-div.open { + min-height: 40px; +} + +/* line 65, ../sass/_comments.scss */ +.comment-list { + color: #444; +} +/* line 68, ../sass/_comments.scss */ +.comment-list .new-comment .note { + padding-bottom: 10px; +} +/* line 70, ../sass/_comments.scss */ +.comment-list .new-comment .note label { + margin-left: 20px; + display: block; +} +/* line 73, ../sass/_comments.scss */ +.comment-list .new-comment form.loginForm { + position: relative; + display: inline-block; +} +/* line 77, ../sass/_comments.scss */ +.comment-list .new-comment form.loginForm .username, +.comment-list .new-comment form.loginForm .password { + border: 1px solid #bbb; +} +/* line 79, ../sass/_comments.scss */ +.comment-list .new-comment .toggleNewComment { + display: inline-block; + line-height: 22px; + margin: 10px 10px 1px 4px; + font-weight: bold; +} +/* line 84, ../sass/_comments.scss */ +.comment-list form.newCommentForm { + margin: 20px 55px 10px 5px; +} +/* line 86, ../sass/_comments.scss */ +.comment-list form.editCommentForm { + margin: 10px 55px 0px 0; +} +/* line 89, ../sass/_comments.scss */ +.comment-list form.editCommentForm, +.comment-list form.newCommentForm { + position: relative; + border: 1px solid #c7d1d9; + padding: 10px 15px 15px 15px; + border-radius: 4px; + -moz-border-radius: 4px; + background: #ecf5fc; +} +/* line 95, ../sass/_comments.scss */ +.comment-list form.editCommentForm .action, +.comment-list form.newCommentForm .action { + display: block; + font-weight: bold; + padding-bottom: 7px; +} +/* line 99, ../sass/_comments.scss */ +.comment-list form.editCommentForm .subscribe, +.comment-list form.newCommentForm .subscribe { + position: absolute; + top: 5px; + right: 5px; + display: block; +} +/* line 105, ../sass/_comments.scss */ +.comment-list form.editCommentForm .com-meta, +.comment-list form.newCommentForm .com-meta { + position: relative; + margin-top: 8px; + text-align: right; +} +/* line 109, ../sass/_comments.scss */ +.comment-list form.editCommentForm .com-meta .toggleCommentGuide, +.comment-list form.newCommentForm .com-meta .toggleCommentGuide { + font-weight: bold; +} +/* line 111, ../sass/_comments.scss */ +.comment-list form.editCommentForm img, +.comment-list form.newCommentForm img { + border-radius: 2px; + -moz-border-radius: 2px; + position: absolute; + left: 0; + margin-right: 10px; +} +/* line 115, ../sass/_comments.scss */ +.comment-list form.editCommentForm .author, +.comment-list form.newCommentForm .author { + line-height: 25px; + position: absolute; + left: 35px; + margin-bottom: 10px; +} +/* line 120, ../sass/_comments.scss */ +.comment-list form.editCommentForm .CodeMirror, +.comment-list form.editCommentForm textarea, +.comment-list form.newCommentForm .CodeMirror, +.comment-list form.newCommentForm textarea { + border: 1px solid #ccc; + background: #fff; + border-radius: 3px; + -moz-border-radius: 3px; + width: 100%; + padding: 3px; + border: auto; +} +/* line 128, ../sass/_comments.scss */ +.comment-list form.editCommentForm .CodeMirror .CodeMirror-scroll, +.comment-list form.editCommentForm textarea, +.comment-list form.newCommentForm .CodeMirror .CodeMirror-scroll, +.comment-list form.newCommentForm textarea { + min-height: 8em; +} +/* line 130, ../sass/_comments.scss */ +.comment-list form.editCommentForm input.sub, +.comment-list form.newCommentForm input.sub { + box-shadow: inset #b3f33d 0 1px 0; + color: #fff; + text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; + border-radius: 3px; + -moz-border-radius: 3px; + cursor: pointer; + border: 1px solid #264901; + background: #91c632; + background: -webkit-gradient(linear, left top, left bottom, from(#91c632), to(#519700)); + background: -moz-linear-gradient(top, #91c632, #519700); + font-weight: bold; + width: 120px; + margin-left: 20px; + padding: 5px 8px; + font-size: 12px; +} +/* line 96, ../sass/_mixins.scss */ +.comment-list form.editCommentForm input.sub:hover, +.comment-list form.newCommentForm input.sub:hover { + background: #74b61e; + background: -webkit-gradient(linear, left top, left bottom, from(#74b61e), to(#3d7e00)); + background: -moz-linear-gradient(top, #74b61e, #3d7e00); +} +/* line 98, ../sass/_mixins.scss */ +.comment-list form.editCommentForm input.sub.disabled, +.comment-list form.newCommentForm input.sub.disabled { + border-color: #707070; + cursor: auto; + background: #bbbbbb; + background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#9c9c9c)); + background: -moz-linear-gradient(top, #bbbbbb, #9c9c9c); + box-shadow: inset #d7d7d7 0 1px 0; +} +/* line 137, ../sass/_comments.scss */ +.comment-list form.editCommentForm .toggleCodeEditor, +.comment-list form.newCommentForm .toggleCodeEditor { + position: absolute; + top: 15px; + text-indent: -9999px; + width: 20px; + background: url(../images/example-icons.png) no-repeat -2px -20px; + right: 15px; +} +/* line 145, ../sass/_comments.scss */ +.comment-list form.editCommentForm .toggleCodeEditor.selected, .comment-list form.editCommentForm .toggleCodeEditor:hover, +.comment-list form.newCommentForm .toggleCodeEditor.selected, +.comment-list form.newCommentForm .toggleCodeEditor:hover { + background-position: -30px -20px; +} +/* line 147, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt, +.comment-list form.newCommentForm .commentGuideTxt { + border-top: 1px solid #C7D1D9; + margin-top: 15px; + padding-top: 10px; +} +/* line 151, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt .markdown.preview, +.comment-list form.newCommentForm .commentGuideTxt .markdown.preview { + float: left; + width: 310px; +} +/* line 154, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt .markdown.preview pre, +.comment-list form.newCommentForm .commentGuideTxt .markdown.preview pre { + border: 0; + padding: 0; + margin: 0; + line-height: 1.5em; + background: transparent; +} +/* line 160, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt .markdown.result, +.comment-list form.newCommentForm .commentGuideTxt .markdown.result { + margin-left: 320px; + width: 260px; +} +/* line 163, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt .markdown, +.comment-list form.newCommentForm .commentGuideTxt .markdown { + background: #fff; + padding: 20px; + position: relative; + border-radius: 5px; + -moz-border-radius: 5px; +} +/* line 168, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt .markdown h4, +.comment-list form.newCommentForm .commentGuideTxt .markdown h4 { + position: absolute; + top: 0px; + right: 0px; + padding: 5px 10px; + background: rgba(0, 0, 0, 0.05); +} +/* line 174, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt code, +.comment-list form.newCommentForm .commentGuideTxt code { + padding-left: 5px; +} +/* line 176, ../sass/_comments.scss */ +.comment-list form.editCommentForm .commentGuideTxt ul, +.comment-list form.newCommentForm .commentGuideTxt ul { + margin-top: 5px; +} +/* line 179, ../sass/_comments.scss */ +.comment-list.open form.newCommentForm { + display: block; +} + +/* line 181, ../sass/_comments.scss */ +.comment { + padding-top: 10px; + padding-left: 2px; +} +/* line 188, ../sass/_comments.scss */ +.comment:hover .com-meta .editComment, +.comment:hover .com-meta .deleteComment, +.comment:hover .com-meta .vote { + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + opacity: 1; +} +/* line 191, ../sass/_comments.scss */ +.comment .target { + color: #666; + font-size: 90%; + font-weight: normal; +} +/* line 195, ../sass/_comments.scss */ +.comment .target a { + color: #666; +} +/* line 197, ../sass/_comments.scss */ +.comment .com-meta { + position: relative; + text-size: 13px; +} +/* line 200, ../sass/_comments.scss */ +.comment .com-meta img { + border-radius: 2px; + -moz-border-radius: 2px; +} +/* line 202, ../sass/_comments.scss */ +.comment .com-meta .author { + position: absolute; + left: 40px; + font-weight: bold; + top: 2px; + font-size: 14px; +} +/* line 208, ../sass/_comments.scss */ +.comment .com-meta .author .problem { + color: #fff; + border-radius: 2px; + -moz-border-radius: 2px; + font-size: 0.7em; + margin-left: 10px; + padding: 0 3px 1px 3px; + background-color: #aa0000; +} +/* line 215, ../sass/_comments.scss */ +.comment .com-meta .time { + position: absolute; + right: 20px; + color: #999; + top: 0; +} +/* line 220, ../sass/_comments.scss */ +.comment .com-meta .deleteComment { + right: 110px; + color: #999; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + position: absolute; +} +/* line 226, ../sass/_comments.scss */ +.comment .com-meta .editComment { + right: 160px; + color: #999; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + position: absolute; +} +/* line 232, ../sass/_comments.scss */ +.comment .com-meta .vote { + position: absolute; + left: 2px; + top: 33px; +} +/* line 236, ../sass/_comments.scss */ +.comment .com-meta .vote .voteCommentUp { + position: absolute; + display: block; + width: 20px; + height: 18px; + background: url(../images/vote-arrows.png) no-repeat; +} +/* line 242, ../sass/_comments.scss */ +.comment .com-meta .vote .voteCommentUp.selected { + opacity: 0.4; + background-position: -22px 0; +} +/* line 245, ../sass/_comments.scss */ +.comment .com-meta .vote .voteCommentUp:hover { + opacity: 1 !important; + background-position: -22px 0; +} +/* line 248, ../sass/_comments.scss */ +.comment .com-meta .vote .voteCommentDown { + position: absolute; + display: block; + width: 20px; + height: 18px; + top: 36px; + background: url(../images/vote-arrows.png) no-repeat 0 -35px; +} +/* line 255, ../sass/_comments.scss */ +.comment .com-meta .vote .voteCommentDown.selected { + background-position: -22px -35px; + opacity: 0.4; +} +/* line 258, ../sass/_comments.scss */ +.comment .com-meta .vote .voteCommentDown:hover { + opacity: 1 !important; + background-position: -22px -35px; +} +/* line 261, ../sass/_comments.scss */ +.comment .com-meta .vote .score { + position: absolute; + font-weight: bold; + width: 20px; + top: 15px; + color: #aaa; + text-align: center; + font-size: 16px; +} +/* line 269, ../sass/_comments.scss */ +.comment .content { + min-height: 65px; + padding: 0 0 15px 40px; + border-bottom: 1px solid #eee; +} + +/* line 17, ../sass/_extjs_welcome.scss */ +#extjs-welcome { + -webkit-font-smoothing: antialiased; + color: #434343; + font: 14px/1.4em "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif; +} +/* line 22, ../sass/_extjs_welcome.scss */ +#extjs-welcome .logo { + background: url(../images/logo-screen-noglow.png) no-repeat; + width: 155px; + height: 72px; + margin: 0 0 0 -13px; + position: relative; + z-index: 99; +} +/* line 30, ../sass/_extjs_welcome.scss */ +#extjs-welcome .logo a { + display: block; + width: 100%; + height: 100%; + text-indent: -9999px; +} +/* line 38, ../sass/_extjs_welcome.scss */ +#extjs-welcome a { + color: #126499; +} +/* line 42, ../sass/_extjs_welcome.scss */ +#extjs-welcome ul { + font-size: 13px; + margin-bottom: 1em; + margin-left: 18px; +} +/* line 46, ../sass/_extjs_welcome.scss */ +#extjs-welcome ul li { + list-style: square; +} +/* line 51, ../sass/_extjs_welcome.scss */ +#extjs-welcome h1, #extjs-welcome h2 { + text-rendering: optimizeLegibility; + text-shadow: rgba(255, 255, 255, 0.8) 0 1px 1px; +} +/* line 56, ../sass/_extjs_welcome.scss */ +#extjs-welcome h2 { + color: #314e64; + line-height: 1.0em; + margin-top: 60px; + margin-bottom: 8px; + font-size: 28px; + font-weight: normal; + font-family: "klavika-web-1", "klavika-web-2", sans-serif; + font-weight: normal; +} +/* line 67, ../sass/_extjs_welcome.scss */ +#extjs-welcome h2 strong { + font-size: 1.2em; + color: #4c8e0e; +} +/* line 72, ../sass/_extjs_welcome.scss */ +#extjs-welcome h3 { + font-size: 16px; + line-height: 20px; + margin-bottom: 4px; + margin-top: 1em; + font-weight: bold; + color: #314e64; + padding: 0; +} +/* line 82, ../sass/_extjs_welcome.scss */ +#extjs-welcome p { + margin-bottom: 1em; +} +/* line 86, ../sass/_extjs_welcome.scss */ +#extjs-welcome p.intro { + color: #314e64; + font-size: 16px; + line-height: 22px; +} +/* line 92, ../sass/_extjs_welcome.scss */ +#extjs-welcome .auto_columns { + width: 100%; +} +/* line 94, ../sass/_extjs_welcome.scss */ +#extjs-welcome .auto_columns::after { + clear: both; + content: '.'; + display: block; + height: 0px; + visibility: hidden; +} +/* line 101, ../sass/_extjs_welcome.scss */ +#extjs-welcome .auto_columns .auto_columns p { + font-size: 13px; + line-height: 16px; +} +/* line 107, ../sass/_extjs_welcome.scss */ +#extjs-welcome .two .column { + width: 48%; + padding-right: 2%; + float: left; + position: relative; + box-sizing: content-box; +} +/* line 116, ../sass/_extjs_welcome.scss */ +#extjs-welcome a.button-link { + font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + border-color: #274807 !important; + background: #4c8e0e url(../images/link-green-standard.png) 0 0 repeat-x; + color: white; + -webkit-background-clip: padding-box; + border: 1px solid #477A09; + font-size: 15px; + font-weight: bold; + line-height: 1.0em; + padding: 6px 8px 9px; + text-decoration: none; + text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; + border-radius: 3px; + -moz-border-radius: 3px; + display: inline-block; +} +/* line 131, ../sass/_extjs_welcome.scss */ +#extjs-welcome a.button-link:active { + position: relative; + top: 1px; +} +/* line 135, ../sass/_extjs_welcome.scss */ +#extjs-welcome a.button-link:hover, #extjs-welcome a.button-link:focus, #extjs-welcome a.button-link:active { + background: #38690a url(../images/link-green-standard-over.png) 0 0 repeat-x; +} +/* line 140, ../sass/_extjs_welcome.scss */ +#extjs-welcome a.more-icon { + background: url(../images/more.png) no-repeat right center; + font-size: 12px; + font-weight: bold; + padding-right: 16px; +} +/* line 147, ../sass/_extjs_welcome.scss */ +#extjs-welcome .button-group a { + margin-right: 12px; +} +/* line 151, ../sass/_extjs_welcome.scss */ +#extjs-welcome .right { + padding-top: 140px; + overflow: hidden; +} +/* line 156, ../sass/_extjs_welcome.scss */ +#extjs-welcome .content { + margin: 0 auto; + text-align: left; + width: 900px; + padding-top: 30px; +} +/* line 163, ../sass/_extjs_welcome.scss */ +#extjs-welcome section { + padding: 36px 18px; + background: white url(../images/welcome-bg-js4.gif) left bottom no-repeat; + min-height: 300px; + position: relative; +} +/* line 170, ../sass/_extjs_welcome.scss */ +#extjs-welcome .meta { + color: #8F8F8F; +} +/* line 174, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social { + text-indent: -9999px; + margin-top: 6px; +} +/* line 180, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li { + display: block; + float: right; + margin-bottom: 8px; +} +/* line 185, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li a { + color: #314e64; + display: block; + line-height: 1.0em; + width: 16px; + height: 16px; + margin-right: 4px; + background-position: top left; + background-repeat: no-repeat; +} +/* line 196, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li a.facebook { + background: url(../images/facebook-16.png) no-repeat; +} +/* line 197, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li a.linkedin { + background: url(../images/linkedin-16.png) no-repeat; +} +/* line 198, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li a.tumblr { + background: url(../images/tumblr-16.png) no-repeat; +} +/* line 199, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li a.twitter { + background: url(../images/twitter-16.png) no-repeat; +} +/* line 200, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li a.vimeo { + background: url(../images/vimeo-16.png) no-repeat; +} +/* line 201, ../sass/_extjs_welcome.scss */ +#extjs-welcome .inline-social li a.rss { + background: url(../images/rss-16.png) no-repeat; +} +/* line 206, ../sass/_extjs_welcome.scss */ +#extjs-welcome .feature-img { + position: absolute; + right: 20px; + top: -100px; +} +/* line 212, ../sass/_extjs_welcome.scss */ +#extjs-welcome footer { + color: #b9d4e7; + padding: 8px 18px; + font-size: 13px; +} +/* line 218, ../sass/_extjs_welcome.scss */ +#extjs-welcome .news { + width: 860px; + margin: 20px auto; +} +/* line 221, ../sass/_extjs_welcome.scss */ +#extjs-welcome .news h1 { + padding-bottom: 15px; +} +/* line 224, ../sass/_extjs_welcome.scss */ +#extjs-welcome .news .l { + float: left; + width: 450px; +} +/* line 228, ../sass/_extjs_welcome.scss */ +#extjs-welcome .news .r { + margin-left: 470px; +} +/* line 231, ../sass/_extjs_welcome.scss */ +#extjs-welcome .news .item { + padding-bottom: 3px; +} +/* line 234, ../sass/_extjs_welcome.scss */ +#extjs-welcome .news .date { + color: #666; + font-size: 0.8em; + width: 50px; + display: block; + float: left; + font-family: "Menlo", "Courier New", "Courier", monospace; +} + +/* line 3, ../sass/_touch_welcome.scss */ +#touch-welcome { + width: 900px; + margin: 30px auto; + position: relative; +} +/* line 8, ../sass/_touch_welcome.scss */ +#touch-welcome h1 { + font-size: 280%; +} +/* line 10, ../sass/_touch_welcome.scss */ +#touch-welcome h2 { + font-size: 200%; + margin-top: 10px; +} +/* line 14, ../sass/_touch_welcome.scss */ +#touch-welcome h2, #touch-welcome h3 { + color: #314E64; +} +/* line 16, ../sass/_touch_welcome.scss */ +#touch-welcome h3 { + font-weight: bold; +} +/* line 18, ../sass/_touch_welcome.scss */ +#touch-welcome .klavika { + font-family: "Klavika", klavika-web-1, klavika-web-2, sans-serif; + font-weight: 200 !important; +} +/* line 22, ../sass/_touch_welcome.scss */ +#touch-welcome a.api-docs { + color: #516F83; + text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0; + border: 1px solid #c2c2c2; + border-radius: 3px; + -moz-border-radius: 3px; + background: white; + background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e8e8e8)); + background: -moz-linear-gradient(top, white, #e8e8e8); + display: block; + position: absolute; + right: 0; + top: 20px; + font-size: 110%; + font-weight: bold; + padding: 5px 10px; +} +/* line 35, ../sass/_touch_welcome.scss */ +#touch-welcome a.api-docs span { + padding-right: 20px; + background: url(../images/link-arrow-next.png) no-repeat right center; +} +/* line 39, ../sass/_touch_welcome.scss */ +#touch-welcome a.more-icon { + background: url(../images/more.png) no-repeat right center; + color: #126499; + font-size: 12px; + font-weight: bold; + padding-right: 16px; + white-space: nowrap; +} +/* line 47, ../sass/_touch_welcome.scss */ +#touch-welcome .header { + padding: 30px 0; +} +/* line 50, ../sass/_touch_welcome.scss */ +#touch-welcome .divider { + height: 1px; + margin: 20px 0; + background: -moz-linear-gradient(left, white 0%, #dedede 50%, white 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(50%, #dedede), color-stop(100%, white)); +} +/* line 56, ../sass/_touch_welcome.scss */ +#touch-welcome .get-started { + width: 470px; + float: left; +} +/* line 60, ../sass/_touch_welcome.scss */ +#touch-welcome .get-started a.video { + float: left; + margin-right: 20px; +} +/* line 63, ../sass/_touch_welcome.scss */ +#touch-welcome .get-started a.video img { + width: 240px; + height: 180px; +} +/* line 66, ../sass/_touch_welcome.scss */ +#touch-welcome .get-started ul { + margin: 5px 0 10px 0; +} +/* line 69, ../sass/_touch_welcome.scss */ +#touch-welcome .whats-new { + background-color: #ECF5FC; + border: 1px solid #C7D1D8; + border-radius: 5px; + -moz-border-radius: 5px; + margin-left: 520px; + padding: 0 20px 20px 20px; +} +/* line 76, ../sass/_touch_welcome.scss */ +#touch-welcome .whats-new h3 { + padding-bottom: 15px; +} +/* line 79, ../sass/_touch_welcome.scss */ +#touch-welcome .whats-new img { + float: left; + width: 140px; +} +/* line 83, ../sass/_touch_welcome.scss */ +#touch-welcome .whats-new .right { + margin-left: 160px; +} +/* line 85, ../sass/_touch_welcome.scss */ +#touch-welcome .whats-new .right ul { + margin-bottom: 10px; +} +/* line 89, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list { + position: relative; + width: 420px; + height: 190px; +} +/* line 93, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list h3 { + padding-bottom: 15px; +} +/* line 95, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list a.more-icon { + position: absolute; + top: 15px; + right: 10px; +} +/* line 99, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list .item { + font-weight: bold; + float: left; + margin: 0 10px; + text-align: center; +} +/* line 104, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list .item .thumb { + width: 120px; + height: 90px; + border: 1px solid #ddd; + margin-bottom: 10px; + background: white; + background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9f9f9)); + background: -moz-linear-gradient(top, white, #f9f9f9); + display: block; +} +/* line 111, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list .item .thumb img { + max-width: 118px; + max-height: 88px; +} +/* line 116, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list.sample-apps, #touch-welcome .content-list.components { + float: left; +} +/* line 120, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list.sample-apps .item .thumb img, #touch-welcome .content-list.components .item .thumb img { + margin-top: 8px; +} +/* line 123, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list.guides, #touch-welcome .content-list.videos { + margin-left: 500px; +} +/* line 126, ../sass/_touch_welcome.scss */ +#touch-welcome .content-list.guides .item .thumb, #touch-welcome .content-list.videos .item .thumb { + border: 0; +} +/* line 129, ../sass/_touch_welcome.scss */ +#touch-welcome #sencha-stamp { + display: block; + margin: 20px auto; +}