From 025d3147ec25b9d1b80545f7092eada0cd70fd51 Mon Sep 17 00:00:00 2001 From: Henry Oswald Date: Thu, 10 Jul 2014 14:53:53 +0100 Subject: [PATCH] blog intergration works --- .../Features/Blog/BlogController.coffee | 28 +- services/web/app/coffee/router.coffee | 1 + services/web/app/views/blog/blog_holder.jade | 4 + services/web/app/views/blog/post.jade | 3 - services/web/public/stylesheets/mainStyle.css | 7744 +++++++++++++++++ .../coffee/Blog/BlogControllerTests.coffee | 60 + 6 files changed, 7832 insertions(+), 8 deletions(-) create mode 100644 services/web/app/views/blog/blog_holder.jade delete mode 100644 services/web/app/views/blog/post.jade create mode 100644 services/web/public/stylesheets/mainStyle.css create mode 100644 services/web/test/UnitTests/coffee/Blog/BlogControllerTests.coffee diff --git a/services/web/app/coffee/Features/Blog/BlogController.coffee b/services/web/app/coffee/Features/Blog/BlogController.coffee index f339b771d7..d5c5279fd8 100644 --- a/services/web/app/coffee/Features/Blog/BlogController.coffee +++ b/services/web/app/coffee/Features/Blog/BlogController.coffee @@ -1,17 +1,35 @@ request = require("request") settings = require("settings-sharelatex") logger = require("logger-sharelatex") +_ = require("underscore") -module.exports = +extensionsToProxy = [".png", ".xml", ".jpeg", ".json", ".zip", ".eps"] + +module.exports = BlogController = getPage: (req, res)-> - url = req.url + url = req.url?.toLowerCase() + blogUrl = "#{settings.apis.blog.url}#{url}" + + shouldProxy = _.find extensionsToProxy, (extension)-> + url.indexOf(extension) != -1 + + if shouldProxy + return BlogController._directProxy blogUrl, res + logger.log url:url, "proxying request to blog api" - request.get "#{settings.apis.blog.url}#{url}", (err, r, data)-> - console.log data + request.get blogUrl, (err, r, data)-> + data = data.trim() try data = JSON.parse(data) catch err logger.err err:err, data:data, "error parsing data from data" - res.render "blog/#{data.layout}", data + res.render "blog/blog_holder", data + + getIndexPage: (req, res)-> + req.url = "/blog/index.html" + BlogController.getPage req, res + + _directProxy: (originUrl, res)-> + request.get(originUrl).pipe res \ No newline at end of file diff --git a/services/web/app/coffee/router.coffee b/services/web/app/coffee/router.coffee index e5c03a15cc..ca30d07614 100644 --- a/services/web/app/coffee/router.coffee +++ b/services/web/app/coffee/router.coffee @@ -65,6 +65,7 @@ module.exports = class Router StaticPagesRouter.apply(app) TemplatesRouter.apply(app) + app.get '/blog', BlogController.getIndexPage app.get '/blog/*', BlogController.getPage if Settings.enableSubscriptions diff --git a/services/web/app/views/blog/blog_holder.jade b/services/web/app/views/blog/blog_holder.jade new file mode 100644 index 0000000000..684fb39bfd --- /dev/null +++ b/services/web/app/views/blog/blog_holder.jade @@ -0,0 +1,4 @@ +extends ../layout + +block content + !{content} \ No newline at end of file diff --git a/services/web/app/views/blog/post.jade b/services/web/app/views/blog/post.jade deleted file mode 100644 index a350ea5871..0000000000 --- a/services/web/app/views/blog/post.jade +++ /dev/null @@ -1,3 +0,0 @@ -div #{title} -div #{author} -div !{content} diff --git a/services/web/public/stylesheets/mainStyle.css b/services/web/public/stylesheets/mainStyle.css new file mode 100644 index 0000000000..e64b97beec --- /dev/null +++ b/services/web/public/stylesheets/mainStyle.css @@ -0,0 +1,7744 @@ +@import "bootstrap-select.css"; +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +a:hover, +a:active { + outline: 0; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + max-width: 100%; + height: auto; + border: 0; + -ms-interpolation-mode: bicubic; +} +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + *overflow: visible; + line-height: normal; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} +input[type="search"] { + -webkit-appearance: textfield; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} +textarea { + overflow: auto; + vertical-align: top; +} +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + color: #505050; + background-color: #ffffff; +} +a { + color: #a93529; + text-decoration: none; +} +a:hover { + color: #80281f; + text-decoration: underline; +} +.row { + margin-left: -20px; + *zoom: 1; +} +.row:before, +.row:after { + display: table; + content: ""; +} +.row:after { + clear: both; +} +[class*="span"] { + float: left; + margin-left: 20px; +} +.span1 { + width: 60px; +} +.span2 { + width: 140px; +} +.span3 { + width: 220px; +} +.span4 { + width: 300px; +} +.span5 { + width: 380px; +} +.span6 { + width: 460px; +} +.span7 { + width: 540px; +} +.span8 { + width: 620px; +} +.span9 { + width: 700px; +} +.span10 { + width: 780px; +} +.span11 { + width: 860px; +} +.span12, +.container { + width: 940px; +} +.offset1 { + margin-left: 100px; +} +.offset2 { + margin-left: 180px; +} +.offset3 { + margin-left: 260px; +} +.offset4 { + margin-left: 340px; +} +.offset5 { + margin-left: 420px; +} +.offset6 { + margin-left: 500px; +} +.offset7 { + margin-left: 580px; +} +.offset8 { + margin-left: 660px; +} +.offset9 { + margin-left: 740px; +} +.offset10 { + margin-left: 820px; +} +.offset11 { + margin-left: 900px; +} +.row-fluid { + width: 100%; + *zoom: 1; +} +.row-fluid:before, +.row-fluid:after { + display: table; + content: ""; +} +.row-fluid:after { + clear: both; +} +.row-fluid > [class*="span"] { + float: left; + margin-left: 2.12765957%; +} +.row-fluid > [class*="span"]:first-child { + margin-left: 0; +} +.row-fluid .span1 { + width: 6.38297872%; +} +.row-fluid .span2 { + width: 14.89361702%; +} +.row-fluid .span3 { + width: 23.40425532%; +} +.row-fluid .span4 { + width: 31.91489361%; +} +.row-fluid .span5 { + width: 40.42553191%; +} +.row-fluid .span6 { + width: 48.93617021%; +} +.row-fluid .span7 { + width: 57.44680851%; +} +.row-fluid .span8 { + width: 65.9574468%; +} +.row-fluid .span9 { + width: 74.4680851%; +} +.row-fluid .span10 { + width: 82.9787234%; +} +.row-fluid .span11 { + width: 91.48936169%; +} +.row-fluid .span12 { + width: 99.99999999%; +} +.container { + width: 940px; + margin-left: auto; + margin-right: auto; + *zoom: 1; +} +.container:before, +.container:after { + display: table; + content: ""; +} +.container:after { + clear: both; +} +.container-fluid { + padding-left: 20px; + padding-right: 20px; + *zoom: 1; +} +.container-fluid:before, +.container-fluid:after { + display: table; + content: ""; +} +.container-fluid:after { + clear: both; +} +p { + color: #505050; + margin: 0 0 0.78125rem; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + line-height: 1.5625rem; +} +p small { + font-size: 0.8rem; + color: #a4a4a4; +} +.lead { + margin-bottom: 1.5625rem; + font-size: 20px; + font-weight: 200; + line-height: 2.34375rem; +} +h1, +h2, +h3, +h4, +h5, +h6 { + color: #252525; + font-family: "PT Serif", Georgia, Times, serif; + font-weight: 400; + text-rendering: optimizelegibility; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + color: #a4a4a4; +} +h1, +.h1 { + font-size: 1.9375rem; + line-height: 3.125rem; + margin-top: 3.125rem; + margin-bottom: 1.5625rem; +} +h1 small, +.h1 small { + font-size: 1.5625rem; +} +h2, +.h2 { + font-size: 1.5625rem; + line-height: 1.5625rem; + margin-top: 3.125rem; + margin-bottom: 1.5625rem; +} +h2 small, +.h2 small { + font-size: 1.25rem; +} +h3, +.h3, +h4, +.h4 { + font-size: 1.25rem; + line-height: 1.5625rem; + margin-top: 1.5625rem; + margin-bottom: 1.5625rem; +} +h3 small, +.h3 small, +h4 small, +.h4 small { + font-size: 1rem; +} +h4, +.h4 { + color: #7a7a7a; +} +p, +ul, +ol, +pre, +table, +blockquote { + margin-top: 1.5625rem; + margin-bottom: 1.5625rem; +} +/* Sanitation */ +hr { + border: 1px solid; + margin: -1px 0; +} +b, +strong, +em, +small, +code { + line-height: 1; +} +sup, +sub { + vertical-align: baseline; + position: relative; + top: -0.4em; +} +sub { + top: 0.4em; +} +.menu, +.dropdown-menu { + font-weight: 700; +} +.page-header { + margin: 1.5625rem 0; + border-bottom: 1px solid #cfcfcf; +} +.card .page-header { + margin: 0 0 1.5625rem; +} +.card .page-header h1 { + margin-top: 0; +} +.project-header { + background: #f0f0f0; + border-top: 1px solid #cfcfcf; + border-bottom: 1px solid #cfcfcf; + margin: 0; + padding-top: 1.5625rem; +} +.project-header h1 { + color: #505050; + margin-top: 0; + margin-right: 7.8125rem; + line-height: 1; +} +ul, +ol { + padding: 0; + margin: 0 0 0.78125rem 25px; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin-top: 0; + margin-bottom: 0; +} +ul { + list-style: disc; +} +ol { + list-style: decimal; +} +li { + line-height: 1.5625rem; +} +ul.unstyled, +ol.unstyled { + margin-left: 0; + list-style: none; +} +dl { + margin-bottom: 1.5625rem; +} +dt, +dd { + line-height: 1.5625rem; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0.78125rem; +} +hr { + margin: 1.5625rem 0; + border: 0; + border-top: 1px solid #cfcfcf; + border-bottom: 1px solid #ffffff; +} +strong { + font-weight: bold; +} +em { + font-style: italic; +} +.muted { + color: #a4a4a4; +} +abbr { + font-size: 90%; + text-transform: uppercase; + border-bottom: 1px dotted #ddd; + cursor: help; +} +blockquote { + padding: 0 0 0 15px; + margin: 0 0 1.5625rem; + border-left: 5px solid #cfcfcf; +} +blockquote p { + margin-bottom: 0; + font-size: 16px; + font-weight: 300; + line-height: 1.953125rem; +} +blockquote small { + display: block; + line-height: 1.5625rem; + color: #a4a4a4; +} +blockquote small:before { + content: '\2014 \00A0'; +} +blockquote.pull-right { + float: right; + padding-left: 0; + padding-right: 15px; + border-left: 0; + border-right: 5px solid #cfcfcf; +} +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +address { + display: block; + margin-bottom: 1.5625rem; + line-height: 1.5625rem; + font-style: normal; +} +small { + font-size: 100%; +} +cite { + font-style: normal; +} +code, +pre { + padding: 0 3px 2px; + font-family: Menlo, Monaco, "Courier New", monospace; + font-size: 0rem; + color: #505050; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +code { + padding: 3px 4px; + color: #d14; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} +pre { + display: block; + padding: 0.28125rem; + margin: 0 0 0.78125rem; + font-size: 12px; + line-height: 1.5625rem; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + white-space: pre; + white-space: pre-wrap; + word-break: break-all; +} +pre.prettyprint { + margin-bottom: 1.5625rem; +} +pre code { + padding: 0; + color: inherit; + background-color: transparent; + border: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +form { + margin: 0 0 1.5625rem; +} +.page-header + .messageArea + form { + margin-top: 2rem; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 2.34375rem; + font-size: 1.5rem; + line-height: 3.125rem; + color: #505050; + border: 0; + border-bottom: 1px solid #eee; +} +label, +input, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 1rem; + font-weight: normal; + line-height: 1.5625rem; +} +label { + display: block; + margin-bottom: 5px; + color: #505050; +} +input, +textarea, +select, +.uneditable-input { + display: inline-block; + width: 210px; + height: 1.5625rem; + padding: 4px; + margin-bottom: 9px; + font-size: 1rem; + line-height: 1.5625rem; + color: #7a7a7a; + border: 1px solid #ccc; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.uneditable-textarea { + width: auto; + height: auto; +} +label input, +label textarea, +label select { + display: block; +} +input[type="image"], +input[type="checkbox"], +input[type="radio"] { + width: auto; + height: auto; + padding: 0; + margin: 3px 0; + *margin-top: 0; + /* IE7 */ + line-height: normal; + border: 0; + cursor: pointer; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +input[type="file"] { + width: auto; + padding: initial; + line-height: initial; + border: initial; + background-color: #ffffff; + background-color: initial; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +input[type="button"], +input[type="reset"], +input[type="submit"] { + width: auto; + height: auto; +} +select, +input[type="file"] { + height: 28px; + /* In IE7, the height of the select element cannot be changed by height, only font-size */ + *margin-top: 4px; + /* For IE7, add top margin to align select with labels */ + line-height: 28px; +} +select { + width: 220px; + background-color: #ffffff; +} +select[multiple], +select[size] { + height: auto; +} +input[type="image"] { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +textarea { + height: auto; +} +input[type="hidden"] { + display: none; +} +.radio, +.checkbox { + padding-left: 18px; +} +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -18px; +} +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; +} +input, +textarea { + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -ms-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} +input:focus, +textarea:focus { + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + outline: 0; + outline: thin dotted \9; + /* IE6-8 */ +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus, +select:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.input-mini { + width: 60px; +} +.input-small { + width: 90px; +} +.input-medium { + width: 150px; +} +.input-large { + width: 210px; +} +.input-xlarge { + width: 270px; +} +.input-xxlarge { + width: 530px; +} +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input { + float: none; + margin-left: 0; +} +input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 50px; +} +input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 130px; +} +input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 210px; +} +input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 290px; +} +input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 370px; +} +input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 450px; +} +input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 530px; +} +input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 610px; +} +input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 690px; +} +input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 770px; +} +input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 850px; +} +input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 930px; +} +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + background-color: #f5f5f5; + border-color: #ddd; + cursor: not-allowed; +} +.control-group.warning > label, +.control-group.warning .help-block, +.control-group.warning .help-inline { + color: #e9aa70; +} +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + color: #e9aa70; + border-color: #e9aa70; +} +.control-group.warning input:focus, +.control-group.warning select:focus, +.control-group.warning textarea:focus { + border-color: #e29044; + -webkit-box-shadow: 0 0 6px #f7dfc8; + -moz-box-shadow: 0 0 6px #f7dfc8; + box-shadow: 0 0 6px #f7dfc8; +} +.control-group.warning .input-prepend .add-on, +.control-group.warning .input-append .add-on { + color: #e9aa70; + background-color: #fafbee; + border-color: #e9aa70; +} +.control-group.error > label, +.control-group.error .help-block, +.control-group.error .help-inline { + color: #a93529; +} +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + color: #a93529; + border-color: #a93529; +} +.control-group.error input:focus, +.control-group.error select:focus, +.control-group.error textarea:focus { + border-color: #80281f; + -webkit-box-shadow: 0 0 6px #d86b60; + -moz-box-shadow: 0 0 6px #d86b60; + box-shadow: 0 0 6px #d86b60; +} +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + color: #a93529; + background-color: #e29189; + border-color: #a93529; +} +.control-group.success > label, +.control-group.success .help-block, +.control-group.success .help-inline { + color: #468847; +} +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + color: #468847; + border-color: #468847; +} +.control-group.success input:focus, +.control-group.success select:focus, +.control-group.success textarea:focus { + border-color: #356635; + -webkit-box-shadow: 0 0 6px #7aba7b; + -moz-box-shadow: 0 0 6px #7aba7b; + box-shadow: 0 0 6px #7aba7b; +} +.control-group.success .input-prepend .add-on, +.control-group.success .input-append .add-on { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} +input:focus:required:invalid, +textarea:focus:required:invalid, +select:focus:required:invalid { + color: #b94a48; + border-color: #ee5f5b; +} +input:focus:required:invalid:focus, +textarea:focus:required:invalid:focus, +select:focus:required:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + -moz-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} +.form-actions { + padding: 0.5625rem 20px 1.5625rem; + margin-top: 1.5625rem; + margin-bottom: 1.5625rem; + background-color: #f5f5f5; + border-top: 1px solid #ddd; +} +.uneditable-input { + display: block; + background-color: #ffffff; + border-color: #eee; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; +} +:-moz-placeholder { + color: #a4a4a4; +} +::-webkit-input-placeholder { + color: #a4a4a4; +} +.help-block { + margin-top: 5px; + margin-bottom: 0; + color: #a4a4a4; +} +.help-inline { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + margin-bottom: 9px; + vertical-align: middle; + padding-left: 5px; +} +.input-prepend, +.input-append { + margin-bottom: 5px; + *zoom: 1; +} +.input-prepend:before, +.input-append:before, +.input-prepend:after, +.input-append:after { + display: table; + content: ""; +} +.input-prepend:after, +.input-append:after { + clear: both; +} +.input-prepend input, +.input-append input, +.input-prepend .uneditable-input, +.input-append .uneditable-input { + border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -webkit-border-radius: 0 3px 3px 0; +} +.input-prepend input:focus, +.input-append input:focus, +.input-prepend .uneditable-input:focus, +.input-append .uneditable-input:focus { + position: relative; + z-index: 2; +} +.input-prepend .uneditable-input, +.input-append .uneditable-input { + border-left-color: #ccc; +} +.input-prepend .add-on, +.input-append .add-on { + float: left; + display: block; + width: auto; + min-width: 16px; + height: 1.5625rem; + margin-right: -1px; + padding: 4px 5px; + font-weight: normal; + line-height: 1.5625rem; + color: #a4a4a4; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -webkit-border-radius: 3px 0 0 3px; +} +.input-prepend .active, +.input-append .active { + background-color: #a9dba9; + border-color: #46a546; +} +.input-prepend .add-on { + *margin-top: 1px; + /* IE6-7 */ +} +.input-append input, +.input-append .uneditable-input { + float: left; + border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -webkit-border-radius: 3px 0 0 3px; +} +.input-append .uneditable-input { + border-right-color: #ccc; +} +.input-append .add-on { + margin-right: 0; + margin-left: -1px; + border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -webkit-border-radius: 0 3px 3px 0; +} +.input-append input:first-child { + *margin-left: -160px; +} +.input-append input:first-child + .add-on { + *margin-left: -21px; +} +.search-query { + padding-left: 14px; + padding-right: 14px; + margin-bottom: 0; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.search { + margin-bottom: 0; + position: relative; +} +.search input { + margin-right: 1.5625rem; +} +.search input:focus .fa-search { + background-image: url("/img/glyphicons-halflings-white.png"); +} +.search .btn-toolbar { + display: inline-block; + margin: 0; + vertical-align: top; +} +.search .btn-toolbar .btn { + padding-top: 0.1953125rem; + padding-bottom: 0.1953125rem; +} +.search .fa-search, +.search .fa-times { + position: absolute; + top: .5rem; +} +.search .fa-search { + left: 1rem; +} +.search .fa-times { + right: 1rem; +} +.search .search-query { + padding-left: 2.5rem; +} +.form-search input, +.form-inline input, +.form-horizontal input, +.form-search textarea, +.form-inline textarea, +.form-horizontal textarea, +.form-search select, +.form-inline select, +.form-horizontal select, +.form-search .help-inline, +.form-inline .help-inline, +.form-horizontal .help-inline, +.form-search .uneditable-input, +.form-inline .uneditable-input, +.form-horizontal .uneditable-input { + display: inline-block; + margin-bottom: 0; +} +.form-search .hide, +.form-inline .hide, +.form-horizontal .hide { + display: none; +} +.form-search label, +.form-inline label, +.form-search .input-append, +.form-inline .input-append, +.form-search .input-prepend, +.form-inline .input-prepend { + display: inline-block; +} +.form-search .input-append .add-on, +.form-inline .input-prepend .add-on, +.form-search .input-append .add-on, +.form-inline .input-prepend .add-on { + vertical-align: middle; +} +.control-group { + margin-bottom: 0.78125rem; +} +legend + .control-group { + margin-top: 1.5625rem; + -webkit-margin-top-collapse: separate; +} +.form-horizontal .control-group { + margin-bottom: 1.5625rem; + *zoom: 1; +} +.form-horizontal .control-group:before, +.form-horizontal .control-group:after { + display: table; + content: ""; +} +.form-horizontal .control-group:after { + clear: both; +} +.form-horizontal .control-label { + float: left; + width: 140px; + padding-top: 5px; + text-align: right; +} +.form-horizontal .controls { + margin-left: 160px; +} +.form-horizontal .form-actions { + padding-left: 160px; +} +table { + max-width: 100%; + border-collapse: collapse; + border-spacing: 0; +} +.table { + width: 100%; + margin-bottom: 1.5625rem; +} +.table th, +.table td { + padding: 8px; + line-height: 1.5625rem; + text-align: left; + vertical-align: top; + border-top: 1px solid #ddd; +} +.table th { + font-weight: bold; +} +.table thead th { + vertical-align: bottom; +} +.table thead:first-child tr th, +.table thead:first-child tr td { + border-top: 0; +} +.table tbody + tbody { + border-top: 2px solid #ddd; +} +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} +.table-bordered { + border: 1px solid #ddd; + border-collapse: separate; + *border-collapse: collapsed; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.table-bordered th + th, +.table-bordered td + td, +.table-bordered th + td, +.table-bordered td + th { + border-left: 1px solid #ddd; +} +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} +.table-bordered thead:first-child tr:first-child th:first-child, +.table-bordered tbody:first-child tr:first-child td:first-child { + border-radius: 4px 0 0 0; + -moz-border-radius: 4px 0 0 0; + -webkit-border-radius: 4px 0 0 0; +} +.table-bordered thead:first-child tr:first-child th:last-child, +.table-bordered tbody:first-child tr:first-child td:last-child { + border-radius: 0 4px 0 0; + -moz-border-radius: 0 4px 0 0; + -webkit-border-radius: 0 4px 0 0; +} +.table-bordered thead:last-child tr:last-child th:first-child, +.table-bordered tbody:last-child tr:last-child td:first-child { + border-radius: 0 0 0 4px; + -moz-border-radius: 0 0 0 4px; + -webkit-border-radius: 0 0 0 4px; +} +.table-bordered thead:last-child tr:last-child th:last-child, +.table-bordered tbody:last-child tr:last-child td:last-child { + border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + -webkit-border-radius: 0 0 4px 0; +} +.table-striped tbody tr:nth-child(odd) td, +.table-striped tbody tr:nth-child(odd) th { + background-color: #f9f9f9; +} +.table tbody tr:hover td, +.table tbody tr:hover th { + background-color: #f5f5f5; +} +table .span1 { + float: none; + width: 44px; + margin-left: 0; +} +table .span2 { + float: none; + width: 124px; + margin-left: 0; +} +table .span3 { + float: none; + width: 204px; + margin-left: 0; +} +table .span4 { + float: none; + width: 284px; + margin-left: 0; +} +table .span5 { + float: none; + width: 364px; + margin-left: 0; +} +table .span6 { + float: none; + width: 444px; + margin-left: 0; +} +table .span7 { + float: none; + width: 524px; + margin-left: 0; +} +table .span8 { + float: none; + width: 604px; + margin-left: 0; +} +table .span9 { + float: none; + width: 684px; + margin-left: 0; +} +table .span10 { + float: none; + width: 764px; + margin-left: 0; +} +table .span11 { + float: none; + width: 844px; + margin-left: 0; +} +table .span12 { + float: none; + width: 924px; + margin-left: 0; +} +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + width: 14px; + height: 14px; + line-height: 14px; + vertical-align: text-top; + background-image: url("../img/glyphicons-halflings.png"); + background-repeat: no-repeat; + *margin-right: .3em; +} +[class^="icon-"]:last-child, +[class*=" icon-"]:last-child { + *margin-left: 0; +} +.icon-white { + background-image: url("../img/glyphicons-halflings-white.png"); +} +.icon-glass { + background-position: 0 0; +} +.icon-music { + background-position: -24px 0; +} +.icon-search { + background-position: -48px 0; +} +.icon-envelope { + background-position: -72px 0; +} +.icon-heart { + background-position: -96px 0; +} +.icon-star { + background-position: -120px 0; +} +.icon-star-empty { + background-position: -144px 0; +} +.icon-user { + background-position: -168px 0; +} +.icon-film { + background-position: -192px 0; +} +.icon-th-large { + background-position: -216px 0; +} +.icon-th { + background-position: -240px 0; +} +.icon-th-list { + background-position: -264px 0; +} +.icon-ok { + background-position: -288px 0; +} +.icon-remove { + background-position: -312px 0; +} +.icon-zoom-in { + background-position: -336px 0; +} +.icon-zoom-out { + background-position: -360px 0; +} +.icon-off { + background-position: -384px 0; +} +.icon-signal { + background-position: -408px 0; +} +.icon-cog { + background-position: -432px 0; +} +.icon-trash { + background-position: -456px 0; +} +.icon-home { + background-position: 0 -24px; +} +.icon-file { + background-position: -24px -24px; +} +.icon-time { + background-position: -48px -24px; +} +.icon-road { + background-position: -72px -24px; +} +.icon-download-alt { + background-position: -96px -24px; +} +.icon-download { + background-position: -120px -24px; +} +.icon-upload { + background-position: -144px -24px; +} +.icon-inbox { + background-position: -168px -24px; +} +.icon-play-circle { + background-position: -192px -24px; +} +.icon-repeat { + background-position: -216px -24px; +} +.icon-refresh { + background-position: -240px -24px; +} +.icon-list-alt { + background-position: -264px -24px; +} +.icon-lock { + background-position: -287px -24px; +} +.icon-flag { + background-position: -312px -24px; +} +.icon-headphones { + background-position: -336px -24px; +} +.icon-volume-off { + background-position: -360px -24px; +} +.icon-volume-down { + background-position: -384px -24px; +} +.icon-volume-up { + background-position: -408px -24px; +} +.icon-qrcode { + background-position: -432px -24px; +} +.icon-barcode { + background-position: -456px -24px; +} +.icon-tag { + background-position: 0 -48px; +} +.icon-tags { + background-position: -25px -48px; +} +.icon-book { + background-position: -48px -48px; +} +.icon-bookmark { + background-position: -72px -48px; +} +.icon-print { + background-position: -96px -48px; +} +.icon-camera { + background-position: -120px -48px; +} +.icon-font { + background-position: -144px -48px; +} +.icon-bold { + background-position: -167px -48px; +} +.icon-italic { + background-position: -192px -48px; +} +.icon-text-height { + background-position: -216px -48px; +} +.icon-text-width { + background-position: -240px -48px; +} +.icon-align-left { + background-position: -264px -48px; +} +.icon-align-center { + background-position: -288px -48px; +} +.icon-align-right { + background-position: -312px -48px; +} +.icon-align-justify { + background-position: -336px -48px; +} +.icon-list { + background-position: -360px -48px; +} +.icon-indent-left { + background-position: -384px -48px; +} +.icon-indent-right { + background-position: -408px -48px; +} +.icon-facetime-video { + background-position: -432px -48px; +} +.icon-picture { + background-position: -456px -48px; +} +.icon-pencil { + background-position: 0 -72px; +} +.icon-map-marker { + background-position: -24px -72px; +} +.icon-adjust { + background-position: -48px -72px; +} +.icon-tint { + background-position: -72px -72px; +} +.icon-edit { + background-position: -96px -72px; +} +.icon-share { + background-position: -120px -72px; +} +.icon-check { + background-position: -144px -72px; +} +.icon-move { + background-position: -168px -72px; +} +.icon-step-backward { + background-position: -192px -72px; +} +.icon-fast-backward { + background-position: -216px -72px; +} +.icon-backward { + background-position: -240px -72px; +} +.icon-play { + background-position: -264px -72px; +} +.icon-pause { + background-position: -288px -72px; +} +.icon-stop { + background-position: -312px -72px; +} +.icon-forward { + background-position: -336px -72px; +} +.icon-fast-forward { + background-position: -360px -72px; +} +.icon-step-forward { + background-position: -384px -72px; +} +.icon-eject { + background-position: -408px -72px; +} +.icon-chevron-left { + background-position: -432px -72px; +} +.icon-chevron-right { + background-position: -456px -72px; +} +.icon-plus-sign { + background-position: 0 -96px; +} +.icon-minus-sign { + background-position: -24px -96px; +} +.icon-remove-sign { + background-position: -48px -96px; +} +.icon-ok-sign { + background-position: -72px -96px; +} +.icon-question-sign { + background-position: -96px -96px; +} +.icon-info-sign { + background-position: -120px -96px; +} +.icon-screenshot { + background-position: -144px -96px; +} +.icon-remove-circle { + background-position: -168px -96px; +} +.icon-ok-circle { + background-position: -192px -96px; +} +.icon-ban-circle { + background-position: -216px -96px; +} +.icon-arrow-left { + background-position: -240px -96px; +} +.icon-arrow-right { + background-position: -264px -96px; +} +.icon-arrow-up { + background-position: -289px -96px; +} +.icon-arrow-down { + background-position: -312px -96px; +} +.icon-share-alt { + background-position: -336px -96px; +} +.icon-resize-full { + background-position: -360px -96px; +} +.icon-resize-small { + background-position: -384px -96px; +} +.icon-plus { + background-position: -408px -96px; +} +.icon-minus { + background-position: -433px -96px; +} +.icon-asterisk { + background-position: -456px -96px; +} +.icon-exclamation-sign { + background-position: 0 -120px; +} +.icon-gift { + background-position: -24px -120px; +} +.icon-leaf { + background-position: -48px -120px; +} +.icon-fire { + background-position: -72px -120px; +} +.icon-eye-open { + background-position: -96px -120px; +} +.icon-eye-close { + background-position: -120px -120px; +} +.icon-warning-sign { + background-position: -144px -120px; +} +.icon-plane { + background-position: -168px -120px; +} +.icon-calendar { + background-position: -192px -120px; +} +.icon-random { + background-position: -216px -120px; +} +.icon-comment { + background-position: -240px -120px; +} +.icon-magnet { + background-position: -264px -120px; +} +.icon-chevron-up { + background-position: -288px -120px; +} +.icon-chevron-down { + background-position: -313px -119px; +} +.icon-retweet { + background-position: -336px -120px; +} +.icon-shopping-cart { + background-position: -360px -120px; +} +.icon-folder-close { + background-position: -384px -120px; +} +.icon-folder-open { + background-position: -408px -120px; +} +.icon-resize-vertical { + background-position: -432px -119px; +} +.icon-resize-horizontal { + background-position: -456px -118px; +} +.dropup, +.dropdown { + position: relative; +} +.dropdown-toggle { + *margin-bottom: -3px; +} +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid rgba(96, 96, 96, 0.7); + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} +.dropdown .caret { + margin-top: 5px; + margin-left: 5px; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + *border-right-width: 2px; + *border-bottom-width: 2px; + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 5px 1px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; + *width: 100%; + *margin: -5px 0 5px; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.5625rem; + color: #7a7a7a; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + text-decoration: none; + color: white; + background-color: #a13227; + background-image: -moz-linear-gradient(top, #a93529, #942f24); + background-image: -ms-linear-gradient(top, #a93529, #942f24); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a93529), to(#942f24)); + background-image: -webkit-linear-gradient(top, #a93529, #942f24); + background-image: -o-linear-gradient(top, #a93529, #942f24); + background-image: linear-gradient(top, #a93529, #942f24); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a93529', endColorstr='#942f24', GradientType=0); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #80281f; + text-decoration: none; + outline: 0; + background-color: #a13227; + background-image: -moz-linear-gradient(top, #a93529, #942f24); + background-image: -ms-linear-gradient(top, #a93529, #942f24); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a93529), to(#942f24)); + background-image: -webkit-linear-gradient(top, #a93529, #942f24); + background-image: -o-linear-gradient(top, #a93529, #942f24); + background-image: linear-gradient(top, #a93529, #942f24); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a93529', endColorstr='#942f24', GradientType=0); +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #a4a4a4; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; +} +.open { + *z-index: 1000; +} +.open > .dropdown-menu { + display: block; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid rgba(255, 255, 255, 0.7); + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + -webkit-border-radius: 0 6px 6px 6px; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + -webkit-border-radius: 5px 5px 5px 0; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu:hover > a:after { + border-left-color: #a93529; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + -webkit-border-radius: 6px 0 6px 6px; +} +.dropdown-submenu > .dropdown-menu:before, +.dropdown-submenu > .dropdown-menu:after { + border: none !important; +} +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} +.typeahead { + z-index: 1051; + margin-top: 2px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #eee; + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.fade { + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -ms-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + opacity: 0; +} +.fade.in { + opacity: 1; +} +.collapse { + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -ms-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; + position: relative; + overflow: hidden; + height: 0; +} +.collapse.in { + height: auto; +} +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 1.5625rem; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover { + color: #000000; + text-decoration: none; + opacity: 0.4; + filter: alpha(opacity=40); + cursor: pointer; +} +.btn { + background-color: #f0f0f0; + border: 1px solid #cfcfcf; + border-bottom-width: 2px; + display: inline-block; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + padding: 0.3125rem 0.9375rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 700; + line-height: 1.5625rem; + color: #505050; + text-align: center; + vertical-align: middle; + border-radius: 3px; + cursor: pointer; + *margin-left: .3em; +} +.btn:hover, +.btn.disabled, +.btn[disabled] { + background-color: #cfcfcf; +} +.btn:active, +.btn.active { + background-color: #cfcfcf; +} +.btn:active, +.btn.active { + background-color: #b6b6b6 \9; +} +.btn:first-child { + *margin-left: 0; +} +.btn:hover { + color: #505050; + text-decoration: none; + background-color: #fbfbfb; +} +.btn:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn.active, +.btn:active { + background-color: #e6e6e6; + background-color: #d9d9d9 \9; + color: rgba(0, 0, 0, 0.5); + outline: 0; +} +.btn.disabled, +.btn[disabled] { + cursor: default; + background-color: #e6e6e6; + opacity: 0.65; + filter: alpha(opacity=65); +} +.btn-large { + padding: 9px 14px; + font-size: 1.125rem; + line-height: normal; +} +.btn-large [class^="icon-"] { + margin-top: 1px; +} +.btn-small { + padding: 5px 9px; + font-size: 0.875rem; + line-height: 1.4375rem; +} +.btn-small [class^="icon-"] { + margin-top: -1px; +} +.btn-primary, +.btn-primary:hover, +.btn-warning, +.btn-warning:hover, +.btn-danger, +.btn-danger:hover, +.btn-success, +.btn-success:hover, +.btn-info, +.btn-info:hover { + color: #ffffff; +} +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active { + color: rgba(255, 255, 255, 0.75); +} +.btn-primary { + background-color: #a93529; + border: 1px solid #80281f; + border-bottom-width: 2px; +} +.btn-primary:hover, +.btn-primary.disabled, +.btn-primary[disabled] { + background-color: #80281f; +} +.btn-primary:active, +.btn-primary.active { + background-color: #80281f; +} +.btn-primary:active, +.btn-primary.active { + background-color: #571b15 \9; +} +.btn-warning { + background-color: #faa937; + border: 1px solid #f89406; + border-bottom-width: 2px; +} +.btn-warning:hover, +.btn-warning.disabled, +.btn-warning[disabled] { + background-color: #f89406; +} +.btn-warning:active, +.btn-warning.active { + background-color: #f89406; +} +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} +.btn-danger { + background-color: #ee5f5b; + border: 1px solid #bd362f; + border-bottom-width: 2px; +} +.btn-danger:hover, +.btn-danger.disabled, +.btn-danger[disabled] { + background-color: #bd362f; +} +.btn-danger:active, +.btn-danger.active { + background-color: #bd362f; +} +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} +.btn-success { + background-color: #62c462; + border: 1px solid #51a351; + border-bottom-width: 2px; +} +.btn-success:hover, +.btn-success.disabled, +.btn-success[disabled] { + background-color: #51a351; +} +.btn-success:active, +.btn-success.active { + background-color: #51a351; +} +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} +.btn-info { + background-color: #405ebf; + border: 1px solid #263872; + border-bottom-width: 2px; +} +.btn-info:hover, +.btn-info.disabled, +.btn-info[disabled] { + background-color: #263872; +} +.btn-info:active, +.btn-info.active { + background-color: #263872; +} +.btn-info:active, +.btn-info.active { + background-color: #19254c \9; +} +button.btn, +input[type="submit"].btn { + *padding-top: 2px; + *padding-bottom: 2px; +} +button.btn::-moz-focus-inner, +input[type="submit"].btn::-moz-focus-inner { + padding: 0; + border: 0; +} +button.btn.large, +input[type="submit"].btn.large { + *padding-top: 7px; + *padding-bottom: 7px; +} +button.btn.small, +input[type="submit"].btn.small { + *padding-top: 3px; + *padding-bottom: 3px; +} +.btn-group { + position: relative; + *zoom: 1; + *margin-left: .3em; +} +.btn-group:before, +.btn-group:after { + display: table; + content: ""; +} +.btn-group:after { + clear: both; +} +.btn-group:first-child { + *margin-left: 0; +} +.btn-group + .btn-group { + margin-left: 5px; +} +.btn-toolbar { + margin-top: 0.78125rem; + margin-bottom: 0.78125rem; +} +.btn-toolbar .btn-group { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; +} +.btn-group .btn { + position: relative; + float: left; + margin-left: -1px; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +.btn-group .btn:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; +} +.btn-group .btn:last-child, +.btn-group .dropdown-toggle { + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; +} +.btn-group .btn.large:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topleft: 5px; + border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomleft: 5px; + border-bottom-left-radius: 5px; +} +.btn-group .btn.large:last-child, +.btn-group .large.dropdown-toggle { + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topright: 5px; + border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + border-bottom-right-radius: 5px; +} +.btn-group .btn:hover, +.btn-group .btn:focus, +.btn-group .btn:active, +.btn-group .btn.active { + z-index: 2; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group .dropdown-toggle { + *padding-top: 5px; + *padding-bottom: 5px; +} +.btn-group.open { + *z-index: 1000; +} +.btn-group.open .dropdown-menu { + display: block; + margin-top: 1px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.btn .caret { + margin-top: 0.78125rem; + margin-left: 0.390625rem; +} +.btn:hover .caret, +.open.btn-group .caret { + opacity: 1; + filter: alpha(opacity=100); +} +.btn-primary .caret, +.btn-danger .caret, +.btn-info .caret, +.btn-success .caret { + border-top-color: #505050; + opacity: 0.75; + filter: alpha(opacity=75); +} +.btn-small .caret { + margin-top: 4px; +} +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 1.5625rem; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fafbee; + border: 1px solid #f8f5e1; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.alert, +.alert-heading { + color: #e9aa70; +} +.alert h1, +.alert-heading h1, +.alert h2, +.alert-heading h2, +.alert h3, +.alert-heading h3, +.alert h4, +.alert-heading h4, +.alert h5, +.alert-heading h5, +.alert h6, +.alert-heading h6 { + color: #e9aa70; +} +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 18px; +} +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; +} +.alert-success, +.alert-success .alert-heading { + color: #468847; +} +.alert-success h1, +.alert-success .alert-heading h1, +.alert-success h2, +.alert-success .alert-heading h2, +.alert-success h3, +.alert-success .alert-heading h3, +.alert-success h4, +.alert-success .alert-heading h4, +.alert-success h5, +.alert-success .alert-heading h5, +.alert-success h6, +.alert-success .alert-heading h6 { + color: #468847; +} +.alert-danger, +.alert-error { + background-color: #e29189; + border-color: #df7c84; +} +.alert-danger, +.alert-error, +.alert-danger .alert-heading, +.alert-error .alert-heading { + color: #a93529; +} +.alert-danger h1, +.alert-error h1, +.alert-danger .alert-heading h1, +.alert-error .alert-heading h1, +.alert-danger h2, +.alert-error h2, +.alert-danger .alert-heading h2, +.alert-error .alert-heading h2, +.alert-danger h3, +.alert-error h3, +.alert-danger .alert-heading h3, +.alert-error .alert-heading h3, +.alert-danger h4, +.alert-error h4, +.alert-danger .alert-heading h4, +.alert-error .alert-heading h4, +.alert-danger h5, +.alert-error h5, +.alert-danger .alert-heading h5, +.alert-error .alert-heading h5, +.alert-danger h6, +.alert-error h6, +.alert-danger .alert-heading h6, +.alert-error .alert-heading h6 { + color: #a93529; +} +.alert-info { + background-color: #c5ceec; + border-color: #aac1e3; +} +.alert-info, +.alert-info .alert-heading { + color: #040d2d; +} +.alert-info h1, +.alert-info .alert-heading h1, +.alert-info h2, +.alert-info .alert-heading h2, +.alert-info h3, +.alert-info .alert-heading h3, +.alert-info h4, +.alert-info .alert-heading h4, +.alert-info h5, +.alert-info .alert-heading h5, +.alert-info h6, +.alert-info .alert-heading h6 { + color: #040d2d; +} +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} +.alert-block p + p { + margin-top: 5px; +} +.nav { + margin-left: 0; + margin-bottom: 1.5625rem; + list-style: none; +} +.nav > li > a { + display: block; +} +.nav > li > a:hover { + text-decoration: none; + background-color: #cfcfcf; +} +.nav-list { + padding-left: 14px; + padding-right: 14px; + margin-bottom: 0; +} +.nav-list > li > a, +.nav-list .nav-header { + display: block; + padding: 3px 15px; + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.nav-list .nav-header { + font-size: 11px; + font-weight: bold; + line-height: 1.5625rem; + color: #a4a4a4; + text-transform: uppercase; +} +.nav-list > li + .nav-header { + margin-top: 9px; +} +.nav-list .active > a, +.nav-list .active > a:hover { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #a93529; +} +.nav-list [class^="icon-"] { + margin-right: 2px; +} +.nav-tabs, +.nav-pills { + *zoom: 1; +} +.nav-tabs:before, +.nav-pills:before, +.nav-tabs:after, +.nav-pills:after { + display: table; + content: ""; +} +.nav-tabs:after, +.nav-pills:after { + clear: both; +} +.nav-tabs > li, +.nav-pills > li { + float: left; +} +.nav-tabs > li > a, +.nav-pills > li > a { + padding-right: 12px; + padding-left: 12px; + margin-right: 2px; + line-height: 1.5625rem; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + margin-bottom: -1px; +} +.nav-tabs > li > a { + padding-top: 9px; + padding-bottom: 9px; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + -webkit-border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #cfcfcf #cfcfcf #dddddd; +} +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover { + color: #7a7a7a; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-pills > li > a { + padding-top: 6px; + padding-bottom: 4px; + margin-top: 2px; + margin-bottom: 2px; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} +.nav-pills .active > a, +.nav-pills .active > a:hover { + color: #ffffff; + background-color: #a93529; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li > a { + margin-right: 0; +} +.nav-tabs.nav-stacked { + border-bottom: 0; +} +.nav-tabs.nav-stacked > li > a { + border: 1px solid #ddd; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +.nav-tabs.nav-stacked > li:first-child > a { + border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + -webkit-border-radius: 4px 4px 0 0; +} +.nav-tabs.nav-stacked > li:last-child > a { + border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + -webkit-border-radius: 0 0 4px 4px; +} +.nav-tabs.nav-stacked > li > a:hover { + border-color: #ddd; + z-index: 2; +} +.nav-pills.nav-stacked > li > a { + margin-bottom: 3px; +} +.nav-pills.nav-stacked > li:last-child > a { + margin-bottom: 1px; +} +.nav-tabs .dropdown-menu, +.nav-pills .dropdown-menu { + margin-top: 1px; + border-width: 1px; +} +.nav-pills .dropdown-menu { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.nav-tabs .dropdown-toggle .caret, +.nav-pills .dropdown-toggle .caret { + border-top-color: #a93529; + margin-top: 6px; +} +.nav-tabs .dropdown-toggle:hover .caret, +.nav-pills .dropdown-toggle:hover .caret { + border-top-color: #80281f; +} +.nav-tabs .active .dropdown-toggle .caret, +.nav-pills .active .dropdown-toggle .caret { + border-top-color: #505050; +} +.nav > .dropdown.active > a:hover { + color: #000000; + cursor: pointer; +} +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > .open.active > a:hover { + color: #ffffff; + background-color: #a4a4a4; + border-color: #a4a4a4; +} +.nav .open .caret, +.nav .open.active .caret, +.nav .open a:hover .caret { + border-top-color: #ffffff; + opacity: 1; + filter: alpha(opacity=100); +} +.tabs-stacked .open > a:hover { + border-color: #a4a4a4; +} +.tabbable { + *zoom: 1; +} +.tabbable:before, +.tabbable:after { + display: table; + content: ""; +} +.tabbable:after { + clear: both; +} +.tabs-below .nav-tabs, +.tabs-right .nav-tabs, +.tabs-left .nav-tabs { + border-bottom: 0; +} +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} +.tabs-below .nav-tabs { + border-top: 1px solid #ddd; +} +.tabs-below .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; +} +.tabs-below .nav-tabs > li > a { + border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + -webkit-border-radius: 0 0 4px 4px; +} +.tabs-below .nav-tabs > li > a:hover { + border-bottom-color: transparent; + border-top-color: #ddd; +} +.tabs-below .nav-tabs .active > a, +.tabs-below .nav-tabs .active > a:hover { + border-color: transparent #ddd #ddd #ddd; +} +.tabs-left .nav-tabs > li, +.tabs-right .nav-tabs > li { + float: none; +} +.tabs-left .nav-tabs > li > a, +.tabs-right .nav-tabs > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; +} +.tabs-left .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #ddd; +} +.tabs-left .nav-tabs > li > a { + margin-right: -1px; + border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + -webkit-border-radius: 4px 0 0 4px; +} +.tabs-left .nav-tabs > li > a:hover { + border-color: #cfcfcf #dddddd #cfcfcf #cfcfcf; +} +.tabs-left .nav-tabs .active > a, +.tabs-left .nav-tabs .active > a:hover { + border-color: #ddd transparent #ddd #ddd; + *border-right-color: #ffffff; +} +.tabs-right .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #ddd; +} +.tabs-right .nav-tabs > li > a { + margin-left: -1px; + border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + -webkit-border-radius: 0 4px 4px 0; +} +.tabs-right .nav-tabs > li > a:hover { + border-color: #cfcfcf #cfcfcf #cfcfcf #dddddd; +} +.tabs-right .nav-tabs .active > a, +.tabs-right .nav-tabs .active > a:hover { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #ffffff; +} +.navbar { + overflow: visible; + margin-bottom: 1.5625rem; +} +.navbar-inner { + padding-left: 20px; + padding-right: 20px; + background-color: #ffffff; + background-image: -moz-linear-gradient(top, #ffffff, #ffffff); + background-image: -ms-linear-gradient(top, #ffffff, #ffffff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff)); + background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); + background-image: -o-linear-gradient(top, #ffffff, #ffffff); + background-image: linear-gradient(top, #ffffff, #ffffff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); +} +.btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + background-color: #ffffff; + border: 1px solid #ffffff; + border-bottom-width: 2px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); +} +.btn-navbar:hover, +.btn-navbar.disabled, +.btn-navbar[disabled] { + background-color: #ffffff; +} +.btn-navbar:active, +.btn-navbar.active { + background-color: #ffffff; +} +.btn-navbar:active, +.btn-navbar.active { + background-color: #e6e6e6 \9; +} +.btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + border-radius: 1px; + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +} +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} +.nav-collapse.collapse { + height: auto; +} +.navbar .brand:hover { + text-decoration: none; +} +.navbar .brand { + float: left; + display: block; + padding: 8px 20px 12px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + line-height: 1; + color: #ffffff; +} +.navbar .navbar-text { + margin-bottom: 0; + line-height: 40px; + color: #505050; +} +.navbar .navbar-text a:hover { + color: #ffffff; + background-color: transparent; +} +.navbar .btn, +.navbar .btn-group { + margin-top: 5px; +} +.navbar .btn-group .btn { + margin-top: 0; +} +.navbar-form { + margin-bottom: 0; + *zoom: 1; +} +.navbar-form:before, +.navbar-form:after { + display: table; + content: ""; +} +.navbar-form:after { + clear: both; +} +.navbar-form input, +.navbar-form select { + display: inline-block; + margin-top: 5px; + margin-bottom: 0; +} +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 5px; +} +.navbar-form input[type="image"], +.navbar-form input[type="checkbox"], +.navbar-form input[type="radio"] { + margin-top: 3px; +} +.navbar-search { + position: relative; + float: left; + margin-top: 6px; + margin-bottom: 0; +} +.navbar-search .search-query { + padding: 4px 9px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + color: #ffffff; + color: rgba(255, 255, 255, 0.75); + background: #666; + background: rgba(255, 255, 255, 0.3); + border: 1px solid #111; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} +.navbar-search .search-query :-moz-placeholder { + color: #cfcfcf; +} +.navbar-search .search-query ::-webkit-input-placeholder { + color: #cfcfcf; +} +.navbar-search .search-query:hover { + color: #ffffff; + background-color: #a4a4a4; + background-color: rgba(255, 255, 255, 0.5); +} +.navbar-search .search-query:focus, +.navbar-search .search-query.focused { + padding: 5px 10px; + color: #505050; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; +} +.navbar-fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} +.navbar-fixed-top .navbar-inner { + padding-left: 0; + padding-right: 0; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; +} +.navbar .nav.pull-right { + float: right; +} +.navbar .nav > li { + display: block; + float: left; +} +.navbar .nav > li > a { + float: none; + padding: 10px 10px 11px; + line-height: 19px; + color: #a93529; + text-decoration: none; +} +.navbar .nav > li > a:hover { + background-color: transparent; + text-decoration: none; + color: #a93529; +} +.navbar .nav .active > a, +.navbar .nav .active > a:hover { + color: #7a7a7a; + text-decoration: none; + background-color: #ffffff; +} +.navbar .divider-vertical { + height: 32px; + width: 1px; + margin: 0 9px; + overflow: hidden; + background-color: #ffffff; + border-right: 1px solid #ffffff; +} +.navbar .nav.pull-right { + margin-left: 10px; + margin-right: 0; +} +.navbar .dropdown-menu { + margin-top: 1px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.navbar .dropdown-menu:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 9px; +} +.navbar .dropdown-menu:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + position: absolute; + top: -6px; + left: 10px; +} +.navbar .nav .dropdown-toggle .caret, +.navbar .nav .open.dropdown .caret { + border-top-color: #505050; +} +.navbar .nav .dropdown-toggle:hover .caret, +.navbar .nav .open.dropdown:hover .caret { + border-top-color: white; +} +.navbar .nav .active .caret { + opacity: 1; + filter: alpha(opacity=100); +} +.navbar .nav .open > .dropdown-toggle, +.navbar .nav .active > .dropdown-toggle, +.navbar .nav .open.active > .dropdown-toggle { + background-color: transparent; +} +.navbar .nav .active > .dropdown-toggle:hover { + color: #ffffff; +} +.navbar .nav.pull-right .dropdown-menu { + left: auto; + right: 0; +} +.navbar .nav.pull-right .dropdown-menu:before { + left: auto; + right: 12px; +} +.navbar .nav.pull-right .dropdown-menu:after { + left: auto; + right: 13px; +} +.breadcrumb { + padding: 7px 14px; + margin: 0 0 1.5625rem; + background-color: #fbfbfb; + background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); + background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); + background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); + background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); + background-image: linear-gradient(top, #ffffff, #f5f5f5); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); + border: 1px solid #ddd; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} +.breadcrumb li { + display: inline-block; + text-shadow: 0 1px 0 #ffffff; +} +.breadcrumb .divider { + padding: 0 5px; + color: #a4a4a4; +} +.breadcrumb .active a { + color: #505050; +} +.pagination { + height: 3.125rem; + margin: 1.5625rem 0; +} +.pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} +.pagination li { + display: inline; +} +.pagination a { + float: left; + padding: 0 14px; + line-height: 1.125rem; + text-decoration: none; + border: 1px solid #ddd; + border-left-width: 0; +} +.pagination a:hover, +.pagination .active a { + background-color: #f5f5f5; +} +.pagination .active a { + color: #a4a4a4; + cursor: default; +} +.pagination .disabled a, +.pagination .disabled a:hover { + color: #a4a4a4; + background-color: transparent; + cursor: default; +} +.pagination li:first-child a { + border-left-width: 1px; + border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -webkit-border-radius: 3px 0 0 3px; +} +.pagination li:last-child a { + border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -webkit-border-radius: 0 3px 3px 0; +} +.pagination-centered { + text-align: center; +} +.pagination-right { + text-align: right; +} +.pager { + margin-left: 0; + margin-bottom: 1.5625rem; + list-style: none; + text-align: center; + *zoom: 1; +} +.pager:before, +.pager:after { + display: table; + content: ""; +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager a { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; +} +.pager a:hover { + text-decoration: none; + background-color: #f5f5f5; +} +.pager .next a { + float: right; +} +.pager .previous a { + float: left; +} +.modal-open .dropdown-menu { + z-index: 2050; +} +.modal-open .dropdown.open { + *z-index: 2050; +} +.modal-open .popover { + z-index: 2060; +} +.modal-open .tooltip { + z-index: 2070; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} +.modal { + position: fixed; + top: 50%; + left: 50%; + z-index: 1050; + max-height: 500px; + overflow: auto; + width: 560px; + margin: -250px 0 0 -280px; + background-color: #ffffff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + *border: 1px solid #999; + /* IE6-7 */ + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} +.modal.fade { + -webkit-transition: opacity .3s linear, top .3s ease-out; + -moz-transition: opacity .3s linear, top .3s ease-out; + -ms-transition: opacity .3s linear, top .3s ease-out; + -o-transition: opacity .3s linear, top .3s ease-out; + transition: opacity .3s linear, top .3s ease-out; + top: -25%; +} +.modal.fade.in { + top: 50%; +} +.modal-header { + padding: 0.78125rem 1em; + border-bottom: 1px solid #eee; +} +.modal-header .close { + margin-top: 2px; +} +.modal-header h1, +.modal-header h2, +.modal-header h3, +.modal-header h4, +.modal-header h5, +.modal-header h6 { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 700; + margin: 0; +} +.modal-body { + padding: 1.5625rem 1em; +} +.modal-footer { + padding: 0.78125rem 1em; + margin-bottom: 0; + background-color: #f0f0f0; + border-top: 1px solid #cfcfcf; + border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + -webkit-border-radius: 0 0 6px 6px; + *zoom: 1; +} +.modal-footer:before, +.modal-footer:after { + display: table; + content: ""; +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn { + float: right; + margin-left: 5px; + margin-bottom: 0; +} +.tooltip { + position: absolute; + z-index: 1020; + display: block; + visibility: visible; + padding: 5px; + font-size: 11px; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} +.tooltip.top { + margin-top: -2px; +} +.tooltip.right { + margin-left: 2px; +} +.tooltip.bottom { + margin-top: 2px; +} +.tooltip.left { + margin-left: -2px; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 5px solid #000000; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + padding: 5px; +} +.popover.top { + margin-top: -5px; +} +.popover.right { + margin-left: 5px; +} +.popover.bottom { + margin-top: 5px; +} +.popover.left { + margin-left: -5px; +} +.popover.top .arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #000000; +} +.popover.right .arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 5px solid #000000; +} +.popover.bottom .arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid #000000; +} +.popover.left .arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #000000; +} +.popover .arrow { + position: absolute; + width: 0; + height: 0; +} +.popover-inner { + padding: 3px; + width: 280px; + overflow: hidden; + background: #000000; + background: rgba(0, 0, 0, 0.8); + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); +} +.popover-title { + padding: 9px 15px; + line-height: 1; + background-color: #f5f5f5; + border-bottom: 1px solid #eee; + border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -webkit-border-radius: 3px 3px 0 0; +} +.popover-content { + padding: 14px; + background-color: #ffffff; + border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + -webkit-border-radius: 0 0 3px 3px; + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} +.popover-content p, +.popover-content ul, +.popover-content ol { + margin-bottom: 0; +} +.thumbnails { + margin-left: -20px; + list-style: none; + *zoom: 1; +} +.thumbnails:before, +.thumbnails:after { + display: table; + content: ""; +} +.thumbnails:after { + clear: both; +} +.thumbnails > li { + float: left; + margin: 0 0 1.5625rem 20px; +} +.thumbnail { + display: block; + padding: 4px; + line-height: 1; + border: 1px solid #ddd; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); +} +.thumbnail cite { + margin: 0 -1.5625rem -1.5625rem; + padding: 1.5625rem; + background-color: #f8f7f6; + display: block; + border-top: 1px solid #ddd; + text-overflow: ellipsis; + overflow: hidden; + width: 100%; + white-space: nowrap; +} +a.thumbnail:hover { + border-color: #a93529; + -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +} +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; +} +.label { + padding: 2px 4px 3px; + font-size: 0.85rem; + font-weight: bold; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #a4a4a4; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.label:hover { + color: #ffffff; + text-decoration: none; +} +.label-important { + background-color: #a93529; +} +.label-important:hover { + background-color: #80281f; +} +.label-warning { + background-color: #f89406; +} +.label-warning:hover { + background-color: #c67605; +} +.label-success { + background-color: #468847; +} +.label-success:hover { + background-color: #356635; +} +.label-info { + background-color: #040d2d; +} +.label-info:hover { + background-color: #000000; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +@-moz-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +.progress { + overflow: hidden; + height: 18px; + margin-bottom: 18px; + background-color: #f7f7f7; + background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); + background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.progress .bar { + width: 0%; + height: 18px; + color: #ffffff; + font-size: 12px; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #993025; + background-image: -moz-linear-gradient(top, #a93529, #80281f); + background-image: -ms-linear-gradient(top, #a93529, #80281f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a93529), to(#80281f)); + background-image: -webkit-linear-gradient(top, #a93529, #80281f); + background-image: -o-linear-gradient(top, #a93529, #80281f); + background-image: linear-gradient(top, #a93529, #80281f); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a93529', endColorstr='#80281f', GradientType=0); + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -ms-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .bar { + background-color: #62c462; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress.active .bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-danger .bar { + background-color: #dd514c; + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(top, #ee5f5b, #c43c35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); +} +.progress-danger.progress-striped .bar { + background-color: #ee5f5b; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-success .bar { + background-color: #5eb95e; + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -ms-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(top, #62c462, #57a957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); +} +.progress-success.progress-striped .bar { + background-color: #62c462; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-info .bar { + background-color: #4bb1cf; + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(top, #5bc0de, #339bb9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); +} +.progress-info.progress-striped .bar { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.accordion { + margin-bottom: 1.5625rem; +} +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +.accordion-heading { + border-bottom: 0; +} +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} +.carousel { + position: relative; + margin-bottom: 1.5625rem; + line-height: 1; +} +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; +} +.carousel .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -ms-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel .item > img { + display: block; + line-height: 1; +} +.carousel .active, +.carousel .next, +.carousel .prev { + display: block; +} +.carousel .active { + left: 0; +} +.carousel .next, +.carousel .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel .next { + left: 100%; +} +.carousel .prev { + left: -100%; +} +.carousel .next.left, +.carousel .prev.right { + left: 0; +} +.carousel .active.left { + left: -100%; +} +.carousel .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #ffffff; + text-align: center; + background: #252525; + border: 3px solid #ffffff; + border-radius: 23px; + -moz-border-radius: 23px; + -webkit-border-radius: 23px; + opacity: 0.5; + filter: alpha(opacity=50); +} +.carousel-control.right { + left: auto; + right: 15px; +} +.carousel-control:hover { + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 10px 15px 5px; + background: #505050; + background: rgba(0, 0, 0, 0.75); +} +.carousel-caption h4, +.carousel-caption p { + color: #ffffff; +} +.hero-unit { + padding: 60px; + margin-bottom: 30px; + background-color: #f5f5f5; + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; +} +.hero-unit h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + letter-spacing: -1px; +} +.hero-unit p { + font-size: 18px; + font-weight: 200; + line-height: 2.34375rem; +} +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 0.846rem; + font-weight: bold; + line-height: 14px; + color: #ffffff; + vertical-align: baseline; + white-space: nowrap; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #a4a4a4; +} +.label { + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.badge { + padding-left: 9px; + padding-right: 9px; + border-radius: 9px; + -moz-border-radius: 9px; + -webkit-border-radius: 9px; +} +.label:empty, +.badge:empty { + display: none; +} +a.label:hover, +a.label:focus, +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label-important, +.badge-important { + background-color: #a93529; +} +.label-important[href], +.badge-important[href] { + background-color: #80281f; +} +.label-warning, +.badge-warning { + background-color: #f89406; +} +.label-warning[href], +.badge-warning[href] { + background-color: #c67605; +} +.label-success, +.badge-success { + background-color: #468847; +} +.label-success[href], +.badge-success[href] { + background-color: #356635; +} +.label-info, +.badge-info { + background-color: #040d2d; +} +.label-info[href], +.badge-info[href] { + background-color: #000000; +} +.label-inverse, +.badge-inverse { + background-color: #505050; +} +.label-inverse[href], +.badge-inverse[href] { + background-color: #373737; +} +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} +.btn-mini .label, +.btn-mini .badge { + top: 0; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.hide { + display: none; +} +.show { + display: block; +} +.invisible { + visibility: hidden; +} +/*! + * Bootstrap Responsive v2.0.0 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ +.hidden { + display: none; + visibility: hidden; +} +@media (max-width: 480px) { + .nav-collapse { + -webkit-transform: translate3d(0, 0, 0); + } + .page-header h1 small { + display: block; + line-height: 1.5625rem; + } + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + height: 28px; + /* Make inputs at least the height of their button counterpart */ + /* Makes inputs behave like true block-level elements */ + -webkit-box-sizing: border-box; + /* Older Webkit */ + -moz-box-sizing: border-box; + /* Older FF */ + -ms-box-sizing: border-box; + /* IE8 */ + box-sizing: border-box; + /* CSS3 spec*/ + } + .input-prepend input[class*="span"], + .input-append input[class*="span"] { + width: auto; + } + input[type="checkbox"], + input[type="radio"] { + border: 1px solid #ccc; + } + .form-horizontal .control-group > label { + float: none; + width: auto; + padding-top: 0; + text-align: left; + } + .form-horizontal .controls { + margin-left: 0; + } + .form-horizontal .control-list { + padding-top: 0; + } + .form-horizontal .form-actions { + padding-left: 10px; + padding-right: 10px; + } + .modal { + position: absolute; + top: 10px; + left: 10px; + right: 10px; + width: auto; + margin: 0; + } + .modal.fade.in { + top: auto; + } + .modal-header .close { + padding: 10px; + margin: -10px; + } + .carousel-caption { + position: static; + } +} +@media (max-width: 767px) { + .container { + width: auto; + padding: 0 20px; + } + .row-fluid { + width: 100%; + } + .row { + margin-left: 0; + } + .row > [class*="span"], + .row-fluid > [class*="span"] { + float: none; + display: block; + width: auto; + margin: 0; + } +} +@media (min-width: 768px) and (max-width: 980px) { + .row { + margin-left: -20px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + margin-left: 20px; + } + .span1 { + width: 42px; + } + .span2 { + width: 104px; + } + .span3 { + width: 166px; + } + .span4 { + width: 228px; + } + .span5 { + width: 290px; + } + .span6 { + width: 352px; + } + .span7 { + width: 414px; + } + .span8 { + width: 476px; + } + .span9 { + width: 538px; + } + .span10 { + width: 600px; + } + .span11 { + width: 662px; + } + .span12, + .container { + width: 724px; + } + .offset1 { + margin-left: 82px; + } + .offset2 { + margin-left: 144px; + } + .offset3 { + margin-left: 206px; + } + .offset4 { + margin-left: 268px; + } + .offset5 { + margin-left: 330px; + } + .offset6 { + margin-left: 392px; + } + .offset7 { + margin-left: 454px; + } + .offset8 { + margin-left: 516px; + } + .offset9 { + margin-left: 578px; + } + .offset10 { + margin-left: 640px; + } + .offset11 { + margin-left: 702px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + } + .row-fluid:after { + clear: both; + } + .row-fluid > [class*="span"] { + float: left; + margin-left: 2.76243094%; + } + .row-fluid > [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid .span1 { + width: 5.80110497%; + } + .row-fluid .span2 { + width: 14.36464088%; + } + .row-fluid .span3 { + width: 22.92817679%; + } + .row-fluid .span4 { + width: 31.49171271%; + } + .row-fluid .span5 { + width: 40.05524862%; + } + .row-fluid .span6 { + width: 48.61878453%; + } + .row-fluid .span7 { + width: 57.18232044%; + } + .row-fluid .span8 { + width: 65.74585635%; + } + .row-fluid .span9 { + width: 74.30939226%; + } + .row-fluid .span10 { + width: 82.87292817%; + } + .row-fluid .span11 { + width: 91.43646408%; + } + .row-fluid .span12 { + width: 99.99999999%; + } + input.span1, + textarea.span1, + .uneditable-input.span1 { + width: 32px; + } + input.span2, + textarea.span2, + .uneditable-input.span2 { + width: 94px; + } + input.span3, + textarea.span3, + .uneditable-input.span3 { + width: 156px; + } + input.span4, + textarea.span4, + .uneditable-input.span4 { + width: 218px; + } + input.span5, + textarea.span5, + .uneditable-input.span5 { + width: 280px; + } + input.span6, + textarea.span6, + .uneditable-input.span6 { + width: 342px; + } + input.span7, + textarea.span7, + .uneditable-input.span7 { + width: 404px; + } + input.span8, + textarea.span8, + .uneditable-input.span8 { + width: 466px; + } + input.span9, + textarea.span9, + .uneditable-input.span9 { + width: 528px; + } + input.span10, + textarea.span10, + .uneditable-input.span10 { + width: 590px; + } + input.span11, + textarea.span11, + .uneditable-input.span11 { + width: 652px; + } + input.span12, + textarea.span12, + .uneditable-input.span12 { + width: 714px; + } +} +@media (max-width: 830px) { + /* Don't do anything fancy to the navbar, just hide stuff + // UNFIX THE TOPBAR + // ---------------- + // Remove any padding from the body + body { + padding-top: 0; + } + // Unfix the navbar + .navbar-fixed-top { + position: static; + margin-bottom: @baseLineHeight; + } + .navbar-fixed-top .navbar-inner { + padding: 5px; + } + .navbar .container { + width: auto; + padding: 0; + } + // Account for brand name + .navbar .brand { + padding-left: 10px; + padding-right: 10px; + margin: 0 0 0 -5px; + } + // Nav collapse clears brand + .navbar .nav-collapse { + clear: left; + } + // Block-level the nav + .navbar .nav { + float: none; + margin: 0 0 (@baseLineHeight / 2); + } + .navbar .nav > li { + float: none; + } + .navbar .nav > li > a { + margin-bottom: 2px; + } + .navbar .nav > .divider-vertical { + display: none; + } + // Nav and dropdown links in navbar + .navbar .nav > li > a, + .navbar .dropdown-menu a { + padding: 6px 15px; + font-weight: bold; + color: @navbarLinkColor; + .border-radius(3px); + } + .navbar .dropdown-menu li + li a { + margin-bottom: 2px; + } + .navbar .nav > li > a:hover, + .navbar .dropdown-menu a:hover { + background-color: @navbarBackground; + } + // Dropdowns in the navbar + .navbar .dropdown-menu { + position: static; + top: auto; + left: auto; + float: none; + display: block; + max-width: none; + margin: 0 15px; + padding: 0; + background-color: transparent; + border: none; + .border-radius(0); + .box-shadow(none); + } + .navbar .dropdown-menu:before, + .navbar .dropdown-menu:after { + display: none; + } + .navbar .dropdown-menu .divider { + display: none; + } + // Forms in navbar + .navbar-form, + .navbar-search { + float: none; + padding: (@baseLineHeight / 2) 15px; + margin: (@baseLineHeight / 2) 0; + border-top: 1px solid @navbarBackground; + border-bottom: 1px solid @navbarBackground; + @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); + .box-shadow(@shadow); + } + // Pull right (secondary) nav content + .navbar .nav.pull-right { + float: none; + margin-left: 0; + } + // Static navbar + .navbar-static .navbar-inner { + padding-left: 10px; + padding-right: 10px; + } + // Navbar button + .btn-navbar { + display: block; + } + */ + .nav-collapse { + overflow: hidden; + height: 0; + display: none !important; + } +} +@media (min-width: 980px) { + .nav-collapse.collapse { + height: auto !important; + } +} +@media (min-width: 1200px) { + .row { + margin-left: -30px; + *zoom: 1; + } + .row:before, + .row:after { + display: table; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + margin-left: 30px; + } + .span1 { + width: 70px; + } + .span2 { + width: 170px; + } + .span3 { + width: 270px; + } + .span4 { + width: 370px; + } + .span5 { + width: 470px; + } + .span6 { + width: 570px; + } + .span7 { + width: 670px; + } + .span8 { + width: 770px; + } + .span9 { + width: 870px; + } + .span10 { + width: 970px; + } + .span11 { + width: 1070px; + } + .span12, + .container { + width: 1170px; + } + .offset1 { + margin-left: 130px; + } + .offset2 { + margin-left: 230px; + } + .offset3 { + margin-left: 330px; + } + .offset4 { + margin-left: 430px; + } + .offset5 { + margin-left: 530px; + } + .offset6 { + margin-left: 630px; + } + .offset7 { + margin-left: 730px; + } + .offset8 { + margin-left: 830px; + } + .offset9 { + margin-left: 930px; + } + .offset10 { + margin-left: 1030px; + } + .offset11 { + margin-left: 1130px; + } + .row-fluid { + width: 100%; + *zoom: 1; + } + .row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + } + .row-fluid:after { + clear: both; + } + .row-fluid > [class*="span"] { + float: left; + margin-left: 2.56410256%; + } + .row-fluid > [class*="span"]:first-child { + margin-left: 0; + } + .row-fluid .span1 { + width: 5.98290598%; + } + .row-fluid .span2 { + width: 14.52991453%; + } + .row-fluid .span3 { + width: 23.07692308%; + } + .row-fluid .span4 { + width: 31.62393162%; + } + .row-fluid .span5 { + width: 40.17094017%; + } + .row-fluid .span6 { + width: 48.71794872%; + } + .row-fluid .span7 { + width: 57.26495727%; + } + .row-fluid .span8 { + width: 65.81196581%; + } + .row-fluid .span9 { + width: 74.35897436%; + } + .row-fluid .span10 { + width: 82.90598291%; + } + .row-fluid .span11 { + width: 91.45299145%; + } + .row-fluid .span12 { + width: 100%; + } + .thumbnails { + margin-left: -30px; + } + .thumbnails > li { + margin-left: 30px; + } +} +* { + -webkit-font-smoothing: antialiased; +} +html, +body { + background-color: white; +} +body { + font-size: 1rem; + line-height: 1.5625rem; + margin: 0 auto; + padding-top: 4.5rem; + text-rendering: optimizeLegibility; +} +#editor-menu, +#chat-menu, +#editor-menu-label, +#chat-menu-label { + display: none; +} +a.plain { + color: #252525; +} +a.plain:hover { + text-decoration: none; +} +a.highlight { + text-decoration: underline; +} +.modal .modal-body form { + margin: 0px; +} +.alt-container { + background-color: #f6f6f6; +} +.plans-header h1, +.plans-header h2, +.plans-header p { + text-shadow: 0 -1px 1px #ffffff; +} +.plans-header h1, +.plans-header h2 { + color: #a93529; +} +.plans-header h1 { + margin-bottom: 0; +} +.plans-header p { + margin-top: 0; +} +.plans-subheader { + margin-bottom: 1.5625rem; +} +.plans { + margin: 3.125rem auto 1.5625rem; +} +.card.features { + margin-top: 1.5625rem; +} +.card.features i { + color: #a93529; +} +.card.features h4 { + margin-bottom: 0; +} +.card.features p { + margin: 0; +} +.card { + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + margin: 1.5625rem 0; + padding: 1.5625rem; +} +.card .card-header { + border-bottom: 1px solid #cfcfcf; + padding-bottom: 1.5625rem; + margin-bottom: 1.5625rem; +} +.card .card-header h2 { + margin: 0; +} +.card .circle { + font-size: 1.5rem; + font-weight: 700; + padding: 36px 18px; + margin: 0 auto 1.5625rem; + text-shadow: 0 -1px 1px #80281f; + width: 55%; +} +.card .circle small { + margin-top: 0.78125rem; +} +.card.first { + margin-top: 0; +} +.card.card-thin { + padding: 0.390625rem; +} +.card-group .card { + border-radius: 0; + display: inline-block; + margin: 0; +} +.card-group .card:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.card-group .card:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.card-group .highlighted { + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + margin-top: -3.125rem; + padding-top: 3.125rem; + padding-bottom: 3.125rem; + position: relative; + z-index: 10; +} +.plans > .card-group > .card { + padding-left: 1rem; + padding-right: 1rem; +} +.circle { + border-radius: 50%; + background-color: #a93529; + color: white; + padding: 0.78125rem; + margin-bottom: 1.5625rem; +} +.circle span, +.circle small { + color: rgba(255, 255, 255, 0.75); + font-size: 0.8rem; +} +.circle small { + display: block; +} +input.inputmodal { + margin-bottom: 0; + width: 520px; +} +.actions { + background: none; + border: none; +} +.centered { + margin: 0 auto; + text-align: center; +} +.templates .page-header:first-child > h2 { + margin-top: 0; +} +.sample-template { + border: 1px solid #f0f0f0; + border-radius: 3px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); +} +#toc { + font-size: 1rem; + margin-bottom: 0; +} +#toc #toctitle > h2 { + margin-top: 1.5625rem; +} +#toc ul { + list-style-type: none; +} +#toc ul .tocnumber { + margin-right: 0.78125rem; +} +.wikifigure { + margin: auto 0; +} +.wikifigure pre { + border: 0 none; + border-radius: 3px; + font-weight: 700; + padding: 0.78125rem 10px; +} +.wikifigure figcaption { + font-size: .8rem; +} +.wikitable { + margin-left: -230px; + width: 1170px; +} +@media screen and (max-width: 1200px) { + .wikitable { + margin-left: -180px; + width: 940px; + } +} +@media screen and (max-width: 960px) { + .wikitable { + margin-left: 0; + width: 100%; + } +} +.wikitable th, +.wikitable td { + padding: 0 0.78125rem; + border-bottom: 1px solid #f0f0f0; +} +.wikitable th { + font-size: 1.25rem; + font-weight: 400; + text-align: left; +} +.wikitable td { + font-size: 1rem; +} +.printfooter { + font-size: 0.8rem; +} +a#passwordReset { + padding-top: 9px; + padding-right: 30px; + float: right; +} +.feedback { + height: 200px; +} +.lowerCenter { + padding-top: 70px; +} +.btn-xlarge { + font-size: 1.5rem; + padding: .625rem 1rem; +} +span.right { + float: right; +} +input.large { + height: 25px; + font-size: 1.3em; +} +.alert-free-trial { + margin-top: 20px; + text-align: center; +} +.alert-free-trial p { + font-size: 15px; +} +.menu a { + padding: 3px; +} +.menu .active { + background-color: #a93529; + color: white; + padding-left: 6px; +} +.menu .active a { + color: white; +} +.dropdown-menu .menu-header { + color: #555; + padding: 3px 15px; +} +.dropdown-menu .menu-indent { + padding-left: 30px; +} +.com { + color: #93a1a1; +} +.lit { + color: #195f91; +} +.pun, +.opn, +.clo { + color: #93a1a1; +} +.fun { + color: #dc322f; +} +.str, +.atv { + color: #D14; +} +.kwd, +.linenums .tag { + color: #1e347b; +} +.typ, +.atn, +.dec, +.var { + color: teal; +} +.pln { + color: #48484c; +} +.prettyprint { + padding: 8px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} +.prettyprint.linenums { + -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; +} +/* Specify class=linenums on a pre to get line numbering */ +ol.linenums { + margin: 0 0 0 33px; + /* IE indents via margin-left */ +} +ol.linenums li { + padding-left: 12px; + color: #bebec5; + line-height: 18px; + text-shadow: 0 1px 0 #fff; +} +#diffViewArea { + position: absolute; + left: 201px; + right: 0; + padding: 0px 12px; + overflow: scroll; + height: 100%; +} +#historySideBar { + border-right: 1px solid #999; + height: 100%; + width: 200px; + position: absolute; +} +#historySideBar .take-snapshot-wrapper { + height: 30px; + text-align: center; + padding: 10px; + border-bottom: 1px solid #999; +} +#historySideBar #versionListArea { + overflow: scroll; + position: absolute; + left: 0px; + right: 0px; + top: 51px; + bottom: 0px; +} +#historySideBar #versionListArea #version-list { + margin: 0; +} +#historySideBar #versionListArea #version-list li a { + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +#historySideBar #versionListArea #version-list li a .version-date { + text-align: right; + font-size: 10px; + text-decoration: none; + color: #666; +} +#historySideBar #versionListArea #version-list li a:hover { + background-color: #DDD; +} +#historySideBar #versionListArea #version-list li.active a { + color: white; +} +#historySideBar #versionListArea #version-list li.active a .version-date { + color: white; +} +#historySideBar #versionListArea #version-list li.active a:hover { + background-color: #a93529; +} +#historySideBar #versionListArea #version-list .loading, +#historySideBar #versionListArea #version-list .empty-message { + margin-bottom: 100px; + padding-left: 12px; +} +#enableVersioningMessage { + text-align: center; +} +#enableVersioningMessage .message { + font-size: 18px; + margin: 12px; + margin-top: 36px; +} +#snapshotComment { + width: 520px; +} +.diffView h2 { + margin: 6px 0 2px; +} +.fileDiffView { + margin-top: 12px; +} +.fileDiffView .fileHeader { + padding: 4px; + border: 1px solid #d0d0d0; + background-color: #f9f9f9; + *zoom: 1; +} +.fileDiffView .fileHeader h3 { + font-weight: normal; + padding-left: 6px; +} +.fileDiffView .fileHeader h3.created, +.fileDiffView .fileHeader h3.deleted { + padding-left: 28px; + background-repeat: no-repeat; + background-position: 6px center; +} +.fileDiffView .fileHeader h3.created { + background-image: url(/img/silk/created.png); +} +.fileDiffView .fileHeader h3.deleted { + background-image: url(/img/silk/deleted.png); +} +.fileDiffView .fileHeader .nav { + margin-bottom: 0; +} +.fileDiffView .fileHeader:before, +.fileDiffView .fileHeader:after { + display: table; + content: ""; +} +.fileDiffView .fileHeader:after { + clear: both; +} +.fileDiffView .rawFileContent { + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-top: none; + white-space: pre-wrap; + word-break: normal; + background-color: white; +} +.fileDiffView .binaryFileDiff { + border: 1px solid #d0d0d0; + border-top: none; + background-color: #F9F9F9; + text-align: center; + padding: 12px 6px; +} +.fileDiffView .fileMoved { + line-height: 2.34375rem; + font-size: 18px; + padding-left: 26px; + background-image: url(/img/silk/moved.png); + background-repeat: no-repeat; + background-position: 6px 4px; +} +.fileDiffView table.sectionDiff { + margin: 0; + border: 1px solid #d0d0d0; + border-top: none; + width: 100%; + background-color: white; +} +.fileDiffView table.sectionDiff td { + vertical-align: top; + line-height: 1.5625rem; +} +.fileDiffView table.sectionDiff .old_line_number, +.fileDiffView table.sectionDiff .new_line_number { + border-right: 1px solid #d0d0d0; + width: 30px; + color: #999; + text-align: center; +} +.fileDiffView table.sectionDiff .symbol { + width: 8px; +} +.fileDiffView table.sectionDiff .content { + white-space: pre-wrap; +} +.fileDiffView table.sectionDiff tr.added .symbol, +.fileDiffView table.sectionDiff tr.added .content { + background-color: #ddffdd; + color: green; +} +.fileDiffView table.sectionDiff tr.removed .symbol, +.fileDiffView table.sectionDiff tr.removed .content { + background-color: #ffdddd; + color: red; +} +.fileDiffView .sectionSeparator { + height: 6px; + background-color: #f9f9f9; + border: 1px solid #d0d0d0; + border-top: none; +} +.introjs-overlay { + position: absolute; + z-index: 999999; + background-color: #000; + opacity: 0; + background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9))); + background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); + background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); + background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); + background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.introjs-fixParent { + z-index: auto !important; +} +.introjs-showElement { + z-index: 9999999 !important; +} +.introjs-relativePosition { + position: relative; +} +.introjs-helperLayer { + position: absolute; + z-index: 9999998; + background-color: #FFF; + background-color: rgba(255, 255, 255, 0.9); + border: 1px solid #777; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 4px; + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.introjs-helperNumberLayer { + position: absolute; + top: -16px; + left: -16px; + z-index: 9999999999 !important; + padding: 2px; + font-family: Arial, verdana, tahoma; + font-size: 13px; + font-weight: bold; + color: white; + text-align: center; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + background: #ff3019; + /* Old browsers */ + background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); + /* Chrome10+,Safari5.1+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); + /* Chrome,Safari4+ */ + background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); + /* FF3.6+ */ + background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); + /* IE10+ */ + background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); + /* Opera 11.10+ */ + background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); + /* W3C */ + width: 20px; + height: 20px; + line-height: 20px; + border: 3px solid white; + border-radius: 50%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); + /* IE6-9 */ + filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); + /* IE10 text shadows */ + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); +} +.introjs-arrow { + border: 5px solid white; + content: ''; + position: absolute; +} +.introjs-arrow.top { + top: -10px; + border-top-color: transparent; + border-right-color: transparent; + border-bottom-color: white; + border-left-color: transparent; +} +.introjs-arrow.right { + right: -10px; + top: 10px; + border-top-color: transparent; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: white; +} +.introjs-arrow.bottom { + bottom: -10px; + border-top-color: white; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; +} +.introjs-arrow.left { + left: -10px; + top: 10px; + border-top-color: transparent; + border-right-color: white; + border-bottom-color: transparent; + border-left-color: transparent; +} +.introjs-tooltip { + position: absolute; + padding: 10px; + background-color: white; + min-width: 200px; + max-width: 300px; + border-radius: 3px; + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); + -webkit-transition: opacity 0.1s ease-out; + -moz-transition: opacity 0.1s ease-out; + -ms-transition: opacity 0.1s ease-out; + -o-transition: opacity 0.1s ease-out; + transition: opacity 0.1s ease-out; +} +.introjs-tooltipbuttons { + text-align: right; +} +/* + Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ + Changed by Afshin Mehrabani +*/ +.introjs-button { + position: relative; + overflow: visible; + display: inline-block; + padding: 0.3em 0.8em; + border: 1px solid #d4d4d4; + margin: 0; + text-decoration: none; + text-shadow: 1px 1px 0 #fff; + font: 11px normal sans-serif; + color: #333; + white-space: nowrap; + cursor: pointer; + outline: none; + background-color: #ececec; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); + background-image: -moz-linear-gradient(#f4f4f4, #ececec); + background-image: -o-linear-gradient(#f4f4f4, #ececec); + background-image: linear-gradient(#f4f4f4, #ececec); + -webkit-background-clip: padding; + -moz-background-clip: padding; + -o-background-clip: padding-box; + /*background-clip: padding-box;*/ + /* commented out due to Opera 11.10 bug */ + -webkit-border-radius: 0.2em; + -moz-border-radius: 0.2em; + border-radius: 0.2em; + /* IE hacks */ + zoom: 1; + *display: inline; + margin-top: 10px; +} +.introjs-button:hover { + border-color: #bcbcbc; + text-decoration: none; + box-shadow: 0px 1px 1px #e3e3e3; +} +.introjs-button:focus, +.introjs-button:active { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4)); + background-image: -moz-linear-gradient(#ececec, #f4f4f4); + background-image: -o-linear-gradient(#ececec, #f4f4f4); + background-image: linear-gradient(#ececec, #f4f4f4); +} +/* overrides extra padding on button elements in Firefox */ +.introjs-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.introjs-skipbutton { + margin-right: 5px; + color: #7a7a7a; +} +.introjs-prevbutton { + -webkit-border-radius: 0.2em 0 0 0.2em; + -moz-border-radius: 0.2em 0 0 0.2em; + border-radius: 0.2em 0 0 0.2em; + border-right: none; +} +.introjs-nextbutton { + -webkit-border-radius: 0 0.2em 0.2em 0; + -moz-border-radius: 0 0.2em 0.2em 0; + border-radius: 0 0.2em 0.2em 0; +} +.introjs-disabled, +.introjs-disabled:hover, +.introjs-disabled:focus { + color: #9a9a9a; + border-color: #d4d4d4; + box-shadow: none; + cursor: default; + background-color: #f4f4f4; + background-image: none; + text-decoration: none; +} +.logo-header { + margin-top: 1.5625rem; + text-align: center; +} +.logo-header h4 { + margin: 0; +} +.author_details { + font-size: .8em; + color: #7a7a7a; +} +.post img { + border-radius: 3px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} +body.editor { + height: 100%; + overflow: hidden; + padding-top: 0; + background-color: white; +} +.navbar.editor { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 10; +} +.navbar.editor .navbar-inner { + padding: 0; + height: 39px; + background-color: white; + border-radius: 0; + box-shadow: 0 0 2px #ccc; +} +.navbar.editor .nav > li > a { + color: #a93529; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 20px; + padding-top: 8px; + border: none; + margin-left: 0; + border-right: 1px solid #ddd; + border-radius: 0; +} +.navbar.editor .nav > li > a:hover { + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + background: none; + border: none; + border-right: 1px solid white; + background-color: #e6e6e6; + color: #80281f; +} +.navbar.editor .nav.pull-right > li > a { + border: none; + border-left: 1px solid #ddd; +} +.navbar.editor .name > input { + background-color: transparent; + border: 0 none; + font-weight: bold; + margin: 0; + box-shadow: none; + color: #7a7a7a; +} +.navbar.editor .name > input:hover { + background-color: white; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + border: 1px solid #ddd; + color: #252525; + font-weight: normal; +} +.navbar.editor .name > .share-container { + margin-right: 5px; + cursor: pointer; +} +.navbar.editor .nav > li.recompile > a { + color: #a93629; +} +.navbar.editor ul.project-name { + position: absolute; + left: 50%; + width: 250px; + margin-left: -80px; +} +.navbar.editor ul.project-name > li a { + display: none; +} +.navbar.editor ul.project-name:hover > li a { + display: block; +} +.navbar.editor .nav > li > a.btn { + padding: 4px 8px; + margin-top: 4px; + margin-right: 6px; + font-size: 14px; + color: #505050; +} +.navbar.editor .nav > li > a.btn-primary { + color: white; +} +.navbar.editor .pdf-toolbar { + margin-left: 300px; +} +#projectMembersList table { + margin-top: 0; +} +#projectMembersList .addUserForm { + margin-bottom: 0.78125rem; +} +#socialSharing .public-share { + margin: 0; +} +#socialSharing .public-share span { + display: inline-block; + margin-bottom: 3px; +} +#socialSharing .public-share .social-icons { + color: #252525; +} +@-webkit-keyframes dot { + 0% { + background-color: #282828; + } + 50% { + background-color: white; + } + 100% { + background-color: #282828; + } +} +#loadingScreen { + background-color: #eeeeee; + text-align: center; + padding-top: 120px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1040; +} +#loadingScreen h3 { + font-size: 22px; + background-image: url(/brand/logo/logo-128.png); + background-repeat: no-repeat; + background-position: center 0px; + padding-top: 130px; +} +#loadingScreen p { + font-size: 14px; + padding-top: 6px; +} +.content-with-navigation-sidebar { + padding-left: 200px; + padding-right: 20px; +} +.sidebar-navigation { + border-right: 1px solid #ddd; + position: fixed; + left: 0; + top: 0; + bottom: 0; + width: 40px; + overflow: hidden; + z-index: 10; +} +.sidebar-navigation ul { + list-style: none; + margin: 0; +} +.sidebar-navigation ul li a { + color: #ccc; + width: 100%; + display: block; +} +.sidebar-navigation ul li a .content { + padding: 12px 0; +} +.sidebar-navigation ul li a:hover { + -webkit-box-shadow: inset 0 0 15px #111111; + -moz-box-shadow: inset 0 0 15px #111111; + box-shadow: inset 0 0 15px #111111; + text-decoration: none; + color: white; +} +.sidebar-navigation ul li.active { + background-color: #263872; +} +.sidebar-navigation ul li.active a { + color: white; +} +.sidebar-navigation ul li.active a:hover { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.sidebar-navigation .image-button { + margin-top: 4px; + margin-right: 8px; + cursor: pointer; +} +.sidebar-navigation a.tab-link { + background-position: 12px center; + background-repeat: no-repeat; + padding-left: 40px; + height: 40px; +} +.sidebar-navigation a.code-tab { + background-image: url(/brand/icons/code.png); +} +.sidebar-navigation a.history-tab { + background-image: url(/brand/icons/history.png); +} +.sidebar-navigation a.settings-tab, +.sidebar-navigation a.account-settings-tab { + background-image: url(/brand/icons/settings.png); +} +.sidebar-navigation a.collaborators-tab { + background-image: url(/brand/icons/collaborators.png); +} +.sidebar-navigation a.project-list-tab { + background-image: url(/brand/icons/projects.png); +} +.sidebar-navigation a.subscription-tab { + background-image: url(/brand/icons/subscription.png); +} +.sidebar-navigation #toolbar-footer { + position: absolute; + bottom: 0; + left: 0; + width: 180px; + padding-bottom: 16px; + text-align: center; +} +.sidebar-navigation #toolbar-footer a { + font-size: 12px; + color: #ddd; +} +.sidebar-navigation #toolbar-footer a:hover { + color: white; +} +.sidebar-navigation #toolbar-footer > div { + margin-top: 3px; +} +.ui-layout-resizer { + width: 6px; + background-color: #f4f4f4; +} +.ui-layout-resizer .ui-layout-toggler { + color: #999; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 16px !important; + line-height: 50px; +} +.ui-layout-resizer .ui-layout-toggler:hover { + background-color: #ddd; + color: #333; +} +.ui-layout-resizer-west.ui-layout-resizer-open .ui-layout-toggler:before, +.ui-layout-resizer-east.ui-layout-resizer-closed .ui-layout-toggler:before { + content: "\f104"; +} +.ui-layout-resizer-east.ui-layout-resizer-open .ui-layout-toggler:before, +.ui-layout-resizer-west.ui-layout-resizer-closed .ui-layout-toggler:before { + content: "\f105"; +} +.ui-layout-resizer-dragging { + background-color: #ddd; +} +.splitter-bar-vertical-docked { + width: 15px; +} +#content { + border-left: 1px solid #ddd; +} +#content iframe { + width: 100%; + height: 100%; +} +#content .fullEditorArea, +#content #pdfArea, +#content #imageArea iframe { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#content #editorArea { + width: 100%; + height: 100%; +} +#content #editorArea #editorSplitter { + width: 100%; + height: 100%; +} +#content #editorArea #editor { + width: 100%; + height: 100%; +} +#content #editorArea #editorWrapper { + height: 100%; + width: 100%; +} +#content #editorArea #rightEditorPanel { + border-left: 1px solid #ddd; +} +#content #editorArea #leftEditorPanel { + border-right: 1px solid #ddd; +} +#content #editorArea .loading { + background-color: #eceff1; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 100; + margin: auto; + padding-top: 10rem; +} +#content #editorArea #trackChangesPanel { + width: 100%; + height: 100%; +} +#content #editorArea .sync-buttons { + z-index: 3; + position: absolute; + top: 45px; + right: 0; + padding: 2px; + background-color: #eee; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border: 1px solid #aaa; +} +#content #editorArea .sync-buttons button { + display: block; + padding: 3px; + font-size: 12px; + line-height: 12px; +} +#content #editorArea .sync-buttons button:first-child { + margin-bottom: 3px; +} +#content #undoConflictWarning { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 10; + padding: 8px; + background-color: #ffd2d2; +} +#content #undoConflictWarning .js-hide { + display: inline; + float: right; +} +#content #pdfArea { + background-color: #fafafa; +} +#content #pdfArea #pdfToolBar { + border-bottom: 1px solid #ddd; +} +#content #pdfArea #pdfToolBar ul { + margin: 0 3px; +} +#content #pdfArea #pdfToolBar ul li { + display: inline-block; + margin: 6px; +} +#content #pdfArea #pdfToolBar ul li a { + color: #999; +} +#content #pdfArea #pdfToolBar i.icon-flatview { + background-image: url(/img/flatview.png); +} +#content #pdfArea #pdfToolBar i.icon-splitview { + background-image: url(/img/splitview.png); +} +#content #pdfArea #pdfAreaContent #logArea, +#content #pdfArea #pdfAreaContent #rawLogArea, +#content #pdfArea #pdfAreaContent .pdfjs-list-view { + height: 100%; + width: 100%; +} +#content #pdfArea .compiling-message { + z-index: 100; + position: absolute; + top: 45px; + left: 10px; + padding: 20px; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #999; + background-color: #eee; + background-image: url(/img/spin1.gif); + background-repeat: no-repeat; + background-position: 10px center; + padding-left: 50px; +} +#content #pdfArea .not-compiled-yet-message { + padding: 9px; + background: url(/img/silk/arrow-up.png) 20px 7px no-repeat; + padding-left: 43px; + font-size: 16px; +} +#content #pdfArea #logArea { + background-color: #e7e7e7; + overflow: auto; +} +#content #pdfArea #logArea ul { + margin: 0px; + padding: 10px; +} +#content #pdfArea #logArea ul li { + cursor: pointer; + list-style: none; + margin-bottom: 10px; +} +#content #pdfArea #logArea button { + margin-left: 10px; + margin-bottom: 20px; +} +#content #pdfArea #logArea .alert-warning { + border-color: #fddfb3; + background-color: #fee9cc; + color: #f89406; + text-shadow: none; +} +#content #pdfArea #logArea .small { + color: #666; + margin-top: 6px; + white-space: pre-wrap; +} +#content #pdfArea #rawLogArea { + overflow: auto; + background: url('/img/noise.png') #eeeeee; +} +#content #pdfArea #rawLogArea pre { + background: none; + border: none; +} +#content #pdfArea .pdfjs-viewer { + position: relative; + height: 100%; + width: 100%; +} +#content #pdfArea .pdfjs-viewer .pdfjs-list-view { + overflow: scroll; +} +#content #pdfArea .pdfjs-viewer .pdfjs-list-view canvas { + background: white; + box-shadow: black 0px 0px 10px; +} +#content #pdfArea .pdfjs-viewer .pdfjs-list-view .page-container { + margin: 10px auto; + padding: 0 10px; +} +#content #pdfArea .pdfjs-viewer .btn-group { + position: absolute; + top: 15px; + left: 20px; + z-index: 50; +} +#content #pdfArea .pdfjs-viewer .btn-group img { + vertical-align: middle; +} +#content #pdfArea .pdfjs-viewer .progress { + width: 200px; + position: absolute; + bottom: 15px; + left: 20px; + z-index: 50; + border: 1px solid #666; + height: 32px; +} +#content #pdfArea .pdfjs-viewer .progress .bar { + height: 32px; +} +#content #pdfArea .pdfjs-viewer .progress span { + position: absolute; + width: 100%; + text-align: center; + top: 8px; +} +#content #loading { + background: url('/img/spin.gif') center center no-repeat, url('/img/noise.png') #aaaaaa; +} +#content #projectDeleted { + background: url('/img/noise.png') #aaaaaa; +} +#content #mainAreaMessage { + margin-top: 100px; + font-size: 1.4em; + text-align: center; +} +#content .projectSettings { + overflow: scroll; + padding: 0 12px 12px 12px; +} +#left-menu { + position: absolute; + width: 210px; + padding: 10px; + top: 0; + left: -280px; + bottom: 0; + background-color: #f4f4f4; + z-index: 100; + overflow: auto; + -webkit-transition: left ease-in-out 0.35s; + transition: left ease-in-out 0.35s; +} +#left-menu h4 { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 600; + font-size: 14px; + margin: 0.4em 0; + color: #a4a4a4; + border-bottom: 1px solid #BABABA; +} +#left-menu h4:first-child { + margin-top: 0; +} +#left-menu ul.nav { + margin-bottom: 0; +} +#left-menu ul.nav > li > a { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #505050; + padding: 5px; + font-size: 14px; +} +#left-menu ul.nav > li > a:hover { + color: white; + background-color: #a93529; +} +#left-menu ul.nav > li > a:hover .small, +#left-menu ul.nav > li > a:hover b { + color: white; +} +#left-menu ul.nav > li > a:hover .setting { + color: #7a7a7a; +} +#left-menu ul.nav > li > a .caret { + margin-top: 10px; +} +#left-menu ul.nav > li > a .small { + line-height: 1; + font-size: 11px; + color: #7a7a7a; +} +#left-menu ul.nav > li > a .setting { + color: #a93529; + padding: 4px 8px; + border-radius: 5px; + position: absolute; + right: 0; + top: 1px; + font-weight: bold; +} +#left-menu.shown { + box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); +} +#left-menu ul.download > li { + display: inline-block; + width: 60px; + text-align: center; + vertical-align: top; +} +#left-menu ul.download > li a { + font-size: 12px; +} +#left-menu ul.download > li a i { + font-size: 24px; + display: block; +} +#left-menu-mask { + opacity: 0.4; + background-color: #999; + z-index: 99; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +#fixed-content { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + -webkit-transition: right ease-in-out 0.35s; + transition: right ease-in-out 0.35s; +} +#chat-window { + position: absolute; + right: -300px; + top: 0; + bottom: 0; + width: 300px; + -webkit-transition: right ease-in-out 0.35s; + transition: right ease-in-out 0.35s; + background-color: #eceff1; + height: 100%; + z-index: 1041; + clear: both; +} +#chat-window .me, +#chat-window .other { + clear: both; +} +#chat-window .img-container { + border-radius: 50%; + float: left; + height: 3.125rem; + overflow: hidden; + margin-right: 0.390625rem; + margin-bottom: 0.390625rem; + width: 3.125rem; +} +#chat-window img { + margin-top: -10px; +} +#chat-window ul { + height: 100%; + overflow: scroll; + list-style-type: none; + margin: 1.5625rem 0.78125rem 3.75rem; +} +#chat-window li { + background-color: white; + border-radius: 3px; + padding: 0.390625rem; + margin-bottom: 1.5625rem; + width: 80%; + clear: both; + overflow: hidden; + box-shadow: 0 2px 4px rgba(77, 77, 77, 0.2); +} +#chat-window li p { + margin-top: 0; +} +#chat-window li.me { + float: left; +} +#chat-window li.other { + float: right; +} +#chat-window li:last-child { + margin-bottom: 105px; +} +#chat-window footer { + background-color: #eceff1; + position: absolute; + bottom: 0; + padding: 0.78125rem; + width: 100%; +} +#chat-window footer form { + margin: 0; +} +#chat-window footer form input { + margin-right: 5px; + vertical-align: top; +} +body.chat-open #chat-window { + right: 0; +} +body.chat-open #fixed-content { + right: 300px; +} +#tab-content { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +#tab-content #collaborators-tab, +#tab-content #settings-tab { + padding: 10px; + overflow: scroll; +} +#tab-content #collaborators-tab, +#tab-content #settings-tab, +#tab-content #history-tab { + background: url('/img/noise.png') #eeeeee; + position: absolute; + top: 0; + bottom: 0; + left: 140px; + right: 0; +} +#sections { + -moz-user-select: none; + -webkit-user-select: none; + overflow: auto; +} +#options { + position: absolute; + left: 0; + width: 100%; + height: 20px; + padding: 0 0 5px 0; + bottom: 0; + overflow: hidden; +} +#options button, +button.gradient { + background: #fafafa; + border: 1px solid rgba(0, 0, 0, 0.25); + box-shadow: 0 -10px rgba(0, 0, 0, 0.05) inset, 0 1px 2px #ffffff; + padding: 2px 4px; + vertical-align: -10%; + margin: 0 0 0 -1px; + height: 26px; +} +#options button:active, +button.gradient:active { + background: #b7cbe1; +} +#options button:hover, +button.gradient:hover { + background: #ffffff; +} +#saving-area { + float: right; + padding-top: 3px; + padding-right: 10px; +} +#search { + display: none; +} +#sidebar { + background-color: #fafafa; + width: 250px; + overflow: hidden; + cursor: default; + padding: 0; + border-right: 1px solid #ddd; +} +#sidebar ul { + margin: 8px 0; + padding-left: 0; + list-style: none; +} +#sidebar .entity-list-item { + color: #333; + font-size: 0.8rem; + line-height: 1.5625rem; + padding: 3px; + list-style: none; + white-space: nowrap; + cursor: pointer; + position: relative; +} +#sidebar .entity-list-item .clickable { + height: 24px; + margin-left: 20px; +} +#sidebar .entity-list-item .dropdown-caret { + display: none; +} +#sidebar .entity-list-item .entity-label { + display: none; +} +#sidebar .entity-list-item:hover { + background-color: #dadada; +} +#sidebar .entity-list-item i.fa-file, +#sidebar .entity-list-item i.fa-folder, +#sidebar .entity-list-item i.fa-folder-open { + width: 15px; + padding-left: 1px; +} +#sidebar .entity-list-item i.fa-image { + width: 16px; +} +#sidebar .entity-list-item i.fa-file, +#sidebar .entity-list-item i.fa-image { + color: #999; +} +#sidebar .entity-list-item i.fa-folder, +#sidebar .entity-list-item i.fa-folder-open { + color: #B86259; +} +#sidebar .entity-folder { + position: relative; +} +#sidebar .entity-folder .toggle { + position: absolute; + top: 0; + left: 0; + display: inline-block; + width: 16px; + padding: 4px; +} +#sidebar .entity-project .clickable { + margin-left: 0; + display: none; +} +#sidebar .entity-list { + padding-left: 0px; +} +#sidebar .entity-list .entity-list { + padding-left: 10px; +} +#sidebar .droppable-folder-hover { + background: #eddc89; +} +#sidebar li.selected, +#sidebar .entity-list-item.selected { + border-right: 4px solid #a93529; + color: #a93529; + font-weight: 700; +} +#sidebar li.selected i.fa, +#sidebar .entity-list-item.selected i.fa { + color: #a93529; +} +#sidebar li.selected .dropdown-caret, +#sidebar .entity-list-item.selected .dropdown-caret { + color: #a93529; + display: block; + padding: 8px 6px 4px 4px; + position: absolute; + top: 0; + right: 0; + bottom: 0; +} +#sidebar li.selected .dropdown-caret:before, +#sidebar .entity-list-item.selected .dropdown-caret:before { + content: " "; + background-color: transparent; + width: 12px; + height: 100%; + position: absolute; + top: 0; + bottom: 0; + right: 20px; +} +#sidebar li.selected .dropdown-caret i, +#sidebar .entity-list-item.selected .dropdown-caret i { + color: #a93529; + vertical-align: top; + margin: 0; +} +#sidebar .entity-list-item.show-label .dropdown-caret { + display: none; +} +#sidebar .entity-list-item.show-label .entity-label { + display: block; + position: absolute; + top: 3px; + right: 3px; + font-size: 13px; + line-height: 13px; + padding: 2px 6px 3px; + background-color: #4fc115; + font-weight: normal; + text-shadow: none; +} +#sidebar .entity-list-item.show-label .entity-label:hover { + background-color: #41a112; +} +#sidebar .entity-list-item.folder-open.show-label .entity-label { + display: none; +} +#sidebar li img, +#sidebar .entity-list-item i { + font-size: 14px; + margin: 2px 6px 2px 4px; +} +#sidebar input.rename { + margin: -1px 0 0 -1px; + padding: 1px; + width: 120px; +} +#sidebar input.checkbox { + float: left; + margin-left: 5px; + margin-top: 7px; + width: 16px; + opacity: 0.5; +} +#sidebar input.checkbox:hover { + opacity: 1; +} +#sidebar .multi-selected input.checkbox { + opacity: 1; +} +#sidebar .actions { + margin: 0 0 8px 4px; + padding: 0 4px; + border-bottom: 1px solid #ddd; +} +#sidebar .actions > div { + display: inline; + margin-right: 8px; +} +#sidebar .actions > div > a { + color: #999; +} +#sidebar .actions > div > a:hover { + color: #333; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +} +#sidebar .actions .rename-btn, +#sidebar .actions .delete-btn { + float: right; +} +#sidebar .actions .delete-btn { + margin-right: 0; +} +#sidebar .new-entity ul.dropdown-menu a { + padding: 0 5px; +} +table#addUserTable, +table#addUserTable td { + border: none; + border-left: none; +} +table { + margin: 1em 0; + clear: both; +} +.addUserForm .table { + margin-bottom: 0.78125rem; +} +.addUserForm .checkbox { + font-size: 0.8rem; +} +.addUserForm button { + margin-left: 0.78125rem; +} +.auto-complete-menu { + border: 1px solid #999; + background-color: white; + margin: 0; + padding: 5px; + list-style: none; + color: #888; + z-index: 10; +} +.auto-complete-menu li { + padding: 0 4px; + cursor: pointer; +} +.auto-complete-menu li.selected, +.auto-complete-menu li:hover { + color: #ddd; + background-color: blue; +} +.auto-complete-menu li.selected strong, +.auto-complete-menu li:hover strong { + color: white; +} +.auto-complete-menu strong { + font-weight: normal; + color: black; +} +.context-menu { + display: block; + left: auto; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} +.clear-modal-backdrop { + background: none; +} +.sharelatex-spelling-highlight { + position: absolute; + background-image: url(/img/spellcheck-underline.png); + background-repeat: repeat-x; + background-position: bottom left; +} +.sharelatex-remote-cursor { + position: absolute; + z-index: 2; +} +.sharelatex-remote-cursor .name { + font-size: 0.8em; + background-color: #0e9e00; + color: white; + padding: 2px 6px; + border-radius: 3px 3px 3px 0; + -moz-border-radius: 3px 3px 3px 0; + -webkit-border-radius: 3px 3px 3px 0; + position: absolute; + left: -4px; +} +.sharelatex-remote-cursor .nubbin { + height: 6px; + width: 6px; + background-color: #0e9e00; + position: absolute; + left: -4px; +} +.sharelatex-remote-cursor-0 { + border-left: 2px solid #0e9e00; +} +.sharelatex-remote-cursor-0 .name, +.sharelatex-remote-cursor-0 .nubbin { + background-color: #0e9e00; +} +.sharelatex-remote-cursor-1 { + border-left: 2px solid #0019a8; +} +.sharelatex-remote-cursor-1 .name, +.sharelatex-remote-cursor-1 .nubbin { + background-color: #0019a8; +} +.sharelatex-remote-cursor-2 { + border-left: 2px solid #dc241f; +} +.sharelatex-remote-cursor-2 .name, +.sharelatex-remote-cursor-2 .nubbin { + background-color: #dc241f; +} +.sharelatex-remote-cursor-3 { + border-left: 2px solid #751056; +} +.sharelatex-remote-cursor-3 .name, +.sharelatex-remote-cursor-3 .nubbin { + background-color: #751056; +} +.sharelatex-remote-cursor-4 { + border-left: 2px solid #894e24; +} +.sharelatex-remote-cursor-4 .name, +.sharelatex-remote-cursor-4 .nubbin { + background-color: #894e24; +} +.sharelatex-remote-cursor-5 { + border-left: 2px solid #ff7f00; +} +.sharelatex-remote-cursor-5 .name, +.sharelatex-remote-cursor-5 .nubbin { + background-color: #ff7f00; +} +.sharelatex-remote-cursor-6 { + border-left: 2px solid #414b56; +} +.sharelatex-remote-cursor-6 .name, +.sharelatex-remote-cursor-6 .nubbin { + background-color: #414b56; +} +.sharelatex-remote-cursor-7 { + border-left: 2px solid #00afad; +} +.sharelatex-remote-cursor-7 .name, +.sharelatex-remote-cursor-7 .nubbin { + background-color: #00afad; +} +.spell-check-menu { + position: absolute; + margin-left: 1px; +} +.spell-check-menu .btn { + padding: 1px 4px 4px; + margin-top: -4px; + line-height: normal; +} +.spell-check-menu .underlined { + background-image: url(/img/spellcheck-underline.png); + background-repeat: repeat-x; + background-position: bottom left; +} +.spell-check-menu .dropdown-menu { + min-width: 0; + left: auto; + right: 0; +} +.spell-check-menu .dropdown-menu a { + padding: 1px 8px; +} +.ace_search { + background-color: #ddd; + border: 1px solid #cbcbcb; + border-top: 0 none; + max-width: 500px; + overflow: hidden; + margin: 0; + padding: 4px; + position: absolute; + top: 0px; + right: 0; + z-index: 99; + border-radius: 0px 0px 0px 5px; + border-right: 0 none; +} +.icon-chevron-up, +.icon-chevron-down, +.icon-trash, +.icon-plus, +.icon-pencil { + display: inline-block; + width: 14px; + height: 14px; + line-height: 14px; + vertical-align: text-top; + background-image: url("../img/glyphicons-halflings.png"); + background-position: 14px 14px; + background-repeat: no-repeat; + *margin-right: .3em; +} +.icon-chevron-up:last-child, +.icon-chevron-down:last-child, +.icon-trash:last-child, +.icon-plus:last-child, +.icon-pencil:last-child { + *margin-left: 0; +} +.icon-white { + background-image: url("../img/glyphicons-halflings-white.png"); +} +.icon-chevron-up { + background-position: -288px -120px; +} +.icon-chevron-down { + background-position: -313px -119px; +} +.icon-trash { + background-position: -456px 0; +} +.icon-plus { + background-position: -408px -96px; +} +.icon-pencil { + background-position: 0 -72px; +} +.ace_search_form { + margin-bottom: 4px; +} +.ace_searchbtn:last-child, +.ace_replacebtn:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.ace_searchbtn_close { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAAZ0lEQVR42u2SUQrAMAhDvazn8OjZBilCkYVVxiis8H4CT0VrAJb4WHT3C5xU2a2IQZXJjiQIRMdkEoJ5Q2yMqpfDIo+XY4k6h+YXOyKqTIj5REaxloNAd0xiKmAtsTHqW8sR2W5f7gCu5nWFUpVjZwAAAABJRU5ErkJggg==) no-repeat 50% 0; + border-radius: 50%; + border: 0 none; + color: #656565; + cursor: pointer; + display: block; + position: absolute; + top: 3px; + right: 6px; + font-family: Arial; + font-size: 16px; + height: 14px; + line-height: 16px; + margin: 5px 1px 9px 5px; + padding: 0; + text-align: center; + width: 14px; +} +.ace_searchbtn_close:hover { + background-color: #656565; + background-position: 50% 100%; + color: white; +} +.hotkeys .hotkeys-column { + width: 50%; + float: left; +} +.hotkeys .hotkey { + margin: 8px 0; +} +.hotkeys .combination { + padding: 3px 6px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background-color: #444; + color: white; + margin-right: 4px; +} +.hotkeys .description { + font-weight: bold; +} +.hotkeys .clear { + *zoom: 1; +} +.hotkeys .clear:before, +.hotkeys .clear:after { + display: table; + content: ""; +} +.hotkeys .clear:after { + clear: both; +} +#fileViewArea { + text-align: center; + background-color: #ddd; +} +#fileViewArea img { + max-width: 600px; + max-height: 600px; + border: 1px solid #999; + background-color: white; + padding: 10px; + margin-top: 20px; +} +#fileViewArea .no-preview { + color: #666; + font-size: 32px; + margin-top: 20px; +} +#fileViewArea .download { + margin-top: 16px; +} +#socialSharing .share-button { + display: inline-block; + margin-right: 8px; + margin-bottom: 8px; +} +.project-description textarea { + min-height: 120px; +} +.project-description label { + border-bottom: 1px solid #eeeeee; + font-size: 1.2em; + line-height: 1.8em; + margin-bottom: 6px; +} +.btn-facebook { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #2b4b90; + *background-color: #133783; + background-image: -moz-linear-gradient(top, #3b5998, #133783); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783)); + background-image: -webkit-linear-gradient(top, #3b5998, #133783); + background-image: -o-linear-gradient(top, #3b5998, #133783); + background-image: linear-gradient(to bottom, #3b5998, #133783); + background-repeat: repeat-x; + border-color: #133783 #133783 #091b40; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} +.btn-facebook:hover, +.btn-facebook:focus, +.btn-facebook:active, +.btn-facebook.active, +.btn-facebook.disabled, +.btn-facebook[disabled] { + color: #ffffff; + background-color: #133783; + *background-color: #102e6d; +} +.btn-facebook:active, +.btn-facebook.active { + background-color: #0d2456 \9; +} +.btn-twitter { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #1c95d0; + *background-color: #0271bf; + background-image: -moz-linear-gradient(top, #2daddc, #0271bf); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf)); + background-image: -webkit-linear-gradient(top, #2daddc, #0271bf); + background-image: -o-linear-gradient(top, #2daddc, #0271bf); + background-image: linear-gradient(to bottom, #2daddc, #0271bf); + background-repeat: repeat-x; + border-color: #0271bf #0271bf #014473; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} +.btn-twitter:hover, +.btn-twitter:focus, +.btn-twitter:active, +.btn-twitter.active, +.btn-twitter.disabled, +.btn-twitter[disabled] { + color: #ffffff; + background-color: #0271bf; + *background-color: #0262a6; +} +.btn-twitter:active, +.btn-twitter.active { + background-color: #01538d \9; +} +.btn-google-plus { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #d34332; + *background-color: #c53727; + background-image: -moz-linear-gradient(top, #dd4b39, #c53727); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727)); + background-image: -webkit-linear-gradient(top, #dd4b39, #c53727); + background-image: -o-linear-gradient(top, #dd4b39, #c53727); + background-image: linear-gradient(to bottom, #dd4b39, #c53727); + background-repeat: repeat-x; + border-color: #c53727 #c53727 #85251a; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} +.btn-google-plus:hover, +.btn-google-plus:focus, +.btn-google-plus:active, +.btn-google-plus.active, +.btn-google-plus.disabled, +.btn-google-plus[disabled] { + color: #ffffff; + background-color: #c53727; + *background-color: #b03123; +} +.btn-google-plus:active, +.btn-google-plus.active { + background-color: #9a2b1f \9; +} +#errorMessages { + z-index: 10000; + top: 4px; + width: 300px; + position: absolute; + left: 50%; + margin-left: -154px; +} +#errorMessages #connectionLostMessage { + background-color: #fac7c7; + padding: 4px; + text-align: center; + border: 2px solid red; + margin-bottom: 6px; +} +#errorMessages #savingProblems { + background-color: #FFE9C2; + padding: 4px; + text-align: center; + border: 2px solid #ffa300; + margin-bottom: 6px; +} +.modal-share { + width: 700px; + margin-left: -350px; +} +.modal-share .modal-body { + padding: 0 0.6em; +} +.modal-share .invite-controls { + padding: 0.8em; + background-color: #eee; +} +.modal-share .invite-controls .small { + font-size: 0.9em; + color: #666; +} +.modal-share .invite-controls input.email { + width: 450px; +} +.modal-share .invite-controls label.checkbox { + display: block; +} +.modal-share .public-sharing { + margin: 0.4em; + padding-top: 0.4em; +} +.modal-share .public-sharing #socialSharing { + float: right; +} +.masthead { + background-color: rgba(0, 0, 0, 0.85); + background-image: -webkit-linear-gradient(left, rgba(153, 93, 179, 0.6), rgba(44, 155, 219, 0.6)); + background-image: linear-gradient(to right, rgba(153, 93, 179, 0.6), rgba(44, 155, 219, 0.6)); + position: relative; + min-height: 46.09375rem; + text-align: center; + overflow: hidden; +} +.masthead h1, +.masthead p { + color: white; + text-align: center; +} +.masthead h1 { + font-size: 4.75rem; + line-height: 6.25rem; + margin-bottom: 0; + margin-top: 3.125rem; + text-shadow: 0 1px 3px rgba(0, 0, 0, 0.42); +} +.masthead h1 span { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 100; + letter-spacing: 10px; +} +.masthead p:first-of-type { + font-size: 1.5625rem; + font-weight: 200; + letter-spacing: 5px; + margin-top: 0; + text-rendering: auto; +} +.masthead .register { + margin-top: 6.25rem; +} +.masthead .register .input { + margin-bottom: 0.78125rem; +} +.masthead .register div.error { + color: #bd0707; + padding: 1px; +} +.masthead .container-fluid { + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)); + padding: 3rem 0; + margin-top: 4.5rem; + position: relative; +} +.masthead img { + box-shadow: 0 0 50px rgba(0, 0, 0, 0.67); + margin-top: 1.5625rem; + margin-bottom: -23.4375rem; +} +.masthead .btn-hero { + background-color: transparent; + border-color: white; + border-width: 3px; + color: white; + margin-right: 0.78125rem; +} +.masthead .btn-hero:hover { + background-color: white; + color: #505050; +} +.masthead .btn-hero.btn-primary { + border-color: #ce4537; + color: #ce4537; +} +.masthead .btn-hero.btn-primary:hover { + background-color: #ce4537; + color: white; +} +.btn-cta-bottom { + margin: 0 auto 6rem auto; +} +.universities { + overflow: hidden; + height: 9.375rem; + border-left: none; + border-right: none; + padding-bottom: 1.5625rem; + text-align: center; + margin: 0 auto; +} +.pattern-container { + background: url('/img/pattern-home.png') repeat #f1f1f1; + border-top: 1px solid #f0f0f0; +} +.long-form-features .row { + margin-top: 4rem; + margin-bottom: 4rem; +} +.long-form-features .row .span7:first-child p { + margin-right: 12rem; +} +.long-form-features .row .span7:last-child p, +.long-form-features .row .span7:last-child h3 { + margin-left: 12rem; +} +.long-form-features img { + border-radius: 3px; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} +.long-form-features h3 { + margin: 0; +} +.long-form-features p { + color: #7a7a7a; +} +.long-form-features i { + color: #3954ab; +} +.team-profile { + clear: both; +} +.team-profile .img-container { + border-radius: 50%; + float: left; + height: 6.25rem; + overflow: hidden; + margin-right: 1.5625rem; + margin-bottom: 1.5625rem; + width: 6.25rem; +} +.team-profile img { + margin-top: -10px; +} +.registration_message { + padding-top: 30px; + padding-left: 30px; + text-align: center ; +} +.registration_message div { + margin-top: 20px; + font-size: 16px; +} +.quote.pull-right { + margin-top: -50px; +} +.student-blurb { + font-size: 16px; + line-height: 22px; + padding: 5px; +} +.pricing-pills { + font-size: 18px; + padding-left: 48px; + margin-bottom: 0px; +} +.pricing-pills li a { + padding-bottom: 8px; + padding-top: 8px; + margin-right: 12px; + border-color: #eeeeee #eeeeee #dddddd; + background-color: #eee; +} +.tagline { + margin-bottom: 30px; +} +.tagline p { + font-size: 20px; + line-height: 25px; + text-align: center; +} +span.hashlink { + margin-top: -60px; + /* Size of fixed header */ + padding-bottom: 40px; + display: block; +} +#subscribeForm, +#billingDetailsForm { + width: 500px; + margin: auto; + margin-top: 20px; +} +#subscribeForm .due_now, +#billingDetailsForm .due_now { + display: none; +} +#subscribeForm .due_now { + display: none; +} +.plan-box { + margin: 20px 6px; +} +.plan-box .name { + background-color: #a93529; + border: 1px solid #571b15; + color: white; + -webkit-border-radius: 7px 7px 0 0; + -moz-border-radius: 7px 7px 0 0; + border-radius: 7px 7px 0 0; + padding: 7px; + font-size: 18px; + text-align: center; +} +.plan-box .feature { + padding: 7px; + text-align: center; + border: 1px solid #571b15; + border-top: none; + border-bottom: none; +} +.plan-box .signup { + border: 1px solid #571b15; + -webkit-border-radius: 0 0 7px 7px; + -moz-border-radius: 0 0 7px 7px; + border-radius: 0 0 7px 7px; + padding: 7px; + text-align: center; + background-color: #a93529; +} +.plan-box.big { + margin: 15px 0px; +} +.plan-box.big .name { + padding: 9px; +} +.plan-box.big .feature { + padding: 9px; +} +.plan-box.big .signup { + padding: 9px; +} +.letter-from-founders { + margin: 20px 0; +} +.letter-from-founders p { + font-size: 16px; + line-height: 22px; + color: #666; +} +.portraits img { + border: 3px solid #580e00; +} +.freeTrialBlurb { + padding-left: 40px; +} +.navbar .nav > li > a.lion-bonus { + opacity: 1; + padding: 0; + position: relative; + overflow: hidden; + height: 40px; +} +.navbar .nav > li > a.lion-bonus .lion-voice { + display: inline-block; + border: 1px solid #000000; + background-color: #263872; + position: relative; + padding: 4px 8px; + margin-top: 5px; + margin-right: 54px; + color: white; +} +.navbar .nav > li > a.lion-bonus .lion-voice:hover { + text-decoration: underline; +} +.navbar .nav > li > a.lion-bonus .lion-voice:before { + border-left: 7px solid #000000; + border-top: 7px solid transparent; + border-bottom: 7px solid transparent; + content: ''; + position: absolute; + right: -7px; + top: 10px; +} +.navbar .nav > li > a.lion-bonus .lion-voice:after { + border-left: 6px solid #263872; + border-top: 6px solid transparent; + border-bottom: 6px solid transparent; + content: ''; + position: absolute; + right: -6px; + top: 11px; +} +.navbar .nav > li > a.lion-bonus img { + position: absolute; + top: 3px; + right: 10px; + vertical-align: middle; +} +.navbar .nav > li > a.lion-warning .lion-voice { + border: 1px solid #633b02; + background-color: #f89406; + color: black; + text-shadow: none; +} +.navbar .nav > li > a.lion-warning .lion-voice:before { + border-left: 7px solid #633b02; +} +.navbar .nav > li > a.lion-warning .lion-voice:after { + border-left: 6px solid #f89406; +} +@media (max-width: 1070px) { + .nav > li > a.lion-bonus { + display: none; + } +} +.bonus { + margin-top: 15px; +} +.bonus .page-header h1 { + text-align: center; +} +.bonus h2 { + text-align: center; + font-size: 20px; + line-height: 28px; + margin-bottom: 10px; + margin-top: 16px; +} +.bonus .bonus-banner .bonus-top { + border-bottom: 1px solid #8b9ed9; +} +.bonus .bonus-banner .title a { + display: block; + font-size: 18px; + padding: 20px 62px; + background-color: white; + border-bottom: 1px solid #8b9ed9; +} +.bonus .bonus-banner .title a:hover { + background-color: #b2bee5; +} +.bonus .bonus-banner a.twitter { + background-image: url(/img/social/twitter-32.png); + background-repeat: no-repeat; + background-position: 16px center; +} +.bonus .bonus-banner a.facebook { + background-image: url(/img/social/facebook-32.png); + background-repeat: no-repeat; + background-position: 16px center; +} +.bonus .bonus-banner a.email { + background-image: url(/img/social/mail-32.png); + background-repeat: no-repeat; + background-position: 16px center; +} +.bonus .bonus-banner a.google-plus { + background-image: url(//www.gstatic.com/images/icons/gplus-32.png); + background-repeat: no-repeat; + background-position: 16px center; +} +.bonus .bonus-banner a.link { + background-image: url(/img/social/link-32.png); + background-repeat: no-repeat; + background-position: 16px center; +} +.bonus p.thanks { + font-size: 18px; + line-height: 28px; + margin-top: 10px; + text-align: center; +} +.bonus .number { + position: absolute; + margin-left: -13px; + width: 26px; + padding: 3px 0; + text-align: center; + background-color: #ddd; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.bonus .number.active { + background-color: #0e90d2; + color: white; +} +.bonus .perk { + position: absolute; + background-color: #ddd; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + text-align: center; + padding: 5px 5px; + width: 90px; + margin-left: -50px; +} +.bonus .perk:before { + border-bottom: 8px solid #ddd; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + content: ''; + position: absolute; + left: 42px; + top: -8px; +} +.bonus .perk.active { + color: white; + background-color: #5bb75b; +} +.bonus .perk.active:before { + border-bottom: 8px solid #5bb75b; +} +#link-modal .modal-body { + text-align: center; +} +#link-modal textarea { + width: 95%; + margin-bottom: 0; +} +.sidebar-navigation .bonus-advert { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 7px; +} +.sidebar-navigation .bonus-advert .speech-bubble { + position: relative; + padding: 10px; + background-color: white; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + margin-bottom: 12px; +} +.sidebar-navigation .bonus-advert .speech-bubble a.plain-link { + color: #333333; +} +.sidebar-navigation .bonus-advert .speech-bubble:before { + border-top: 6px solid white; + border-left: 6px solid white; + border-right: 6px solid transparent; + border-bottom: 6px solid transparent; + content: ''; + position: absolute; + left: 70px; + bottom: -12px; +} +.sidebar-navigation .bonus-advert .speech-bubble p { + font-size: 12px; +} +.navbar .navbar-inner { + background-color: white; + background-image: none; + box-shadow: none; + border-bottom: 1px solid #cfcfcf; + height: 40px; + padding: 1rem 2rem; +} +.brand, +.navbar .brand { + background-image: url('/img/logo.png'); + background-repeat: no-repeat; + height: 16px; + margin-top: 0.78125rem; + padding: 0; + width: 128px; +} +.navbar .brand { + margin-left: 0; +} +.navbar .nav > li > a { + border: 2px solid #a93529; + border-radius: 3px; + font-size: 0.8rem; + font-weight: 700; + line-height: 1; + margin-left: 1rem; +} +.navbar .nav > li > a:hover { + border: 2px solid #80281f; + background-color: #80281f; + color: #ffffff; +} +.navbar .nav > li > a:hover > .caret { + color: rgba(255, 255, 255, 0.5); +} +.navbar .nav > li > .highlight { + background-color: #a93529; + color: white; + margin-left: 1rem; +} +.navbar .nav .open > .dropdown-toggle, +.navbar .nav .active > .dropdown-toggle, +.navbar .nav .open.active > .dropdown-toggle { + color: #80281f; + border: 2px solid #80281f; + background-color: #80281f; + color: #ffffff; +} +.navbar .nav .open > .dropdown-toggle > .caret, +.navbar .nav .active > .dropdown-toggle > .caret, +.navbar .nav .open.active > .dropdown-toggle > .caret { + color: rgba(255, 255, 255, 0.5); +} +footer { + border-top: 1px solid #cfcfcf; + padding: 2em; + font-size: 0.9em; +} +footer ul { + list-style: none; + margin: 0px; +} +footer ul li { + display: inline-block; + margin: 0 .5em; +} +footer ul:last-child { + text-align: right; +} +.welcome h1 { + margin-top: 0; +} +.welcome i { + margin-left: -64px; + margin-right: 26px; +} +.project-header .btn-group > .btn { + padding-left: 0.78125rem; + padding-right: 0.78125rem; +} +.project-search { + margin: 1.5625rem 0; +} +.project-tools { + display: inline; +} +#projectList { + list-style-type: none; + height: 420px; + margin: 0; + overflow: hidden; + overflow-y: scroll; +} +#projectList li { + border-bottom: 1px solid #f0f0f0; + padding: 0.390625rem 0; +} +#projectList li:first-child .last-modified, +#projectList li:first-child .owner { + font-size: 1rem; +} +#projectList li:last-child { + border-bottom: 0 none; +} +#projectList li:hover { + background-color: #f0f0f0; +} +#projectList li:first-child:hover { + background-color: white; +} +#projectList li a { + color: #334b98; +} +#projectList li .select-item, +#projectList li .select-all, +#projectList li .title, +#projectList li .last-modified, +#projectList li .owner { + display: inline-block; + vertical-align: top; + margin-right: 1.5625rem; +} +#projectList li .select-item, +#projectList li .select-all { + margin-left: 0.390625rem; +} +#projectList li .title { + width: 50%; +} +#projectList li .last-modified, +#projectList li .owner { + font-size: .8rem; + width: 15%; +} +#projectList li .owner { + margin-right: 0; +} +#projectList li .projectName { + margin-right: 1.5625rem; +} +#projectList .project_entry .tag-label { + margin-right: 5px; + font-size: 12px; + cursor: arrow; + margin-bottom: 5px; +} +#projectList .project_entry .tag-label i { + margin-top: 1px; + cursor: pointer; +} +.normalText { + font-size: 13px; +} +.clickable, +#sections li { + cursor: pointer; + cursor: hand; +} +.tag-list { + border-left: 1px solid #D9D9D9; + padding-left: 16px; +} +.tag-list #allProjectTagsArea ul { + list-style: none; + margin: 0; +} +.tag-list #allProjectTagsArea ul li { + margin: 8px 3px; +} +.tag-list #allProjectTagsArea .number { + padding-left: 5px; + font-size: 12px; + color: #999; +} +.twitter-typeahead .tt-query, +.twitter-typeahead .tt-hint { + margin-bottom: 0; +} +.tt-dropdown-menu { + min-width: 160px; + margin-top: 2px; + padding: 5px 0; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + *border-right-width: 2px; + *border-bottom-width: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} +.tt-suggestion { + display: block; + padding: 3px 20px; +} +.tt-suggestion.tt-is-under-cursor { + color: #fff; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} +.tt-suggestion.tt-is-under-cursor a { + color: #fff; +} +.tt-suggestion p { + margin: 0; +} +#trackChangesPanel .track-changes-diff { + position: absolute; + right: 251px; + left: 0; + top: 0; + bottom: 0; + height: 100%; +} +#trackChangesPanel .track-changes-diff .ace_editor { + position: absolute; + top: 42px; + left: 0; + right: 0; + bottom: 0; +} +#trackChangesPanel .track-changes-diff .ace_editor .ace_active-line, +#trackChangesPanel .track-changes-diff .ace_editor .ace_cursor-layer, +#trackChangesPanel .track-changes-diff .ace_editor .ace_gutter-active-line { + display: none; +} +#trackChangesPanel .track-changes-diff .track-changes-diff-toolbar { + position: absolute; + top: 0; + left: 0; + right: -1px; + height: 32px; + padding: 5px 5px 5px 5px; + margin: 0; + background-color: #282828; + color: white; + border-right: 1px solid white; +} +#trackChangesPanel .track-changes-diff .track-changes-diff-toolbar .number-of-changes, +#trackChangesPanel .track-changes-diff .track-changes-diff-toolbar .restore { + position: absolute; +} +#trackChangesPanel .track-changes-diff .track-changes-diff-toolbar .number-of-changes { + left: 10px; + bottom: 7px; +} +#trackChangesPanel .track-changes-diff .track-changes-diff-toolbar .restore { + right: 10px; + bottom: 5px; + padding: 3px 9px; +} +#trackChangesPanel .track-changes-side-bar { + border-left: 1px solid #999; + height: 100%; + width: 250px; + position: absolute; + right: 0; + background-color: white; +} +#trackChangesPanel .track-changes-side-bar .track-changes-header { + background-color: #444; + border-left: 1px solid #999; + height: 42px; +} +#trackChangesPanel .track-changes-side-bar .track-changes-header h3 { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 700; + color: #eee; + padding-left: 8px; + font-size: 1.2em; + margin-top: 0; +} +#trackChangesPanel .track-changes-side-bar .track-changes-header a { + color: #eee; + position: absolute; + top: 6px; + right: 8px; +} +#trackChangesPanel .track-changes-side-bar .track-changes-header a, +#trackChangesPanel .track-changes-side-bar .track-changes-header i { + color: #eee; +} +#trackChangesPanel .track-changes-side-bar .track-changes-header h3, +#trackChangesPanel .track-changes-side-bar .track-changes-header a, +#trackChangesPanel .track-changes-side-bar .track-changes-header i { + line-height: 2; +} +#trackChangesPanel .track-changes-side-bar .change-list-area { + overflow: scroll; + position: absolute; + left: 0px; + right: 0px; + top: 42px; + bottom: 0px; +} +#trackChangesPanel .track-changes-upgrade-control, +#trackChangesPanel .track-changes-upgrade-popup { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 100; +} +#trackChangesPanel .track-changes-upgrade-popup { + background-color: rgba(128, 128, 128, 0.4); +} +#trackChangesPanel .track-changes-upgrade-popup .message { + margin: auto; + margin-top: 200px; + padding: 10px 10px 14px 10px; + width: 400px; + font-weight: bold; + text-align: center; + background-color: white; + border-radius: 8px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; +} +#trackChangesPanel .track-changes-upgrade-control { + background-color: #eeeeee; + text-align: center; +} +#trackChangesPanel .track-changes-upgrade-control .message { + font-size: 18px; + margin: 12px; + margin-top: 36px; +} +#trackChangesPanel .deleted-change-background, +#trackChangesPanel .deleted-change-foreground, +#trackChangesPanel .inserted-change-background, +#trackChangesPanel .change-name-marker, +#trackChangesPanel .changes-before, +#trackChangesPanel .changes-after { + position: absolute; + z-index: 2; +} +#trackChangesPanel .change-name-marker { + font-size: 0.8em; + padding: 2px 6px; + border-radius: 3px 3px 3px 3px; + -moz-border-radius: 3px 3px 3px 3px; + -webkit-border-radius: 3px 3px 3px 3px; + position: absolute; + border: 1px solid #999; + left: 0; + white-space: pre; +} +#trackChangesPanel .changes-before { + top: 6px; + right: 6px; +} +#trackChangesPanel .changes-after { + bottom: 6px; + right: 6px; +} +#trackChangesPanel .changes-before, +#trackChangesPanel .changes-after { + padding: 4px 8px; + background-color: #eee; + border: 1px solid #999; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +#trackChangesPanel ul.change-list li { + position: relative; + border-bottom: 1px solid #ccc; + cursor: pointer; + user-select: none; + -ms-user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} +#trackChangesPanel ul.change-list li .track-changes-date-header { + background-color: #fafafa; + border-bottom: 1px solid #ccc; + padding: 2px; + font-weight: bold; + line-height: 1.5; + text-align: center; + height: 24px; + display: none; +} +#trackChangesPanel ul.change-list li .change-selectors .change-selector-from { + position: absolute; + bottom: 5px; + left: 8px; + opacity: 0.8; +} +#trackChangesPanel ul.change-list li .change-selectors .change-selector-to { + position: absolute; + top: 5px; + left: 8px; + opacity: 0.8; +} +#trackChangesPanel ul.change-list li .change-selectors .range { + position: absolute; + left: 12px; + width: 4px; + top: 0; + bottom: 0; +} +#trackChangesPanel ul.change-list li .change-description { + padding: 6px 4px 6px 30px; + min-height: 38px; +} +#trackChangesPanel ul.change-list li .change-name { + font-size: 11px; + color: #666; + text-transform: capitalize; +} +#trackChangesPanel ul.change-list li .change-time { + float: right; + color: #666; + font-size: 12px; + display: inline-block; + padding-right: 6px; +} +#trackChangesPanel ul.change-list li .color-square { + display: inline-block; + height: 10px; + width: 10px; + margin-right: 4px; + margin-bottom: -1px; +} +#trackChangesPanel ul.change-list li .changed-docs { + font-weight: bold; +} +#trackChangesPanel ul.change-list li .restore { + display: none; +} +#trackChangesPanel ul.change-list li .restore a { + display: block; + padding: 4px; + text-align: center; + border-top: 1px solid #ccc; +} +#trackChangesPanel ul.change-list li:hover { + background-color: #eaeaea; +} +#trackChangesPanel ul.change-list li.loading-changes, +#trackChangesPanel ul.change-list li.empty-message { + padding: 6px; + cursor: default; +} +#trackChangesPanel ul.change-list li.loading-changes:hover, +#trackChangesPanel ul.change-list li.empty-message:hover { + background-color: inherit; +} +#trackChangesPanel ul.change-list li.selected-change { + background-color: #eaeaea; +} +#trackChangesPanel ul.change-list li.selected-change .change-selectors .range { + background-color: #008fff; +} +#trackChangesPanel ul.change-list li.selected-change-to .change-selectors .range { + top: 10px; +} +#trackChangesPanel ul.change-list li.selected-change-to .change-selectors .change-selector-to { + opacity: 1; +} +#trackChangesPanel ul.change-list li.selected-change-from .change-selectors .range { + bottom: 10px; +} +#trackChangesPanel ul.change-list li.selected-change-from .change-selectors .change-selector-from { + opacity: 1; +} +#trackChangesPanel ul.change-list li.selected-change-from .restore { + display: block; +} +#trackChangesPanel ul.change-list li.first-in-day .track-changes-date-header { + display: block; +} +#trackChangesPanel ul.change-list li.first-in-day .change-selectors .change-selector-to { + top: 28px; +} +#trackChangesPanel ul.change-list li.first-in-day.selected-change-to .change-selectors .range { + top: 33px; +} +#trackChangesPanel ul.change-list li.track-changes-upgrade-oneweek { + padding: 15px; + background-color: #fffbd2; + cursor: default; +} +#trackChangesPanel ul.change-list.hover-state li .change-selectors .range { + background-color: transparent; + top: 0; + bottom: 0; +} +#trackChangesPanel ul.change-list.hover-state li.hover-selected .change-selectors .range { + top: 0; + background-color: #999; +} +#trackChangesPanel ul.change-list.hover-state li.hover-selected-to .change-selectors .range { + top: 10px; +} +#trackChangesPanel ul.change-list.hover-state li.hover-selected-to .change-selectors .change-selector-to { + opacity: 1; +} +#trackChangesPanel ul.change-list.hover-state li.hover-selected-from .change-selectors .range { + bottom: 10px; +} +#trackChangesPanel ul.change-list.hover-state li.hover-selected-from .change-selectors .change-selector-from { + opacity: 1; +} +#trackChangesPanel ul.change-list.hover-state li.first-in-day.hover-selected-to .change-selectors .range { + top: 33px; +} +/* + * Original version: 1.0 © 2010 Andrew Valums ( andrew(at)valums.com ) + * Current Maintainer (2.0+): 2012, Ray Nicholus ( fineuploader(at)garstasio.com ) + * + * Licensed under MIT license, GNU GPL 2 or later, GNU LGPL 2 or later, see license.txt. + */ +.qq-uploader { + position: relative; + width: 100%; +} +.qq-uploader { + text-align: center; +} +.qq-uploader .drag-here { + border: 1px dashed #666; + vertical-align: middle; +} +.qq-uploader .help { + margin-top: 6px; +} +/*.qq-upload-button { + display: block; + width: 105px; + padding: 7px 0; + text-align: center; + background: #880000; + border-bottom: 1px solid #DDD; + color: #FFF; +} +.qq-upload-button-hover { + background: #CC0000; +} +.qq-upload-button-focus { + outline: 1px dotted #000000; +}*/ +.qq-upload-drop-area, +.qq-upload-extra-drop-area { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + min-height: 30px; + z-index: 2; + background: #f89406; + text-align: center; +} +.qq-upload-drop-area span { + display: block; + position: absolute; + top: 50%; + width: 100%; + margin-top: -8px; + font-size: 16px; +} +.qq-upload-extra-drop-area { + position: relative; + margin-top: 50px; + font-size: 16px; + padding-top: 30px; + height: 20px; + min-height: 40px; +} +.qq-upload-drop-area-active { + background: #ad6704; +} +.qq-upload-list { + margin: 0; + padding: 0; + list-style: none; +} +.qq-upload-list li { + margin: 0; + margin-top: 10px; + padding: 9px; + line-height: 15px; + font-size: 16px; + background-color: #cfcfcf; +} +.qq-upload-file, +.qq-upload-spinner, +.qq-upload-size, +.qq-upload-cancel, +.qq-upload-retry, +.qq-upload-failed-text, +.qq-upload-finished, +.qq-upload-delete { + margin-right: 12px; +} +.qq-upload-spinner { + display: inline-block; + background: url("loading.gif"); + width: 15px; + height: 15px; + vertical-align: text-bottom; +} +.qq-drop-processing { + display: none; +} +.qq-drop-processing-spinner { + display: inline-block; + background: url("processing.gif"); + width: 24px; + height: 24px; + vertical-align: text-bottom; +} +.qq-upload-finished { + display: none; + width: 15px; + height: 15px; + vertical-align: text-bottom; +} +.qq-upload-retry, +.qq-upload-delete { + display: none; + color: #000000; +} +.qq-upload-cancel, +.qq-upload-delete { + color: #000000; +} +.qq-upload-retryable .qq-upload-retry { + display: inline; +} +.qq-upload-size, +.qq-upload-cancel, +.qq-upload-retry, +.qq-upload-delete { + font-size: 12px; + font-weight: normal; +} +.qq-upload-failed-text { + display: none; + font-style: italic; + font-weight: bold; +} +.qq-upload-failed-icon { + display: none; + width: 15px; + height: 15px; + vertical-align: text-bottom; +} +.qq-upload-fail .qq-upload-failed-text { + display: inline; +} +.qq-upload-retrying .qq-upload-failed-text { + display: inline; + color: #D60000; +} +.qq-upload-list li.qq-upload-success { + background-color: #46a546; + color: #FFFFFF; +} +.qq-upload-list li.qq-upload-fail { + background-color: #a93529; + color: #FFFFFF; +} +.qq-progress-bar { + background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); + /* IE10+ */ + background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); + /* W3C */ + width: 0%; + height: 15px; + border-radius: 6px; + margin-bottom: 3px; + display: none; +} +/* + * DO NOT EDIT THIS FILE DIRECTLY + * Compiled from bootstrap-tagmanager.less based on Bootstrap 2.3.1 variables + * https://github.com/twitter/bootstrap/blob/master/less/variables.less + */ +.tm-tag { + color: #555555; + background-color: #f5f5f5; + border: #bbbbbb 1px solid; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; + display: inline-block; + border-radius: 3px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + margin: 0 5px 5px 0; + padding: 4px; + text-decoration: none; + transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; + -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; + -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; + vertical-align: middle; +} +.tm-tag .tm-tag-remove { + color: #000000; + font-weight: bold; + margin-left: 4px; + opacity: 0.2; +} +.tm-tag .tm-tag-remove:hover { + color: #000000; + text-decoration: none; + opacity: 0.4; +} +.tm-tag.tm-tag-warning { + color: #945203; + background-color: #f2c889; + border-color: #f0a12f; +} +.tm-tag.tm-tag-error { + color: #84212e; + background-color: #e69ca6; + border-color: #d24a5d; +} +.tm-tag.tm-tag-success { + color: #638421; + background-color: #cde69c; + border-color: #a5d24a; +} +.tm-tag.tm-tag-info { + color: #4594b5; + background-color: #c5eefa; + border-color: #5dc8f7; +} +.tm-tag.tm-tag-inverse { + color: #cccccc; + background-color: #555555; + border-color: #333333; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; +} +.tm-tag.tm-tag-inverse .tm-tag-remove { + color: #ffffff; +} +.tm-tag.tm-tag-large { + font-size: 16.25px; + border-radius: 4px; + padding: 11px 7px; +} +.tm-tag.tm-tag-small { + font-size: 11.049999999999999px; + border-radius: 3px; + padding: 2px 4px; +} +.tm-tag.tm-tag-mini { + font-size: 9.75px; + border-radius: 2px; + padding: 0px 2px; +} +.tm-tag.tm-tag-plain { + color: #333333; + box-shadow: none; + background: none; + border: none; +} +.tm-tag.tm-tag-disabled { + color: #aaaaaa; + background-color: #e6e6e6; + border-color: #cccccc; + box-shadow: none; +} +.tm-tag.tm-tag-disabled .tm-tag-remove { + display: none; +} +input[type="text"].tm-input { + margin-bottom: 5px; +} +.control-group.tm-group { + margin-bottom: 5px; +} +.form-horizontal .control-group.tm-group { + margin-bottom: 15px; +} diff --git a/services/web/test/UnitTests/coffee/Blog/BlogControllerTests.coffee b/services/web/test/UnitTests/coffee/Blog/BlogControllerTests.coffee new file mode 100644 index 0000000000..c13a89baea --- /dev/null +++ b/services/web/test/UnitTests/coffee/Blog/BlogControllerTests.coffee @@ -0,0 +1,60 @@ + +should = require('chai').should() +SandboxedModule = require('sandboxed-module') +assert = require('assert') +path = require('path') +sinon = require('sinon') +modulePath = path.join __dirname, "../../../../app/js/Features/Blog/BlogController" +expect = require("chai").expect + +describe "BlogController", -> + + beforeEach -> + + @settings = + apis: + blog: + url:"http://blog.sharelatex.env" + @request = + get: sinon.stub() + @BlogController = SandboxedModule.require modulePath, requires: + "settings-sharelatex":@settings + "logger-sharelatex": log:-> + "request": @request + + @req = {} + @res = {} + + + describe "getPage", ()-> + + it "should get the data from the blog api", (done)-> + @req.url = "/blog/something.html" + body = {"stuff":"here"} + + @request.get.callsArgWith(1, null, null, JSON.stringify(body)) + @res.render = (view, data)=> + @request.get.calledWith("#{@settings.apis.blog.url}#{@req.url}") + view.should.equal "blog/blog_holder" + assert.deepEqual body, data + done() + + @BlogController.getPage @req, @res + + it "should proxy the image urls", (done)-> + @BlogController._directProxy = sinon.stub() + @req.url = "/something.png" + @BlogController.getPage @req, @res + @BlogController._directProxy.calledWith("#{@settings.apis.blog.url}#{@req.url}", @res).should.equal true + done() + + + describe "getIndexPage", -> + + it "should change the url and send it to getPage", (done)-> + @req.url = "/blog" + @BlogController.getPage = (req, res)-> + req.url.should.equal "/blog/index.html" + done() + @BlogController.getIndexPage @req, @res +