diff --git a/addons/website/__openerp__.py b/addons/website/__openerp__.py index 51e984d1afb..d1a258d171d 100644 --- a/addons/website/__openerp__.py +++ b/addons/website/__openerp__.py @@ -20,8 +20,7 @@ OpenERP Website CMS 'static/src/js/website.js', ], 'css': [ - 'static/lib/bootstrap/css/bootstrap.css', - 'static/src/css/*.css', + 'static/src/css/editor.css', ], 'qweb': ['static/src/xml/*.xml'], } diff --git a/addons/website/controllers/main.py b/addons/website/controllers/main.py index 8956c59e034..83af820b976 100644 --- a/addons/website/controllers/main.py +++ b/addons/website/controllers/main.py @@ -1,12 +1,21 @@ # -*- coding: utf-8 -*- +import base64 +import json +import logging import urllib +import cStringIO + +from PIL import Image, ImageOps import openerp from openerp.addons.web import http from openerp.addons.web.controllers.main import manifest_list from openerp.addons.web.http import request +import werkzeug +import werkzeug.exceptions +import werkzeug.wrappers - +logger = logging.getLogger(__name__) def template_values(): script = "\n".join(['' % i for i in manifest_list('js', db=request.db)]) @@ -46,8 +55,14 @@ class Website(openerp.addons.web.controllers.main.Home): values = template_values() uid = values['uid'] imd = request.registry['ir.model.data'] + view = request.registry['ir.ui.view'] view_model, view_id = imd.get_object_reference(request.cr, uid, 'website', 'default_page') - newview_id = request.registry['ir.ui.view'].copy(request.cr, uid, view_id) + newview_id = view.copy(request.cr, uid, view_id) + newview = view.browse(request.cr, uid, newview_id, context={}) + newview.write({ + 'arch': newview.arch.replace("website.default_page", path), + 'name': "page/%s" % path + }) if '.' in path: module, idname = path.split('.') else: @@ -58,9 +73,9 @@ class Website(openerp.addons.web.controllers.main.Home): 'module': module, 'model': 'ir.ui.view', 'res_id': newview_id, + 'noupdate': True }) - # TODO: replace by a redirect - return self.page(path) + return werkzeug.utils.redirect("/page/%s" % path) @http.route('/page/', type='http', auth="admin") def page(self, path): @@ -89,4 +104,48 @@ class Website(openerp.addons.web.controllers.main.Home): html = request.registry.get("ir.ui.view").render(request.cr, uid, 'website.404', values, context) return html + @http.route('/website/attach', type='http', auth='admin') # FIXME: auth + def attach(self, CKEditorFuncNum, CKEditor, langCode, upload): + req = request.httprequest + if req.method != 'POST': + return werkzeug.exceptions.MethodNotAllowed(valid_methods=['POST']) + + url = message = None + try: + attachment_id = request.registry['ir.attachment'].create(request.cr, request.uid, { + 'name': upload.filename, + 'datas': base64.encodestring(upload.read()), + 'datas_fname': upload.filename, + 'res_model': 'ir.ui.view', + }, request.context) + # FIXME: auth=user... no good. + url = '/website/attachment/%d' % attachment_id + except Exception, e: + logger.exception("Failed to upload image to attachment") + message = str(e) + + return """""" % (int(CKEditorFuncNum), json.dumps(url), json.dumps(message)) + + @http.route('/website/attachment/', type='http', auth="admin") + def attachment(self, id): + # FIXME: can't use Binary.image because auth=user and website attachments need to be public + attachment = request.registry['ir.attachment'].browse( + request.cr, request.uid, id, request.context) + + buf = cStringIO.StringIO(base64.decodestring(attachment.datas)) + + image = Image.open(buf) + image.thumbnail((1024, 768), Image.ANTIALIAS) + + response = werkzeug.wrappers.Response(status=200, mimetype={ + 'PNG': 'image/png', + 'JPEG': 'image/jpeg', + 'GIF': 'image/gif', + }[image.format]) + image.save(response.stream, image.format) + + return response + # vim:expandtab:tabstop=4:softtabstop=4:shiftwidth=4: diff --git a/addons/website/static/lib/bootstrap/css/bootstrap-flatly.css b/addons/website/static/lib/bootstrap/css/bootstrap-flatly.css new file mode 100644 index 00000000000..cf5de22f74b --- /dev/null +++ b/addons/website/static/lib/bootstrap/css/bootstrap-flatly.css @@ -0,0 +1,6851 @@ +@import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic"); + +/*! + * Bootstrap v2.3.2 + * + * 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. + */ + +.clearfix { + *zoom: 1; +} + +.clearfix:before, +.clearfix:after { + display: table; + line-height: 0; + content: ""; +} + +.clearfix:after { + clear: both; +} + +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +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 #333; + 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 { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} + +#map_canvas img, +.google-maps img { + max-width: none; +} + +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, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + +body { + margin: 0; + font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + line-height: 20px; + color: #2c3e50; + background-color: #ffffff; +} + +a { + color: #1abc9c; + text-decoration: none; +} + +a:hover, +a:focus { + color: #1dd2af; + text-decoration: underline; +} + +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; +} + +.row { + margin-left: -20px; + *zoom: 1; +} + +.row:before, +.row:after { + display: table; + line-height: 0; + content: ""; +} + +.row:after { + clear: both; +} + +[class*="span"] { + float: left; + min-height: 1px; + margin-left: 20px; +} + +.container, +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} + +.span12 { + width: 940px; +} + +.span11 { + width: 860px; +} + +.span10 { + width: 780px; +} + +.span9 { + width: 700px; +} + +.span8 { + width: 620px; +} + +.span7 { + width: 540px; +} + +.span6 { + width: 460px; +} + +.span5 { + width: 380px; +} + +.span4 { + width: 300px; +} + +.span3 { + width: 220px; +} + +.span2 { + width: 140px; +} + +.span1 { + width: 60px; +} + +.offset12 { + margin-left: 980px; +} + +.offset11 { + margin-left: 900px; +} + +.offset10 { + margin-left: 820px; +} + +.offset9 { + margin-left: 740px; +} + +.offset8 { + margin-left: 660px; +} + +.offset7 { + margin-left: 580px; +} + +.offset6 { + margin-left: 500px; +} + +.offset5 { + margin-left: 420px; +} + +.offset4 { + margin-left: 340px; +} + +.offset3 { + margin-left: 260px; +} + +.offset2 { + margin-left: 180px; +} + +.offset1 { + margin-left: 100px; +} + +.row-fluid { + width: 100%; + *zoom: 1; +} + +.row-fluid:before, +.row-fluid:after { + display: table; + line-height: 0; + content: ""; +} + +.row-fluid:after { + clear: both; +} + +.row-fluid [class*="span"] { + display: block; + float: left; + width: 100%; + min-height: 30px; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.row-fluid [class*="span"]:first-child { + margin-left: 0; +} + +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; +} + +.row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; +} + +.row-fluid .span11 { + width: 91.48936170212765%; + *width: 91.43617021276594%; +} + +.row-fluid .span10 { + width: 82.97872340425532%; + *width: 82.92553191489361%; +} + +.row-fluid .span9 { + width: 74.46808510638297%; + *width: 74.41489361702126%; +} + +.row-fluid .span8 { + width: 65.95744680851064%; + *width: 65.90425531914893%; +} + +.row-fluid .span7 { + width: 57.44680851063829%; + *width: 57.39361702127659%; +} + +.row-fluid .span6 { + width: 48.93617021276595%; + *width: 48.88297872340425%; +} + +.row-fluid .span5 { + width: 40.42553191489362%; + *width: 40.37234042553192%; +} + +.row-fluid .span4 { + width: 31.914893617021278%; + *width: 31.861702127659576%; +} + +.row-fluid .span3 { + width: 23.404255319148934%; + *width: 23.351063829787233%; +} + +.row-fluid .span2 { + width: 14.893617021276595%; + *width: 14.840425531914894%; +} + +.row-fluid .span1 { + width: 6.382978723404255%; + *width: 6.329787234042553%; +} + +.row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; +} + +.row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; +} + +.row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; +} + +.row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; +} + +.row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; +} + +.row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; +} + +.row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; +} + +.row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; +} + +.row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; +} + +.row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; +} + +.row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; +} + +.row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; +} + +.row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; +} + +.row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; +} + +.row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; +} + +.row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; +} + +.row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; +} + +.row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; +} + +.row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; +} + +.row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; +} + +.row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; +} + +.row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; +} + +.row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; +} + +.row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; +} + +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} + +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; +} + +.container { + margin-right: auto; + margin-left: auto; + *zoom: 1; +} + +.container:before, +.container:after { + display: table; + line-height: 0; + content: ""; +} + +.container:after { + clear: both; +} + +.container-fluid { + padding-right: 20px; + padding-left: 20px; + *zoom: 1; +} + +.container-fluid:before, +.container-fluid:after { + display: table; + line-height: 0; + content: ""; +} + +.container-fluid:after { + clear: both; +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 22.5px; + font-weight: 200; + line-height: 30px; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #b4bcc2; +} + +a.muted:hover, +a.muted:focus { + color: #98a3ab; +} + +.text-warning { + color: #e6bb0d; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #b6940a; +} + +.text-error { + color: #e74c3c; +} + +a.text-error:hover, +a.text-error:focus { + color: #d62c1a; +} + +.text-info { + color: #3498db; +} + +a.text-info:hover, +a.text-info:focus { + color: #217dbb; +} + +.text-success { + color: #18bc9c; +} + +a.text-success:hover, +a.text-success:focus { + color: #128f76; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 10px 0; + font-family: inherit; + font-weight: bold; + line-height: 20px; + color: inherit; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #b4bcc2; +} + +h1, +h2, +h3 { + line-height: 40px; +} + +h1 { + font-size: 41.25px; +} + +h2 { + font-size: 33.75px; +} + +h3 { + font-size: 26.25px; +} + +h4 { + font-size: 18.75px; +} + +h5 { + font-size: 15px; +} + +h6 { + font-size: 12.75px; +} + +h1 small { + font-size: 26.25px; +} + +h2 small { + font-size: 18.75px; +} + +h3 small { + font-size: 15px; +} + +h4 small { + font-size: 15px; +} + +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #ecf0f1; +} + +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} + +li { + line-height: 20px; +} + +ul.unstyled, +ol.unstyled { + margin-left: 0; + list-style: none; +} + +ul.inline, +ol.inline { + margin-left: 0; + list-style: none; +} + +ul.inline > li, +ol.inline > li { + display: inline-block; + *display: inline; + padding-right: 5px; + padding-left: 5px; + *zoom: 1; +} + +dl { + margin-bottom: 20px; +} + +dt, +dd { + line-height: 20px; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 10px; +} + +.dl-horizontal { + *zoom: 1; +} + +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + line-height: 0; + content: ""; +} + +.dl-horizontal:after { + clear: both; +} + +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dl-horizontal dd { + margin-left: 180px; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #ecf0f1; + border-bottom: 1px solid #ffffff; +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #b4bcc2; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #ecf0f1; +} + +blockquote p { + margin-bottom: 0; + font-size: 18.75px; + font-weight: 300; + line-height: 1.25; +} + +blockquote small { + display: block; + line-height: 20px; + color: #b4bcc2; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #ecf0f1; + border-left: 0; +} + +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} + +blockquote.pull-right small:before { + content: ''; +} + +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 13px; + color: #7b8a8b; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +code { + padding: 2px 4px; + color: #d14; + white-space: nowrap; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 14px; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +form { + margin: 0 0 20px; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 22.5px; + line-height: 40px; + color: #7b8a8b; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +legend small { + font-size: 15px; + color: #b4bcc2; +} + +label, +input, +button, +select, +textarea { + font-size: 15px; + font-weight: normal; + line-height: 20px; +} + +input, +button, +select, +textarea { + font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +label { + display: block; + margin-bottom: 5px; +} + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 15px; + line-height: 20px; + color: #95a5a6; + vertical-align: middle; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +input, +textarea, +.uneditable-input { + width: 206px; +} + +textarea { + height: auto; +} + +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: #ffffff; + border: 1px solid #dce4ec; + -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; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -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); +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + *margin-top: 0; + line-height: normal; +} + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} + +select, +input[type="file"] { + height: 30px; + /* 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: 30px; +} + +select { + width: 220px; + background-color: #ffffff; + border: 1px solid #dce4ec; +} + +select[multiple], +select[size] { + height: auto; +} + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.uneditable-input, +.uneditable-textarea { + color: #b4bcc2; + cursor: not-allowed; + background-color: #fcfcfc; + border-color: #dce4ec; + -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); +} + +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} + +.uneditable-textarea { + width: auto; + height: auto; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #b4bcc2; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #b4bcc2; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #b4bcc2; +} + +.radio, +.checkbox { + min-height: 20px; + padding-left: 20px; +} + +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.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-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[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"] { + float: none; + margin-left: 0; +} + +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"], +.row-fluid .input-prepend [class*="span"], +.row-fluid .input-append [class*="span"] { + display: inline-block; +} + +input, +textarea, +.uneditable-input { + margin-left: 0; +} + +.controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; +} + +input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 926px; +} + +input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 846px; +} + +input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 766px; +} + +input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 686px; +} + +input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 606px; +} + +input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 526px; +} + +input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 446px; +} + +input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 366px; +} + +input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 286px; +} + +input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 206px; +} + +input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 126px; +} + +input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 46px; +} + +.controls-row { + *zoom: 1; +} + +.controls-row:before, +.controls-row:after { + display: table; + line-height: 0; + content: ""; +} + +.controls-row:after { + clear: both; +} + +.controls-row [class*="span"], +.row-fluid .controls-row [class*="span"] { + float: left; +} + +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #eaeded; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: transparent; +} + +.control-group.warning .control-label, +.control-group.warning .help-block, +.control-group.warning .help-inline { + color: #e6bb0d; +} + +.control-group.warning .checkbox, +.control-group.warning .radio, +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + color: #e6bb0d; +} + +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + border-color: #e6bb0d; + -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); +} + +.control-group.warning input:focus, +.control-group.warning select:focus, +.control-group.warning textarea:focus { + border-color: #b6940a; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6d963; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6d963; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f6d963; +} + +.control-group.warning .input-prepend .add-on, +.control-group.warning .input-append .add-on { + color: #e6bb0d; + background-color: #f7f3e1; + border-color: #e6bb0d; +} + +.control-group.error .control-label, +.control-group.error .help-block, +.control-group.error .help-inline { + color: #e74c3c; +} + +.control-group.error .checkbox, +.control-group.error .radio, +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + color: #e74c3c; +} + +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + border-color: #e74c3c; + -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); +} + +.control-group.error input:focus, +.control-group.error select:focus, +.control-group.error textarea:focus { + border-color: #d62c1a; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f29f97; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f29f97; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f29f97; +} + +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + color: #e74c3c; + background-color: #ffffff; + border-color: #e74c3c; +} + +.control-group.success .control-label, +.control-group.success .help-block, +.control-group.success .help-inline { + color: #18bc9c; +} + +.control-group.success .checkbox, +.control-group.success .radio, +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + color: #18bc9c; +} + +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + border-color: #18bc9c; + -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); +} + +.control-group.success input:focus, +.control-group.success select:focus, +.control-group.success textarea:focus { + border-color: #128f76; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #51e9cb; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #51e9cb; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #51e9cb; +} + +.control-group.success .input-prepend .add-on, +.control-group.success .input-append .add-on { + color: #18bc9c; + background-color: #cdede7; + border-color: #18bc9c; +} + +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3498db; +} + +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3498db; +} + +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3498db; + -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); +} + +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #217dbb; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8bc4ea; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8bc4ea; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8bc4ea; +} + +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3498db; + background-color: #f1f6f9; + border-color: #3498db; +} + +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus: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: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + *zoom: 1; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +.help-block, +.help-inline { + color: #476481; +} + +.help-block { + display: block; + margin-bottom: 10px; +} + +.help-inline { + display: inline-block; + *display: inline; + padding-left: 5px; + vertical-align: middle; + *zoom: 1; +} + +.input-append, +.input-prepend { + display: inline-block; + margin-bottom: 10px; + font-size: 0; + white-space: nowrap; + vertical-align: middle; +} + +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input, +.input-append .dropdown-menu, +.input-prepend .dropdown-menu, +.input-append .popover, +.input-prepend .popover { + font-size: 15px; +} + +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { + position: relative; + margin-bottom: 0; + *margin-left: 0; + vertical-align: top; + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-append input:focus, +.input-prepend input:focus, +.input-append select:focus, +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { + z-index: 2; +} + +.input-append .add-on, +.input-prepend .add-on { + display: inline-block; + width: auto; + height: 20px; + min-width: 16px; + padding: 4px 5px; + font-size: 15px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + background-color: #ecf0f1; + border: 1px solid #ccc; +} + +.input-append .add-on, +.input-prepend .add-on, +.input-append .btn, +.input-prepend .btn, +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.input-append .active, +.input-prepend .active { + background-color: #7eefd9; + border-color: #18bc9c; +} + +.input-prepend .add-on, +.input-prepend .btn { + margin-right: -1px; +} + +.input-prepend .add-on:first-child, +.input-prepend .btn:first-child { + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; +} + +.input-append input, +.input-append select, +.input-append .uneditable-input { + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; +} + +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; +} + +.input-append .add-on:last-child, +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-prepend.input-append input, +.input-prepend.input-append select, +.input-prepend.input-append .uneditable-input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-prepend.input-append .add-on:first-child, +.input-prepend.input-append .btn:first-child { + margin-right: -1px; + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; +} + +.input-prepend.input-append .add-on:last-child, +.input-prepend.input-append .btn:last-child { + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} + +input.search-query { + padding-right: 14px; + padding-right: 4px \9; + padding-left: 14px; + padding-left: 4px \9; + /* IE7-8 doesn't have border-radius, so don't indent the padding */ + + margin-bottom: 0; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} + +/* Allow for input prepend/append in search forms */ + +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.form-search .input-append .search-query { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} + +.form-search .input-append .btn { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} + +.form-search .input-prepend .search-query { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} + +.form-search .input-prepend .btn { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} + +.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, +.form-search .input-prepend, +.form-inline .input-prepend, +.form-horizontal .input-prepend, +.form-search .input-append, +.form-inline .input-append, +.form-horizontal .input-append { + display: inline-block; + *display: inline; + margin-bottom: 0; + vertical-align: middle; + *zoom: 1; +} + +.form-search .hide, +.form-inline .hide, +.form-horizontal .hide { + display: none; +} + +.form-search label, +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { + display: inline-block; +} + +.form-search .input-append, +.form-inline .input-append, +.form-search .input-prepend, +.form-inline .input-prepend { + margin-bottom: 0; +} + +.form-search .radio, +.form-search .checkbox, +.form-inline .radio, +.form-inline .checkbox { + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; +} + +.form-search .radio input[type="radio"], +.form-search .checkbox input[type="checkbox"], +.form-inline .radio input[type="radio"], +.form-inline .checkbox input[type="checkbox"] { + float: left; + margin-right: 3px; + margin-left: 0; +} + +.control-group { + margin-bottom: 10px; +} + +legend + .control-group { + margin-top: 20px; + -webkit-margin-top-collapse: separate; +} + +.form-horizontal .control-group { + margin-bottom: 20px; + *zoom: 1; +} + +.form-horizontal .control-group:before, +.form-horizontal .control-group:after { + display: table; + line-height: 0; + content: ""; +} + +.form-horizontal .control-group:after { + clear: both; +} + +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; +} + +.form-horizontal .controls { + *display: inline-block; + *padding-left: 20px; + margin-left: 180px; + *margin-left: 0; +} + +.form-horizontal .controls:first-child { + *padding-left: 180px; +} + +.form-horizontal .help-block { + margin-bottom: 0; +} + +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} + +.form-horizontal .form-actions { + padding-left: 180px; +} + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} + +.table { + width: 100%; + margin-bottom: 20px; +} + +.table th, +.table td { + padding: 8px; + line-height: 20px; + text-align: left; + vertical-align: top; + border-top: 1px solid #dddddd; +} + +.table th { + font-weight: bold; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} + +.table tbody + tbody { + border-top: 2px solid #dddddd; +} + +.table .table { + background-color: #ffffff; +} + +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + *border-collapse: collapse; + border-left: 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} + +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.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, +.table-bordered tbody:first-child tr:first-child > th:first-child { + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; +} + +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; +} + +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; +} + +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { + -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; +} + +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; +} + +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; +} + +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; +} + +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; +} + +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} + +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { + background-color: #f5f5f5; +} + +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table td.span1, +.table th.span1 { + float: none; + width: 44px; + margin-left: 0; +} + +.table td.span2, +.table th.span2 { + float: none; + width: 124px; + margin-left: 0; +} + +.table td.span3, +.table th.span3 { + float: none; + width: 204px; + margin-left: 0; +} + +.table td.span4, +.table th.span4 { + float: none; + width: 284px; + margin-left: 0; +} + +.table td.span5, +.table th.span5 { + float: none; + width: 364px; + margin-left: 0; +} + +.table td.span6, +.table th.span6 { + float: none; + width: 444px; + margin-left: 0; +} + +.table td.span7, +.table th.span7 { + float: none; + width: 524px; + margin-left: 0; +} + +.table td.span8, +.table th.span8 { + float: none; + width: 604px; + margin-left: 0; +} + +.table td.span9, +.table th.span9 { + float: none; + width: 684px; + margin-left: 0; +} + +.table td.span10, +.table th.span10 { + float: none; + width: 764px; + margin-left: 0; +} + +.table td.span11, +.table th.span11 { + float: none; + width: 844px; + margin-left: 0; +} + +.table td.span12, +.table th.span12 { + float: none; + width: 924px; + margin-left: 0; +} + +.table tbody tr.success > td { + background-color: #cdede7; +} + +.table tbody tr.error > td { + background-color: #ffffff; +} + +.table tbody tr.warning > td { + background-color: #f7f3e1; +} + +.table tbody tr.info > td { + background-color: #f1f6f9; +} + +.table-hover tbody tr.success:hover > td { + background-color: #bae6de; +} + +.table-hover tbody tr.error:hover > td { + background-color: #f2f2f2; +} + +.table-hover tbody tr.warning:hover > td { + background-color: #f2ebcd; +} + +.table-hover tbody tr.info:hover > td { + background-color: #dfeaf1; +} + +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + width: 14px; + height: 14px; + margin-top: 1px; + *margin-right: .3em; + line-height: 14px; + vertical-align: text-top; + background-image: url("../img/glyphicons-halflings.png"); + background-position: 14px 14px; + background-repeat: no-repeat; +} + +/* White icons with optional class, or on hover/focus/active states of certain elements */ + +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:focus > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > li > a:focus > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:focus > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"], +.dropdown-submenu:focus > a > [class*=" icon-"] { + 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 { + width: 16px; + 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 { + width: 16px; + background-position: -384px -120px; +} + +.icon-folder-open { + width: 16px; + background-position: -408px -120px; +} + +.icon-resize-vertical { + background-position: -432px -119px; +} + +.icon-resize-horizontal { + background-position: -456px -118px; +} + +.icon-hdd { + background-position: 0 -144px; +} + +.icon-bullhorn { + background-position: -24px -144px; +} + +.icon-bell { + background-position: -48px -144px; +} + +.icon-certificate { + background-position: -72px -144px; +} + +.icon-thumbs-up { + background-position: -96px -144px; +} + +.icon-thumbs-down { + background-position: -120px -144px; +} + +.icon-hand-right { + background-position: -144px -144px; +} + +.icon-hand-left { + background-position: -168px -144px; +} + +.icon-hand-up { + background-position: -192px -144px; +} + +.icon-hand-down { + background-position: -216px -144px; +} + +.icon-circle-arrow-right { + background-position: -240px -144px; +} + +.icon-circle-arrow-left { + background-position: -264px -144px; +} + +.icon-circle-arrow-up { + background-position: -288px -144px; +} + +.icon-circle-arrow-down { + background-position: -312px -144px; +} + +.icon-globe { + background-position: -336px -144px; +} + +.icon-wrench { + background-position: -360px -144px; +} + +.icon-tasks { + background-position: -384px -144px; +} + +.icon-filter { + background-position: -408px -144px; +} + +.icon-briefcase { + background-position: -432px -144px; +} + +.icon-fullscreen { + background-position: -456px -144px; +} + +.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 #000000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.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: #2c3e50; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0); + *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; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + *width: 100%; + height: 1px; + margin: 9px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: rgba(0, 0, 0, 0.2); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); +} + +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #ffffff; + white-space: nowrap; +} + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + color: #ffffff; + text-decoration: none; + background-color: #17b394; + background-image: -moz-linear-gradient(top, #18bc9c, #15a589); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18bc9c), to(#15a589)); + background-image: -webkit-linear-gradient(top, #18bc9c, #15a589); + background-image: -o-linear-gradient(top, #18bc9c, #15a589); + background-image: linear-gradient(to bottom, #18bc9c, #15a589); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff18bc9c', endColorstr='#ff15a589', GradientType=0); +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #17b394; + background-image: -moz-linear-gradient(top, #18bc9c, #15a589); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18bc9c), to(#15a589)); + background-image: -webkit-linear-gradient(top, #18bc9c, #15a589); + background-image: -o-linear-gradient(top, #18bc9c, #15a589); + background-image: linear-gradient(to bottom, #18bc9c, #15a589); + background-repeat: repeat-x; + outline: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff18bc9c', endColorstr='#ff15a589', GradientType=0); +} + +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #b4bcc2; +} + +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.open { + *z-index: 1000; +} + +.open > .dropdown-menu { + display: block; +} + +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 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 #000000; + 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; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + 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; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: #080b0e; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} + +.dropdown-submenu.pull-left { + float: none; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + z-index: 1051; + margin-top: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #ecf0f1; + border: 1px solid #d7e0e2; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -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); +} + +.well-large { + padding: 24px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.well-small { + padding: 9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.collapse.in { + height: auto; +} + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.4; + filter: alpha(opacity=40); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.btn { + display: inline-block; + *display: inline; + padding: 4px 12px; + margin-bottom: 0; + *margin-left: .3em; + font-size: 15px; + line-height: 20px; + color: #7b8a8b; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #bfc6cb; + *background-color: #d0d5d9; + background-image: -moz-linear-gradient(top, #b4bcc2, #d0d5d9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4bcc2), to(#d0d5d9)); + background-image: -webkit-linear-gradient(top, #b4bcc2, #d0d5d9); + background-image: -o-linear-gradient(top, #b4bcc2, #d0d5d9); + background-image: linear-gradient(to bottom, #b4bcc2, #d0d5d9); + background-repeat: repeat-x; + border: 1px solid #dddddd; + *border: 0; + border-color: #d0d5d9 #d0d5d9 #a6afb7; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #c4c4c4; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb4bcc2', endColorstr='#ffd0d5d9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + *zoom: 1; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn:hover, +.btn:focus, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #7b8a8b; + background-color: #d0d5d9; + *background-color: #c2c9cd; +} + +.btn:active, +.btn.active { + background-color: #b4bcc2 \9; +} + +.btn:first-child { + *margin-left: 0; +} + +.btn:hover, +.btn:focus { + color: #7b8a8b; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn.active, +.btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 18px 36px; + font-size: 18.75px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; +} + +.btn-small { + padding: 2px 12px; + font-size: 12.75px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} + +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} + +.btn-mini { + padding: 1px 8px; + font-size: 11.25px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active, +.btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} + +.btn-primary { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #33485d; + *background-color: #3e5771; + background-image: -moz-linear-gradient(top, #2c3e50, #3e5771); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c3e50), to(#3e5771)); + background-image: -webkit-linear-gradient(top, #2c3e50, #3e5771); + background-image: -o-linear-gradient(top, #2c3e50, #3e5771); + background-image: linear-gradient(to bottom, #2c3e50, #3e5771); + background-repeat: repeat-x; + border-color: #3e5771 #3e5771 #233140; + 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='#ff2c3e50', endColorstr='#ff3e5771', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + color: #ffffff; + background-color: #3e5771; + *background-color: #354b60; +} + +.btn-primary:active, +.btn-primary.active { + background-color: #2c3e50 \9; +} + +.btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #f4a425; + *background-color: #f5b043; + background-image: -moz-linear-gradient(top, #f39c12, #f5b043); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f39c12), to(#f5b043)); + background-image: -webkit-linear-gradient(top, #f39c12, #f5b043); + background-image: -o-linear-gradient(top, #f39c12, #f5b043); + background-image: linear-gradient(to bottom, #f39c12, #f5b043); + background-repeat: repeat-x; + border-color: #f5b043 #f5b043 #e08e0b; + 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='#fff39c12', endColorstr='#fff5b043', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + color: #ffffff; + background-color: #f5b043; + *background-color: #f4a62a; +} + +.btn-warning:active, +.btn-warning.active { + background-color: #f39c12 \9; +} + +.btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #e95d4e; + *background-color: #ed7669; + background-image: -moz-linear-gradient(top, #e74c3c, #ed7669); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e74c3c), to(#ed7669)); + background-image: -webkit-linear-gradient(top, #e74c3c, #ed7669); + background-image: -o-linear-gradient(top, #e74c3c, #ed7669); + background-image: linear-gradient(to bottom, #e74c3c, #ed7669); + background-repeat: repeat-x; + border-color: #ed7669 #ed7669 #e43725; + 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='#ffe74c3c', endColorstr='#ffed7669', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + color: #ffffff; + background-color: #ed7669; + *background-color: #ea6153; +} + +.btn-danger:active, +.btn-danger.active { + background-color: #e74c3c \9; +} + +.btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #1dccaa; + *background-color: #24e3be; + background-image: -moz-linear-gradient(top, #18bc9c, #24e3be); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18bc9c), to(#24e3be)); + background-image: -webkit-linear-gradient(top, #18bc9c, #24e3be); + background-image: -o-linear-gradient(top, #18bc9c, #24e3be); + background-image: linear-gradient(to bottom, #18bc9c, #24e3be); + background-repeat: repeat-x; + border-color: #24e3be #24e3be #15a589; + 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='#ff18bc9c', endColorstr='#ff24e3be', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + color: #ffffff; + background-color: #24e3be; + *background-color: #1bd3af; +} + +.btn-success:active, +.btn-success.active { + background-color: #18bc9c \9; +} + +.btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #45a1de; + *background-color: #5faee3; + background-image: -moz-linear-gradient(top, #3498db, #5faee3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3498db), to(#5faee3)); + background-image: -webkit-linear-gradient(top, #3498db, #5faee3); + background-image: -o-linear-gradient(top, #3498db, #5faee3); + background-image: linear-gradient(to bottom, #3498db, #5faee3); + background-repeat: repeat-x; + border-color: #5faee3 #5faee3 #258cd1; + 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='#ff3498db', endColorstr='#ff5faee3', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + color: #ffffff; + background-color: #5faee3; + *background-color: #4aa3df; +} + +.btn-info:active, +.btn-info.active { + background-color: #3498db \9; +} + +.btn-inverse { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #2c2c2c; + *background-color: #3c3c3c; + background-image: -moz-linear-gradient(top, #222222, #3c3c3c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#3c3c3c)); + background-image: -webkit-linear-gradient(top, #222222, #3c3c3c); + background-image: -o-linear-gradient(top, #222222, #3c3c3c); + background-image: linear-gradient(to bottom, #222222, #3c3c3c); + background-repeat: repeat-x; + border-color: #3c3c3c #3c3c3c #151515; + 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='#ff222222', endColorstr='#ff3c3c3c', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #3c3c3c; + *background-color: #2f2f2f; +} + +.btn-inverse:active, +.btn-inverse.active { + background-color: #222222 \9; +} + +button.btn, +input[type="submit"].btn { + *padding-top: 3px; + *padding-bottom: 3px; +} + +button.btn::-moz-focus-inner, +input[type="submit"].btn::-moz-focus-inner { + padding: 0; + border: 0; +} + +button.btn.btn-large, +input[type="submit"].btn.btn-large { + *padding-top: 7px; + *padding-bottom: 7px; +} + +button.btn.btn-small, +input[type="submit"].btn.btn-small { + *padding-top: 3px; + *padding-bottom: 3px; +} + +button.btn.btn-mini, +input[type="submit"].btn.btn-mini { + *padding-top: 1px; + *padding-bottom: 1px; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.btn-link { + color: #1abc9c; + cursor: pointer; + border-color: transparent; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.btn-link:hover, +.btn-link:focus { + color: #1dd2af; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #7b8a8b; + text-decoration: none; +} + +.btn-group { + position: relative; + display: inline-block; + *display: inline; + *margin-left: .3em; + font-size: 0; + white-space: nowrap; + vertical-align: middle; + *zoom: 1; +} + +.btn-group:first-child { + *margin-left: 0; +} + +.btn-group + .btn-group { + margin-left: 5px; +} + +.btn-toolbar { + margin-top: 10px; + margin-bottom: 10px; + font-size: 0; +} + +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn { + position: relative; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.btn-group > .btn + .btn { + margin-left: -1px; +} + +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 15px; +} + +.btn-group > .btn-mini { + font-size: 11.25px; +} + +.btn-group > .btn-small { + font-size: 12.75px; +} + +.btn-group > .btn-large { + font-size: 18.75px; +} + +.btn-group > .btn:first-child { + margin-left: 0; + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-topleft: 6px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; +} + +.btn-group > .btn.large:first-child { + margin-left: 0; + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -moz-border-radius-topleft: 10px; +} + +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; + -moz-border-radius-topright: 10px; + -moz-border-radius-bottomright: 10px; +} + +.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 > .btn + .dropdown-toggle { + *padding-top: 5px; + padding-right: 8px; + *padding-bottom: 5px; + padding-left: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn-group > .btn-mini + .dropdown-toggle { + *padding-top: 2px; + padding-right: 5px; + *padding-bottom: 2px; + padding-left: 5px; +} + +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; + *padding-bottom: 4px; +} + +.btn-group > .btn-large + .dropdown-toggle { + *padding-top: 7px; + padding-right: 12px; + *padding-bottom: 7px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn-group.open .btn.dropdown-toggle { + background-color: #d0d5d9; +} + +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #3e5771; +} + +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #f5b043; +} + +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #ed7669; +} + +.btn-group.open .btn-success.dropdown-toggle { + background-color: #24e3be; +} + +.btn-group.open .btn-info.dropdown-toggle { + background-color: #5faee3; +} + +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #3c3c3c; +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-large .caret { + margin-top: 6px; +} + +.btn-large .caret { + border-top-width: 5px; + border-right-width: 5px; + border-left-width: 5px; +} + +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-primary .caret, +.btn-warning .caret, +.btn-danger .caret, +.btn-info .caret, +.btn-success .caret, +.btn-inverse .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} + +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.btn-group-vertical > .btn + .btn { + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical > .btn:first-child { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} + +.btn-group-vertical > .btn:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} + +.btn-group-vertical > .btn-large:first-child { + -webkit-border-radius: 10px 10px 0 0; + -moz-border-radius: 10px 10px 0 0; + border-radius: 10px 10px 0 0; +} + +.btn-group-vertical > .btn-large:last-child { + -webkit-border-radius: 0 0 10px 10px; + -moz-border-radius: 0 0 10px 10px; + border-radius: 0 0 10px 10px; +} + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #f7f3e1; + border: 1px solid transparent; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.alert, +.alert h4 { + color: #e6bb0d; +} + +.alert h4 { + margin: 0; +} + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; +} + +.alert-success { + color: #18bc9c; + background-color: #cdede7; + border-color: transparent; +} + +.alert-success h4 { + color: #18bc9c; +} + +.alert-danger, +.alert-error { + color: #e74c3c; + background-color: #ffffff; + border-color: transparent; +} + +.alert-danger h4, +.alert-error h4 { + color: #e74c3c; +} + +.alert-info { + color: #3498db; + background-color: #f1f6f9; + border-color: transparent; +} + +.alert-info h4 { + color: #3498db; +} + +.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-bottom: 20px; + margin-left: 0; + list-style: none; +} + +.nav > li > a { + display: block; +} + +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #ecf0f1; +} + +.nav > li > a > img { + max-width: none; +} + +.nav > .pull-right { + float: right; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #b4bcc2; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} + +.nav li + .nav-header { + margin-top: 9px; +} + +.nav-list { + padding-right: 15px; + padding-left: 15px; + margin-bottom: 0; +} + +.nav-list > li > a, +.nav-list .nav-header { + margin-right: -15px; + margin-left: -15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} + +.nav-list > li > a { + padding: 3px 15px; +} + +.nav-list > .active > a, +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #1abc9c; +} + +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { + margin-right: 2px; +} + +.nav-list .divider { + *width: 100%; + height: 1px; + margin: 9px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.nav-tabs, +.nav-pills { + *zoom: 1; +} + +.nav-tabs:before, +.nav-pills:before, +.nav-tabs:after, +.nav-pills:after { + display: table; + line-height: 0; + 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: 14px; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} + +.nav-tabs > li { + margin-bottom: -1px; +} + +.nav-tabs > li > a { + padding-top: 8px; + padding-bottom: 8px; + line-height: 20px; + border: 1px solid transparent; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { + border-color: #ecf0f1 #ecf0f1 #dddddd; +} + +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { + color: #95a5a6; + cursor: default; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} + +.nav-pills > li > a { + padding-top: 8px; + padding-bottom: 8px; + margin-top: 2px; + margin-bottom: 2px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.nav-pills > .active > a, +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { + color: #ffffff; + background-color: #1abc9c; +} + +.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; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.nav-tabs.nav-stacked > li:first-child > a { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-topleft: 4px; +} + +.nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; +} + +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { + z-index: 2; + border-color: #ddd; +} + +.nav-pills.nav-stacked > li > a { + margin-bottom: 3px; +} + +.nav-pills.nav-stacked > li:last-child > a { + margin-bottom: 1px; +} + +.nav-tabs .dropdown-menu { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} + +.nav-pills .dropdown-menu { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.nav .dropdown-toggle .caret { + margin-top: 6px; + border-top-color: #1abc9c; + border-bottom-color: #1abc9c; +} + +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { + border-top-color: #1dd2af; + border-bottom-color: #1dd2af; +} + +/* move down carets for tabs */ + +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; +} + +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #95a5a6; + border-bottom-color: #95a5a6; +} + +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { + cursor: pointer; +} + +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { + color: #ffffff; + background-color: #b4bcc2; + border-color: #b4bcc2; +} + +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; + opacity: 1; + filter: alpha(opacity=100); +} + +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { + border-color: #b4bcc2; +} + +.tabbable { + *zoom: 1; +} + +.tabbable:before, +.tabbable:after { + display: table; + line-height: 0; + content: ""; +} + +.tabbable:after { + clear: both; +} + +.tab-content { + overflow: auto; +} + +.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 { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { + border-top-color: #ddd; + border-bottom-color: transparent; +} + +.tabs-below > .nav-tabs > .active > a, +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { + 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; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { + border-color: #ecf0f1 #dddddd #ecf0f1 #ecf0f1; +} + +.tabs-left > .nav-tabs .active > a, +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { + 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; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { + border-color: #ecf0f1 #ecf0f1 #ecf0f1 #dddddd; +} + +.tabs-right > .nav-tabs .active > a, +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #ffffff; +} + +.nav > .disabled > a { + color: #b4bcc2; +} + +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.navbar { + *position: relative; + *z-index: 2; + margin-bottom: 20px; + overflow: visible; +} + +.navbar-inner { + min-height: 50px; + padding-right: 20px; + padding-left: 20px; + background-color: #2c3e50; + background-image: -moz-linear-gradient(top, #2c3e50, #2c3e50); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c3e50), to(#2c3e50)); + background-image: -webkit-linear-gradient(top, #2c3e50, #2c3e50); + background-image: -o-linear-gradient(top, #2c3e50, #2c3e50); + background-image: linear-gradient(to bottom, #2c3e50, #2c3e50); + background-repeat: repeat-x; + border: 1px solid #233140; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c3e50', endColorstr='#ff2c3e50', GradientType=0); + *zoom: 1; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); +} + +.navbar-inner:before, +.navbar-inner:after { + display: table; + line-height: 0; + content: ""; +} + +.navbar-inner:after { + clear: both; +} + +.navbar .container { + width: auto; +} + +.nav-collapse.collapse { + height: auto; + overflow: visible; +} + +.navbar .brand { + display: block; + float: left; + padding: 15px 20px 15px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + color: #ffffff; + text-shadow: 0 1px 0 #2c3e50; +} + +.navbar .brand:hover, +.navbar .brand:focus { + text-decoration: none; +} + +.navbar-text { + margin-bottom: 0; + line-height: 50px; + color: #ffffff; +} + +.navbar-link { + color: #ffffff; +} + +.navbar-link:hover, +.navbar-link:focus { + color: #1abc9c; +} + +.navbar .divider-vertical { + height: 50px; + margin: 0 9px; + border-right: 1px solid #2c3e50; + border-left: 1px solid #2c3e50; +} + +.navbar .btn, +.navbar .btn-group { + margin-top: 10px; +} + +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { + margin-top: 0; +} + +.navbar-form { + margin-bottom: 0; + *zoom: 1; +} + +.navbar-form:before, +.navbar-form:after { + display: table; + line-height: 0; + content: ""; +} + +.navbar-form:after { + clear: both; +} + +.navbar-form input, +.navbar-form select, +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 10px; +} + +.navbar-form input, +.navbar-form select, +.navbar-form .btn { + display: inline-block; + margin-bottom: 0; +} + +.navbar-form input[type="image"], +.navbar-form input[type="checkbox"], +.navbar-form input[type="radio"] { + margin-top: 3px; +} + +.navbar-form .input-append, +.navbar-form .input-prepend { + margin-top: 5px; + white-space: nowrap; +} + +.navbar-form .input-append input, +.navbar-form .input-prepend input { + margin-top: 0; +} + +.navbar-search { + position: relative; + float: left; + margin-top: 10px; + margin-bottom: 0; +} + +.navbar-search .search-query { + padding: 4px 14px; + margin-bottom: 0; + font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} + +.navbar-static-top { + position: static; + margin-bottom: 0; +} + +.navbar-static-top .navbar-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; +} + +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + border-width: 0 0 1px; +} + +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; +} + +.navbar-fixed-top .navbar-inner, +.navbar-fixed-bottom .navbar-inner { + padding-right: 0; + padding-left: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); +} + +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; +} + +.navbar .nav.pull-right { + float: right; + margin-right: 0; +} + +.navbar .nav > li { + float: left; +} + +.navbar .nav > li > a { + float: none; + padding: 15px 15px 15px; + color: #ffffff; + text-decoration: none; + text-shadow: 0 1px 0 #2c3e50; +} + +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; +} + +.navbar .nav > li > a:focus, +.navbar .nav > li > a:hover { + color: #1abc9c; + text-decoration: none; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #1abc9c; + text-decoration: none; + background-color: #233140; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); +} + +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-right: 5px; + margin-left: 5px; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #233140; + *background-color: #233140; + background-image: -moz-linear-gradient(top, #233140, #233140); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#233140), to(#233140)); + background-image: -webkit-linear-gradient(top, #233140, #233140); + background-image: -o-linear-gradient(top, #233140, #233140); + background-image: linear-gradient(to bottom, #233140, #233140); + background-repeat: repeat-x; + border-color: #233140 #233140 #080b0e; + 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='#ff233140', endColorstr='#ff233140', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -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); +} + +.navbar .btn-navbar:hover, +.navbar .btn-navbar:focus, +.navbar .btn-navbar:active, +.navbar .btn-navbar.active, +.navbar .btn-navbar.disabled, +.navbar .btn-navbar[disabled] { + color: #ffffff; + background-color: #233140; + *background-color: #1a242f; +} + +.navbar .btn-navbar:active, +.navbar .btn-navbar.active { + background-color: #11181f \9; +} + +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + 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; +} + +.navbar .nav > li > .dropdown-menu:before { + position: absolute; + top: -7px; + left: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0); + content: ''; +} + +.navbar .nav > li > .dropdown-menu:after { + position: absolute; + top: -6px; + left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #2c3e50; + border-left: 6px solid transparent; + content: ''; +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + top: auto; + bottom: -7px; + border-top: 7px solid #ccc; + border-bottom: 0; + border-top-color: rgba(0, 0, 0, 0); +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + top: auto; + bottom: -6px; + border-top: 6px solid #2c3e50; + border-bottom: 0; +} + +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #1abc9c; + border-bottom-color: #1abc9c; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #1abc9c; + background-color: #233140; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #1abc9c; + border-bottom-color: #1abc9c; +} + +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { + right: 12px; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { + right: 13px; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + right: 100%; + left: auto; + margin-right: -1px; + margin-left: 0; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +.navbar-inverse .navbar-inner { + background-color: #18bc9c; + background-image: -moz-linear-gradient(top, #18bc9c, #18bc9c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18bc9c), to(#18bc9c)); + background-image: -webkit-linear-gradient(top, #18bc9c, #18bc9c); + background-image: -o-linear-gradient(top, #18bc9c, #18bc9c); + background-image: linear-gradient(to bottom, #18bc9c, #18bc9c); + background-repeat: repeat-x; + border-color: #15a589; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff18bc9c', endColorstr='#ff18bc9c', GradientType=0); +} + +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .brand:focus, +.navbar-inverse .nav > li > a:focus { + color: #2c3e50; +} + +.navbar-inverse .brand { + color: #ffffff; +} + +.navbar-inverse .navbar-text { + color: #ffffff; +} + +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + color: #2c3e50; + background-color: transparent; +} + +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #2c3e50; + background-color: #15a589; +} + +.navbar-inverse .navbar-link { + color: #ffffff; +} + +.navbar-inverse .navbar-link:hover, +.navbar-inverse .navbar-link:focus { + color: #2c3e50; +} + +.navbar-inverse .divider-vertical { + border-right-color: #18bc9c; + border-left-color: #18bc9c; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #2c3e50; + background-color: #15a589; +} + +.navbar-inverse .nav li.dropdown > a:hover .caret, +.navbar-inverse .nav li.dropdown > a:focus .caret { + border-top-color: #2c3e50; + border-bottom-color: #2c3e50; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #2c3e50; + border-bottom-color: #2c3e50; +} + +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #ffffff; + border-color: #b4bcc2; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} + +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #95a5a6; +} + +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #95a5a6; +} + +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #95a5a6; +} + +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #7b8a8b; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + outline: 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); +} + +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #15a589; + *background-color: #15a589; + background-image: -moz-linear-gradient(top, #15a589, #15a589); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#15a589), to(#15a589)); + background-image: -webkit-linear-gradient(top, #15a589, #15a589); + background-image: -o-linear-gradient(top, #15a589, #15a589); + background-image: linear-gradient(to bottom, #15a589, #15a589); + background-repeat: repeat-x; + border-color: #15a589 #15a589 #0c6251; + 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='#ff15a589', endColorstr='#ff15a589', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:focus, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #15a589; + *background-color: #128f76; +} + +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #0f7864 \9; +} + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.breadcrumb > li { + display: inline-block; + *display: inline; + text-shadow: 0 1px 0 #ffffff; + *zoom: 1; +} + +.breadcrumb > li > .divider { + padding: 0 5px; + color: #ccc; +} + +.breadcrumb > .active { + color: #b4bcc2; +} + +.pagination { + margin: 20px 0; +} + +.pagination ul { + display: inline-block; + *display: inline; + margin-bottom: 0; + margin-left: 0; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + *zoom: 1; + -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 ul > li { + display: inline; +} + +.pagination ul > li > a, +.pagination ul > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination ul > li > a:hover, +.pagination ul > li > a:focus, +.pagination ul > .active > a, +.pagination ul > .active > span { + background-color: #ecf0f1; +} + +.pagination ul > .active > a, +.pagination ul > .active > span { + color: #b4bcc2; + cursor: default; +} + +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { + color: #b4bcc2; + cursor: default; + background-color: transparent; +} + +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { + border-left-width: 1px; + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-topleft: 6px; +} + +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; +} + +.pagination-centered { + text-align: center; +} + +.pagination-right { + text-align: right; +} + +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 18px 36px; + font-size: 18.75px; +} + +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-bottom-left-radius: 10px; + border-bottom-left-radius: 10px; + -webkit-border-top-left-radius: 10px; + border-top-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + -moz-border-radius-topleft: 10px; +} + +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 10px; + border-top-right-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + border-bottom-right-radius: 10px; + -moz-border-radius-topright: 10px; + -moz-border-radius-bottomright: 10px; +} + +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; +} + +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; +} + +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 12px; + font-size: 12.75px; +} + +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 1px 8px; + font-size: 11.25px; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; + *zoom: 1; +} + +.pager:before, +.pager:after { + display: table; + line-height: 0; + content: ""; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} + +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #b4bcc2; + cursor: default; + background-color: #fff; +} + +.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: 10%; + left: 50%; + z-index: 1050; + width: 560px; + margin-left: -280px; + background-color: #ffffff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + *border: 1px solid #999; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + outline: none; + -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); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + +.modal.fade.in { + top: 10%; +} + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} + +.modal-header .close { + margin-top: 2px; +} + +.modal-header h3 { + margin: 0; + line-height: 30px; +} + +.modal-body { + position: relative; + max-height: 400px; + padding: 15px; + overflow-y: auto; +} + +.modal-form { + margin-bottom: 0; +} + +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; + *zoom: 1; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} + +.modal-footer:before, +.modal-footer:after { + display: table; + line-height: 0; + content: ""; +} + +.modal-footer:after { + clear: both; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} + +.tooltip.right { + padding: 0 5px; + margin-left: 3px; +} + +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} + +.tooltip.left { + padding: 0 5px; + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #2c3e50; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: #2c3e50; + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: #2c3e50; + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: #2c3e50; + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: #2c3e50; + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #2c3e50; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -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; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #2c3e50; + border-bottom: 1px solid #233140; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #2c3e50; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #2c3e50; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #2c3e50; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #2c3e50; + border-right-width: 0; +} + +.thumbnails { + margin-left: -20px; + list-style: none; + *zoom: 1; +} + +.thumbnails:before, +.thumbnails:after { + display: table; + line-height: 0; + content: ""; +} + +.thumbnails:after { + clear: both; +} + +.row-fluid .thumbnails { + margin-left: 0; +} + +.thumbnails > li { + float: left; + margin-bottom: 20px; + margin-left: 20px; +} + +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #1abc9c; + -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-right: auto; + margin-left: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #95a5a6; +} + +.media, +.media-body { + overflow: hidden; + *overflow: visible; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > .pull-left { + margin-right: 10px; +} + +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + margin-left: 0; + list-style: none; +} + +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 12.69px; + font-weight: bold; + line-height: 14px; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + white-space: nowrap; + vertical-align: baseline; + background-color: #b4bcc2; +} + +.label { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.badge { + padding-right: 9px; + padding-left: 9px; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + 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: #e74c3c; +} + +.label-important[href], +.badge-important[href] { + background-color: #d62c1a; +} + +.label-warning, +.badge-warning { + background-color: #f39c12; +} + +.label-warning[href], +.badge-warning[href] { + background-color: #c87f0a; +} + +.label-success, +.badge-success { + background-color: #18bc9c; +} + +.label-success[href], +.badge-success[href] { + background-color: #128f76; +} + +.label-info, +.badge-info { + background-color: #3498db; +} + +.label-info[href], +.badge-info[href] { + background-color: #217dbb; +} + +.label-inverse, +.badge-inverse { + background-color: #7b8a8b; +} + +.label-inverse[href], +.badge-inverse[href] { + background-color: #636f70; +} + +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} + +.btn-mini .label, +.btn-mini .badge { + top: 0; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f7f7f7; + background-image: -moz-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(to bottom, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', 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); +} + +.progress .bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #ffffff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e90d2; + background-image: -moz-linear-gradient(top, #149bdf, #0480be); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); + background-image: -webkit-linear-gradient(top, #149bdf, #0480be); + background-image: -o-linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', 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; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); +} + +.progress-striped .bar { + background-color: #149bdf; + 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: -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; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-danger .bar, +.progress .bar-danger { + background-color: #dd514c; + background-image: -moz-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(to bottom, #ee5f5b, #c43c35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); +} + +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { + 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: -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, +.progress .bar-success { + background-color: #5eb95e; + background-image: -moz-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(to bottom, #62c462, #57a957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); +} + +.progress-success.progress-striped .bar, +.progress-striped .bar-success { + 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: -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, +.progress .bar-info { + background-color: #4bb1cf; + background-image: -moz-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(to bottom, #5bc0de, #339bb9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); +} + +.progress-info.progress-striped .bar, +.progress-striped .bar-info { + 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: -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-warning .bar, +.progress .bar-warning { + background-color: #f5ae3e; + background-image: -moz-linear-gradient(top, #f7ba5b, #f39c12); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7ba5b), to(#f39c12)); + background-image: -webkit-linear-gradient(top, #f7ba5b, #f39c12); + background-image: -o-linear-gradient(top, #f7ba5b, #f39c12); + background-image: linear-gradient(to bottom, #f7ba5b, #f39c12); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7ba5b', endColorstr='#fff39c12', GradientType=0); +} + +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { + background-color: #f7ba5b; + 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: -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: 20px; +} + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.accordion-heading { + border-bottom: 0; +} + +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +.accordion-toggle { + cursor: pointer; +} + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} + +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} + +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + line-height: 1; +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .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: #222222; + border: 3px solid #ffffff; + -webkit-border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; + opacity: 0.5; + filter: alpha(opacity=50); +} + +.carousel-control.right { + right: 15px; + left: auto; +} + +.carousel-control:hover, +.carousel-control:focus { + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} + +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} + +.carousel-indicators .active { + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 15px; + background: #7b8a8b; + background: rgba(0, 0, 0, 0.75); +} + +.carousel-caption h4, +.carousel-caption p { + line-height: 20px; + color: #ffffff; +} + +.carousel-caption h4 { + margin: 0 0 5px; +} + +.carousel-caption p { + margin-bottom: 0; +} + +.hero-unit { + padding: 60px; + margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #ecf0f1; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.hero-unit h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + letter-spacing: -1px; + color: inherit; +} + +.hero-unit li { + line-height: 30px; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none; +} + +.show { + display: block; +} + +.invisible { + visibility: hidden; +} + +.affix { + position: fixed; +} + +h1 { + font-size: 48px; + font-weight: 900; +} + +h2 { + font-size: 36px; + font-weight: 700; +} + +h3 { + font-size: 28px; + font-weight: 700; +} + +h4 { + font-size: 24px; + font-weight: 500; +} + +h5 { + font-size: 16px; + font-weight: 500; +} + +h6 { + font-size: 13px; + font-weight: 500; + text-transform: none; +} + +p { + margin-bottom: 1em; +} + +.page-header { + border-bottom: none; +} + +.navbar .brand { + text-shadow: none; +} + +.navbar .brand:hover { + color: #1dd2af; +} + +.navbar .navbar-inner { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.navbar .nav > li > a { + text-shadow: none; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.navbar .navbar-search .search-query { + line-height: normal; + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.navbar .btn-navbar { + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.navbar .btn, +.navbar .btn-group { + margin-top: 6px; +} + +.navbar-inverse .brand:hover { + color: #2c3e50; +} + +.navbar-inverse .navbar-search .search-query { + line-height: normal; + color: #2c3e50; + border-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.navbar-inverse .navbar-search .search-query:focus { + padding: 4px 14px; + color: #2c3e50; +} + +div.subnav { + background-color: #ecf0f1; + background-image: none; + border-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +div.subnav-fixed { + top: 50px; +} + +div.subnav .nav > li > a { + color: #2c3e50; + border-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +div.subnav .nav > .active > a, +div.subnav .nav > .active > a:hover { + color: #2c3e50; + background-color: #cfd9db; + border-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.nav-list > li > a, +.nav-list > .active > a, +.nav-list .nav-header { + text-shadow: none; +} + +.nav-list .divider { + background: none; + border-bottom: 2px solid rgba(0, 0, 0, 0.2); +} + +.nav-pills .open .dropdown-toggle { + background-color: #2c3e50; +} + +.pagination ul { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.pagination ul > li > a { + color: #ffffff; + background-color: #18bc9c; + border-color: transparent; +} + +.pagination ul > li > a:hover { + background-color: #24e3be; +} + +.pagination ul > .active > a, +.pagination ul > .active > a:hover { + color: #2c3e50; + background-color: #ecf0f1; +} + +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover { + color: #ffffff; + background-color: #24e3be; +} + +.pager li > a, +.pager li > span { + color: #ffffff; + background-color: #18bc9c; + border: none; +} + +.pager li > a:hover, +.pager li > span:hover { + background-color: #24e3be; +} + +.pager .disabled > a, +.pager .disabled > span, +.pager .disabled > a:hover, +.pager .disabled > span:hover { + color: #ffffff; + background-color: #24e3be; +} + +.breadcrumb > li { + text-shadow: none; +} + +.btn { + padding: 9px 20px; + color: #ffffff; + text-decoration: none; + text-shadow: none; + background-image: none; + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-transition: 0.25s; + -moz-transition: 0.25s; + transition: 0.25s; +} + +.btn:hover, +.btn:focus { + color: white; + -webkit-transition: 0.25s; + -moz-transition: 0.25s; + transition: 0.25s; +} + +.btn:active, +.btn.active { + color: rgba(255, 255, 255, 0.75); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.btn.disabled, +.btn[disabled] { + color: white; +} + +.btn-large { + padding: 18px 36px; +} + +.btn-small { + padding: 2px 12px; +} + +.btn-mini { + padding: 1px 8px; +} + +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + padding: 7px 6px; + text-indent: 1px; + border: 2px solid #dce4ec; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +textarea:-moz-placeholder, +input[type="text"]:-moz-placeholder, +input[type="password"]:-moz-placeholder, +input[type="datetime"]:-moz-placeholder, +input[type="datetime-local"]:-moz-placeholder, +input[type="date"]:-moz-placeholder, +input[type="month"]:-moz-placeholder, +input[type="time"]:-moz-placeholder, +input[type="week"]:-moz-placeholder, +input[type="number"]:-moz-placeholder, +input[type="email"]:-moz-placeholder, +input[type="url"]:-moz-placeholder, +input[type="search"]:-moz-placeholder, +input[type="tel"]:-moz-placeholder, +input[type="color"]:-moz-placeholder, +.uneditable-input:-moz-placeholder { + color: #acb6c0; +} + +textarea:-ms-input-placeholder, +input[type="text"]:-ms-input-placeholder, +input[type="password"]:-ms-input-placeholder, +input[type="datetime"]:-ms-input-placeholder, +input[type="datetime-local"]:-ms-input-placeholder, +input[type="date"]:-ms-input-placeholder, +input[type="month"]:-ms-input-placeholder, +input[type="time"]:-ms-input-placeholder, +input[type="week"]:-ms-input-placeholder, +input[type="number"]:-ms-input-placeholder, +input[type="email"]:-ms-input-placeholder, +input[type="url"]:-ms-input-placeholder, +input[type="search"]:-ms-input-placeholder, +input[type="tel"]:-ms-input-placeholder, +input[type="color"]:-ms-input-placeholder, +.uneditable-input:-ms-input-placeholder { + color: #acb6c0; +} + +textarea::-webkit-input-placeholder, +input[type="text"]::-webkit-input-placeholder, +input[type="password"]::-webkit-input-placeholder, +input[type="datetime"]::-webkit-input-placeholder, +input[type="datetime-local"]::-webkit-input-placeholder, +input[type="date"]::-webkit-input-placeholder, +input[type="month"]::-webkit-input-placeholder, +input[type="time"]::-webkit-input-placeholder, +input[type="week"]::-webkit-input-placeholder, +input[type="number"]::-webkit-input-placeholder, +input[type="email"]::-webkit-input-placeholder, +input[type="url"]::-webkit-input-placeholder, +input[type="search"]::-webkit-input-placeholder, +input[type="tel"]::-webkit-input-placeholder, +input[type="color"]::-webkit-input-placeholder, +.uneditable-input::-webkit-input-placeholder { + color: #acb6c0; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: #1abc9c; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.input-prepend .add-on:first-child, +.input-prepend .btn:first-child { + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; +} + +.input-append input, +.input-append select, +.input-append .uneditable-input { + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; +} + +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-append .add-on:last-child, +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-prepend input, +.input-append input, +.input-prepend select, +.input-append select, +.input-prepend .uneditable-input, +.input-append .uneditable-input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.input-prepend input + .btn-group .btn, +.input-append input + .btn-group .btn, +.input-prepend select + .btn-group .btn, +.input-append select + .btn-group .btn, +.input-prepend .uneditable-input + .btn-group .btn, +.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-prepend .add-on:first-child, +.input-append .add-on:first-child, +.input-prepend .btn:first-child, +.input-append .btn:first-child { + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; +} + +.input-prepend .add-on:last-child, +.input-append .add-on:last-child, +.input-prepend .btn:last-child, +.input-append .btn:last-child { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; +} + +.input-append .add-on, +.input-prepend .add-on { + padding: 9px 5px; + text-shadow: none; + border: none; +} + +.control-group.error, +.control-group.error input:focus, +.control-group.error textarea:focus { + border-color: #e74c3c; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.control-group.success, +.control-group.success input:focus, +.control-group.success textarea:focus { + border-color: #2ecc71; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.control-group.warning, +.control-group.warning input:focus, +.control-group.warning textarea:focus { + border-color: #f1c40f; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.control-group.info, +.control-group.info input:focus, +.control-group.info textarea:focus { + border-color: #3498db; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +input[disabled], +input[readonly], +textarea[disabled], +textarea[readonly] { + color: #cad2d3; + cursor: default; + background-color: #eaeded; + border-color: transparent; +} + +input[type="file"] { + line-height: 16px; +} + +legend { + color: #2c3e50; + border-bottom: none; +} + +.form-actions { + background-color: #dde4e6; + border-top: none; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.alert { + color: #ffffff; + text-shadow: none; + background-color: #f39c12; +} + +.alert h1, +.alert h2, +.alert h3, +.alert h4, +.alert h5, +.alert h6 { + color: #ffffff; +} + +.alert-error { + background-color: #e74c3c; +} + +.alert-success { + background-color: #18bc9c; +} + +.alert-info { + background-color: #3498db; +} + +.label { + padding: 6px 10px; + text-shadow: none; +} + +.badge { + padding: 6px 10px; + text-shadow: none; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.well { + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.progress { + height: 12px; + background: #ecf0f1; + border-radius: 32px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.progress .bar { + background-color: #2c3e50; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.progress .bar + .bar { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.progress-striped .bar { + background-color: #2c3e50; + 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: -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, +.progress-success.progress-striped .bar, +.progress .bar-success { + background-color: #18bc9c; +} + +.progress-warning .bar, +.progress-warning.progress-striped .bar, +.progress .bar-warning { + background-color: #e6bb0d; +} + +.progress-danger .bar, +.progress-danger.progress-striped .bar, +.progress .bar-danger { + background-color: #e74c3c; +} + +.progress-info .bar, +.progress-info.progress-striped .bar, +.progress .bar-info { + background-color: #3498db; +} + +.tooltip.in { + opacity: 1; +} + +.popover { + color: #ffffff; +} + +.popover-title { + border-bottom: 2px solid rgba(0, 0, 0, 0.2); +} + +.modal-header { + color: #ffffff; + background-color: #2c3e50; + border-bottom: none; +} + +.modal-footer { + background-color: #ecf0f1; + border-top: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.close { + text-shadow: none; +} + +@media (max-width: 767px) { + div.subnav .nav > li:first-child > a, + div.subnav .nav > li + li > a { + border-color: transparent; + } + div.subnav .nav > li:first-child > a:hover, + div.subnav .nav > li + li > a:hover { + background-color: #cfd9db; + } + div.subnav .nav > li:last-child > a { + border-radius: 0 0 4px 4px; + } + .input-append .add-on, + .input-prepend .add-on, + .input-append .btn, + .input-prepend .btn { + padding: 5px; + } +} + +@media (max-width: 979px) { + .navbar .nav-collapse .nav > li > a { + color: #ffffff; + } + .navbar .nav-collapse .nav > li > a:hover { + background-color: #18bc9c; + } +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none; +} + +.show { + display: block; +} + +.invisible { + visibility: hidden; +} + +.affix { + position: fixed; +} diff --git a/addons/website/static/src/css/Makefile b/addons/website/static/src/css/Makefile index 9be09407d32..238219f8906 100644 --- a/addons/website/static/src/css/Makefile +++ b/addons/website/static/src/css/Makefile @@ -1,2 +1,3 @@ sass: - sass -t expanded --unix-newlines website.sass > website.css + sass -t expanded --unix-newlines --watch website.sass:website.css& + sass -t expanded --unix-newlines --watch editor.sass:editor.css& diff --git a/addons/website/static/src/css/base.css b/addons/website/static/src/css/base.css deleted file mode 100644 index 17fedd8e5fa..00000000000 --- a/addons/website/static/src/css/base.css +++ /dev/null @@ -1,730 +0,0 @@ -@charset "utf-8"; -@font-face { - font-family: "mnmliconsRegular"; - src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot"); - src: url("/web/static/src/font/mnmliconsv21-webfont.woff") format("woff"); - src: url("/web/static/src/font/mnmliconsv21-webfont.ttf") format("truetype"); - src: url("/web/static/src/font/mnmliconsv21-webfont.svg") format("svg") active; - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: "EntypoRegular"; - src: url("/web/static/src/font/entypo-webfont.eot") format("eot"); - src: url("/web/static/src/font/entypo-webfont.eot?#iefix") format("embedded-opentype"); - src: url("/web/static/src/font/entypo-webfont.woff") format("woff"); - src: url("/web/static/src/font/entypo-webfont.ttf") format("truetype"); - src: url("/web/static/src/font/entypo-webfont.svg") format("svg") active; - font-weight: normal; - font-style: normal; -} - -/* --------------------------------- * - * STYLING CONTEXT * - * --------------------------------- */ -/* --- Styling for the V8/Lato/White/Purple design --- */ -body.oe_styling_v8 { - background: #e9e9e9; - padding: 0; - margin: 0; -} - -.oe_styling_v8 { - font-family: "Open Sans", "Helvetica", Sans; - font-weight: 300; - color: #646464; - background: white; - font-size: 16px; -} -.oe_styling_v8 .oe_website_contents { - background: whitesmoke; - padding-bottom: 1px; -} -.oe_styling_v8 b { - font-weight: 600; -} -.oe_styling_v8 a { - color: #6d57e0; - text-decoration: none; -} -.oe_styling_v8 a:visited { - color: #5b284f; -} -.oe_styling_v8 a:hover { - color: #0096eb; -} -.oe_styling_v8 .oe_title_font { - font-family: "Lato", "Open Sans", "Helvetica", Sans; -} -.oe_styling_v8 .oe_page { - background: white; - overflow: hidden; - -webkit-border-radius: 1px; - -moz-border-radius: 1px; - -ms-border-radius: 1px; - -o-border-radius: 1px; - border-radius: 1px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -} -.oe_styling_v8 .oe_emph { - font-weight: 400; -} -.oe_styling_v8 .oe_dark { - overflow: hidden; - background: #fcfcfc; - -webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset; - -moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset; - box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset; -} - -/* --------------------------------- * - * LAYOUT * - * --------------------------------- */ -/* ------ BASE GRID CONSTRUCTS ----- */ -.oe_page { - margin: 0px auto 64px auto; - max-width: 992px; -} - -.oe_row { - width: 928px; - margin-top: 16px; - margin-bottom: 16px; - margin-left: auto; - margin-right: auto; -} - -.oe_row.oe_fit { - width: auto; -} - -.oe_clearfix:after, .oe_row:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} - -[class*='oe_span'] { - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0 16px; -} - -.oe_span12 { - width: 928px; -} - -.oe_span10 { - width: 773px; -} - -.oe_span9 { - width: 696px; -} - -.oe_span8 { - width: 618px; -} - -.oe_span6 { - width: 464px; -} - -.oe_span4 { - width: 309px; -} - -.oe_span3 { - width: 232px; -} - -.oe_span2 { - width: 154px; -} - -[class*='oe_span'].oe_fit { - padding-left: 0px !important; - padding-right: 0px !important; -} - -[class*='oe_span'].oe_right { - float: right; -} - -.oe_row.oe_flex [class*='oe_span'] { - display: inline-block; - float: none; - vertical-align: top; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0 16px; - width: auto; -} -.oe_row.oe_flex .oe_span12 { - max-width: 928px; -} -.oe_row.oe_flex .oe_span10 { - max-width: 769px; -} -.oe_row.oe_flex .oe_span9 { - max-width: 692px; -} -.oe_row.oe_flex .oe_span8 { - max-width: 614px; -} -.oe_row.oe_flex .oe_span6 { - max-width: 460px; -} -.oe_row.oe_flex .oe_span4 { - max-width: 305px; -} -.oe_row.oe_flex .oe_span3 { - max-width: 228px; -} -.oe_row.oe_flex .oe_span2 { - max-width: 150px; -} - -.oe_mb0 { - margin-bottom: 0px !important; -} - -.oe_mb4 { - margin-bottom: 4px !important; -} - -.oe_mb8 { - margin-bottom: 8px !important; -} - -.oe_mb16 { - margin-bottom: 16px !important; -} - -.oe_mb32 { - margin-bottom: 32px !important; -} - -.oe_mb48 { - margin-bottom: 48px !important; -} - -.oe_mb64 { - margin-bottom: 64px !important; -} - -.oe_mt0 { - margin-top: 0px !important; -} - -.oe_mt4 { - margin-top: 4px !important; -} - -.oe_mt8 { - margin-top: 8px !important; -} - -.oe_mt16 { - margin-top: 16px !important; -} - -.oe_mt32 { - margin-top: 32px !important; -} - -.oe_mt48 { - margin-top: 48px !important; -} - -.oe_mt64 { - margin-top: 64px !important; -} - -/* ------ GENERIC LAYOUT MODIFIERS ----- */ -.oe_rightfit { - padding-right: 0px !important; -} - -.oe_leftfit { - padding-left: 0px !important; -} - -.oe_leftalign { - text-align: left; -} - -.oe_rightalign { - text-align: right; -} - -.oe_centeralign { - text-align: center; -} - -.oe_centered { - margin-left: auto; - margin-right: auto; -} - -.oe_hidden { - display: none !important; - opacity: 0 !important; -} - -.oe_invisible { - visibility: hidden !important; -} - -.oe_transparent { - opacity: 0 !important; -} - -.oe_mb0 { - margin-bottom: 0px !important; -} - -.oe_mb4 { - margin-bottom: 4px !important; -} - -.oe_mb8 { - margin-bottom: 8px !important; -} - -.oe_mb16 { - margin-bottom: 16px !important; -} - -.oe_mb32 { - margin-bottom: 32px !important; -} - -.oe_mb64 { - margin-bottom: 64px !important; -} - -.oe_spaced { - margin-top: 32px; - margin-bottom: 32px; -} - -.oe_more_spaced { - margin-top: 64px; - margin-bottom: 64px; -} - -.oe_padded { - padding-top: 16px; - padding-bottom: 16px; -} - -.oe_more_padded { - padding-top: 32px; - padding-bottom: 32px; -} - -/* --------------------------------- * - * WEBPAGE COMPONENTS * - * --------------------------------- */ -/* ------ BUTTONS ----- */ -.oe_styling_v8 .oe_button, .oe_styling_v8 a.oe_button { - position: relative; - bottom: 0; - display: inline-block; - cursor: pointer; - padding: 8px 14px; - background: #8b72b6; - color: white; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: 0px 2px 0px #afa8cc; - -moz-box-shadow: 0px 2px 0px #afa8cc; - box-shadow: 0px 2px 0px #afa8cc; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.44); - border: solid 1px rgba(0, 0, 0, 0.09); - -webkit-transition-property: bottom, background; - -moz-transition-property: bottom, background; - -o-transition-property: bottom, background; - transition-property: bottom, background; - -webkit-transition-duration: 250ms; - -moz-transition-duration: 250ms; - -o-transition-duration: 250ms; - transition-duration: 250ms; -} -.oe_styling_v8 .oe_button:hover, .oe_styling_v8 a.oe_button:hover { - background: #8b5bdd; - color: white; -} -.oe_styling_v8 .oe_button:active, .oe_styling_v8 a.oe_button:active { - background: #333333; - bottom: -3px; -} -.oe_styling_v8 .oe_button.oe_big, .oe_styling_v8 a.oe_button.oe_big { - font-size: 24px; -} -.oe_styling_v8 .oe_button.oe_bigger, .oe_styling_v8 a.oe_button.oe_bigger { - font-size: 32px; -} -.oe_styling_v8 .oe_button.oe_small, .oe_styling_v8 a.oe_button.oe_small { - font-size: 13px; - padding: 2px 4px; -} -.oe_styling_v8 .oe_button.oe_small:active, .oe_styling_v8 a.oe_button.oe_small:active { - bottom: -1px; -} -.oe_styling_v8 .oe_button.oe_medium, .oe_styling_v8 a.oe_button.oe_medium { - padding: 5px 12px; - font-size: 16px; -} -.oe_styling_v8 .oe_button.oe_tacky, .oe_styling_v8 a.oe_button.oe_tacky { - background: #ff4444; - -webkit-box-shadow: 0px 2px 0px #eba8a8; - -moz-box-shadow: 0px 2px 0px #eba8a8; - box-shadow: 0px 2px 0px #eba8a8; -} -.oe_styling_v8 .oe_button.oe_tacky:hover, .oe_styling_v8 a.oe_button.oe_tacky:hover { - background: #ff1010; -} -.oe_styling_v8 .oe_button.oe_tacky:active, .oe_styling_v8 a.oe_button.oe_tacky:active { - background: black; -} -.oe_styling_v8 .oe_button.oe_disabled, .oe_styling_v8 a.oe_button.oe_disabled { - background: #c8c8c8; - -webkit-box-shadow: 0px 2px 0px #b4b4b4; - -moz-box-shadow: 0px 2px 0px #b4b4b4; - box-shadow: 0px 2px 0px #b4b4b4; - cursor: default; -} -.oe_styling_v8 .oe_button.oe_disabled:hover, .oe_styling_v8 a.oe_button.oe_disabled:hover { - background: #c8c8c8; - -webkit-box-shadow: 0px 2px 0px #b4b4b4; - -moz-box-shadow: 0px 2px 0px #b4b4b4; - box-shadow: 0px 2px 0px #b4b4b4; -} -.oe_styling_v8 .oe_button.oe_disabled:active, .oe_styling_v8 a.oe_button.oe_disabled:active { - background: #c8c8c8; - bottom: 0px; - -webkit-box-shadow: 0px 2px 0px #b4b4b4; - -moz-box-shadow: 0px 2px 0px #b4b4b4; - box-shadow: 0px 2px 0px #b4b4b4; -} - -.oe_styling_v8.oe_styling_black .oe_button { - -webkit-box-shadow: 0px 2px 0px #463555; - -moz-box-shadow: 0px 2px 0px #463555; - box-shadow: 0px 2px 0px #463555; -} - -/* ------ FORMS ----- */ -.oe_styling_v8 { - /* FIXME: this is a quick hack for the release */ -} -.oe_styling_v8 .oe_input { - padding: 4px 7px; - border-radius: 3px; - border: solid 1px #d6d6d6; - box-shadow: 0px 2px #e6e6e6; - background: #fafafa; - font-weight: 300; - outline: none; - -webkit-transition: all 150ms linear; - -moz-transition: all 150ms linear; - -o-transition: all 150ms linear; - transition: all 150ms linear; -} -.oe_styling_v8 .oe_input:focus { - border: solid 1px #969696; - box-shadow: 0px 2px #d2d2d2; -} -.oe_styling_v8 .oe_input.oe_valid { - background: #f2ffec; - border-color: #b1ebb6; - box-shadow: 0px 2px #e1f8e1; - color: #0f610f; -} -.oe_styling_v8 .oe_input.oe_invalid { - background: #fff2f2; - border-color: #ebb1b1; - box-shadow: 0px 2px #f8e1e1; - color: #610f0f; -} -.oe_styling_v8 .oe_input.oe_big { - padding: 8px 14px; -} -.oe_styling_v8 .oe_input_label { - font-weight: 300; - font-size: 16px; -} -.oe_styling_v8 .oe_input_label.oe_big { - font-size: 20px; -} -.oe_styling_v8 .oe_textarea { - width: 300px; - height: 80px; -} -.oe_styling_v8 .oe_form_layout_table { - width: 100%; -} -.oe_styling_v8 .oe_form_layout_table td { - padding-bottom: 16px; -} -.oe_styling_v8 .oe_form_layout_table td:first-child { - text-align: right; - padding-right: 16px; -} - -/* ------ SLOGANS ----- */ -.oe_styling_v8 .oe_slogan { - color: #333333; - font-family: "Lato", "Open Sans", "Helvetica", Sans; - text-align: center; - margin-top: 32px; - margin-bottom: 32px; -} -.oe_styling_v8 h1.oe_slogan { - font-size: 64px; - font-weight: 900; - margin-top: 48px; - margin-bottom: 48px; -} -.oe_styling_v8 h2.oe_slogan { - font-size: 40px; - font-weight: 300; -} -.oe_styling_v8 h3.oe_slogan { - font-size: 26px; - font-weight: 300; - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); - opacity: 0.5; -} -.oe_styling_v8 h4.oe_slogan { - font-size: 24px; - font-weight: 300; -} -.oe_styling_v8 h4.oe_slogan:before, .oe_styling_v8 h4.oe_slogan:after { - margin: 0 20px; - content: ""; - display: inline-block; - width: 100px; - height: 0px; - border-top: solid 1px; - vertical-align: middle; - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); - opacity: 0.3; -} -.oe_styling_v8 h5.oe_slogan { - font-weight: 300; -} -.oe_styling_v8 h2.oe_slogan + h3.oe_slogan { - margin-top: -28px; -} - -/* ------ QUOTES ----- */ -.oe_quote { - margin: 8px; - padding: 16px; - background: rgba(0, 0, 0, 0.02); - border: solid 1px rgba(0, 0, 0, 0.06); - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; - border-radius: 2px; -} -.oe_quote .oe_q, .oe_quote q { - margin: 10px; - display: block; - font-style: italic; - text-align: center; - font-size: 20px; - color: #4e66e7; -} -.oe_quote .oe_q:before, .oe_quote .oe_q:after, .oe_quote q:before, .oe_quote q:after { - content: """; - font-weight: 900; - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); - opacity: 0.2; -} -.oe_quote cite { - display: block; - font-style: normal; - margin-top: 16px; -} -.oe_quote .oe_photo { - float: left; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - margin-right: 16px; -} -.oe_quote .oe_author { - font-size: 20px; - padding-top: 6px; - color: #8d7bac; -} - -.oe_dark .oe_quote { - background: white; - border: 1px solid #f0f0ff; -} - -/* ------ PICTURES ----- */ -.oe_picture { - display: block; - max-width: 84%; - max-height: 400px; - margin: 16px 8%; -} - -.oe_screenshot { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); - box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); -} - -/* ----- Link Image with Footer ----- */ -/* FIXME: Terrible CSS, rewrite this */ -.oe_demo { - position: relative; - border: 1px solid #dedede; -} -.oe_demo .oe_demo_play { - top: 50%; - left: 50%; - width: 80px; - height: 60px; - margin-top: -30px; - margin-left: -40px; - display: block; - position: absolute; - background: url("../img/layout/play-button.png") no-repeat left top transparent; - pointer-events: none; -} -.oe_demo img { - max-width: 100%; - width: 100%; -} -.oe_demo .oe_demo_footer { - position: absolute; - left: 0; - background-color: rgba(0, 0, 0, 0.4); - opacity: 0.85; - bottom: -1px; - width: 100%; - padding-top: 7px; - padding-bottom: 7px; - color: white; - font-size: 14px; - font-weight: bold; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - pointer-events: none; -} -.oe_demo:hover .oe_demo_play { - background: url("../img/layout/play-button-over.png") no-repeat left top transparent; -} - -/* ----- SEPARATOR ----- */ -.oe_styling_v8 .oe_container.oe_separator { - height: 64px; - margin-bottom: 16px; - /* @include background(linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02))) */ - -webkit-box-shadow: 0px -3px 10px -5px rgba(0, 0, 0, 0.1) inset; - -moz-box-shadow: 0px -3px 10px -5px rgba(0, 0, 0, 0.1) inset; - box-shadow: 0px -3px 10px -5px rgba(0, 0, 0, 0.1) inset; - overflow-y: hidden; -} - -/* ----- TABS ----- */ -.oe_row_tabs { - text-align: center; - margin-top: 0px; - margin-bottom: 0px; - padding-top: 21px; -} - -.oe_row_tab { - position: relative; - min-width: 120px; - padding: 8px; - font-size: 20px; - display: inline-block; - margin: 0px -2px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border: solid 1px rgba(0, 0, 0, 0.1); - border-bottom: none; - background: #fafafa; - background-image: +linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); - box-shadow: 0px -3px 10px -5px rgba(0, 0, 0, 0.1) inset; - cursor: pointer; - -webkit-transition: all 250ms linear; - -moz-transition: all 250ms linear; - -o-transition: all 250ms linear; - transition: all 250ms linear; -} - -.oe_row_tab:hover { - padding-bottom: 12px; - top: -4px; - background-color: white; -} - -.oe_row_tab.oe_active { - background-color: white; - background-image: none; - box-shadow: none; - border-top-color: #8272b6; - border-top-width: 2px; - cursor: default; -} - -.oe_row_tab.oe_active:hover { - padding-bottom: 8px; - top: 0asx; -} - -/* ------ CALL TO ACTION ----- */ -.oe_calltoaction { - height: 32px; - margin-top: -32px; - position: relative; -} - -label, input, button, select, textarea { - line-height: 15px !important; -} - -input[type='checkbox'] { - vertical-align: top !important; - margin-top: 2px !important; -} - -.oe_form_status li { - height: 30px; -} -.oe_form_status .label { - background: none !important; - font-weight: normal !important; - line-height: 1.5em !important; -} diff --git a/addons/website/static/src/css/base.sass b/addons/website/static/src/css/base.sass deleted file mode 100644 index d0bd1f10de5..00000000000 --- a/addons/website/static/src/css/base.sass +++ /dev/null @@ -1,706 +0,0 @@ -@charset "utf-8" - -// Variables {{{ -$facets-border: #afafb6 -$section-title-color: #7C7BAD -$tag-bg-light: #f0f0fa -$tag-bg-dark: #7C7BAD -$tag-border: #afafb6 -$tag-border-selected: #a6a6fe -$hover-background: #f0f0fa -$link-color: #7C7BAD -$sheet-max-width: 860px -$sheet-min-width: 650px -$sheet-padding: 16px -// }}} -// Mixins {{{ -@font-face - font-family: 'mnmliconsRegular' - src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot') - src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff') - src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype') - src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active - font-weight: normal - font-style: normal - -@font-face - font-family: 'EntypoRegular' - src: url('/web/static/src/font/entypo-webfont.eot') format('eot') - src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype') - src: url('/web/static/src/font/entypo-webfont.woff') format('woff') - src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype') - src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active - font-weight: normal - font-style: normal - -@mixin reset() - border: none - padding: 0 - margin: 0 - background: none - @include radius(0) - @include box-shadow(none) - -@mixin vertical-gradient($startColor: #555, $endColor: #333) - background-color: mix($startColor, $endColor) - background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */ - background-image: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */ - background-image: -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, $startColor, $endColor) - -@mixin radial-gradient($gradient) - background-position: center center - background-image: -webkit-radial-gradient(circle, $gradient) - background-image: -moz-radial-gradient($gradient) - background-image: -ms-radial-gradient($gradient) - background-image: radial-gradient($gradient) - -@mixin radius($radius: 5px) - -moz-border-radius: $radius - -webkit-border-radius: $radius - border-radius: $radius - -@mixin box-shadow($bsval: 0px 1px 4px #777) - -moz-box-shadow: $bsval - -webkit-box-shadow: $bsval - box-shadow: $bsval - -@mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s)) - -webkit-transition: $transval - -moz-transition: $transval - -ms-transition: $transval - -o-transition: $transval - transition: $transval - -@mixin opacity($opacity: .5) - filter: alpha(opacity=$opacity * 100) - opacity: $opacity - -@mixin background-clip($clip: padding-box) - -webkit-background-clip: $clip - -moz-background-clip: $clip - background-clip: $clip - -@mixin box-sizing($type: content) - // type = border || content || padding - -webkit-box-sizing: #{$type}-box - -moz-box-sizing: #{$type}-box - -ms-box-sizing: #{$type}-box - box-sizing: #{$type}-box - -@mixin skew-gradient($startColor: #555, $endColor: #333) - background-color: $endColor - background: -moz-linear-gradient(135deg, $endColor, $startColor) - background: -o-linear-gradient(135deg, $startColor, $endColor) - background: -webkit-gradient(linear, left top, right bottom, from($startColor), to($endColor)) - background: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */ - -@mixin transform($transform) - -webkit-transform: $transform - -moz-transform: $transform - -ms-transform: $transform - -o-transform: $transform - transform: $transform - -@mixin keyframes($name) - @-webkit-keyframes #{$name} - @content - @-moz-keyframes #{$name} - @content - @-ms-keyframes #{$name} - @content - @-o-keyframes #{$name} - @content - @keyframes #{$name} - @content - - -// Transforms the (readable) text of an inline element into an mmlicons icon, -// allows for actual readable text in-code (and in readers?) with iconic looks -@mixin text-to-icon($icon-name, $color: #404040) - font-size: 1px - letter-spacing: -1px - color: transparent - text-shadow: none - font-weight: normal - &:before - font: 21px "mnmliconsRegular" - content: $icon-name - color: $color - -@mixin text-to-entypo-icon($icon-name, $color: #404040, $size: 21px) - font-size: 1px - letter-spacing: -1px - color: transparent - text-shadow: none - font-weight: normal - &:before - font: $size "entypoRegular" - content: $icon-name - color: $color - -// }}} - - // CMS and module descriptions {{{ - // Warning MOST of those classes will be deprecated in favor of bootstrap - // before the relase of OpenERP v8. Dont use them. -@import "compass/css3" - - -/* --------------------------------- * - * STYLING CONTEXT * - * --------------------------------- */ - -/* --- Styling for the V8/Lato/White/Purple design --- */ - -$v8_footer_color: #e9e9e9 -$v8_title_font_color: rgb(51,51,51) -$v8_text_font_color: rgb(100,100,100) -$v8_font_paragraph_color: rgb(51,51,51) -$v8_body_color: rgb(245,245,245) -$v8_bg_color: rgb(255,255,255) -$v8_text_font_family: 'Open Sans','Helvetica',Sans -$v8_title_font_family: 'Lato','Open Sans','Helvetica',Sans -$v8_anchor_color: #6D57E0 -$v8_anchor_visited_color: rgb(91, 40, 79) - -body.oe_styling_v8 - background: $v8_footer_color - padding: 0 - margin: 0 - -.oe_styling_v8 - font-family: $v8_text_font_family - font-weight: 300 - color: $v8_text_font_color - background: $v8_bg_color - font-size: 16px - - .oe_website_contents - background: $v8_body_color - padding-bottom: 1px - - b - font-weight: 600 - a - color: $v8_anchor_color - text-decoration: none - a:visited - color: $v8_anchor_visited_color - a:hover - color: #0096EB - - .oe_title_font - font-family: $v8_title_font_family - - - .oe_page - background: $v8_bg_color - overflow: hidden - +border-radius(1px) - +box-shadow(0 1px 3px rgba(0,0,0,0.35)) - - .oe_emph - font-weight: 400 - - .oe_dark - overflow: hidden - background: #FCFCFC - +box-shadow(0px 5px 9px -7px rgba(0,0,255,0.5) inset, 0px -3px 9px -7px rgba(0,0,255,0.5) inset) - -/* --------------------------------- * - * LAYOUT * - * --------------------------------- */ - -/* ------ BASE GRID CONSTRUCTS ----- */ - -.oe_page - margin: 0px auto 64px auto - max-width: 992px - -.oe_row - width: 928px - margin-top: 16px - margin-bottom: 16px - margin-left: auto - margin-right: auto - -.oe_row.oe_fit - width: auto - -.oe_clearfix:after, .oe_row:after - content: "." - display: block - clear: both - visibility: hidden - line-height: 0 - height: 0 - -$oe_span12_width: 928px -$oe_span10_width: 773px -$oe_span9_width: 696px -$oe_span8_width: 618px -$oe_span6_width: 464px -$oe_span4_width: 309px -$oe_span3_width: 232px -$oe_span2_width: 154px - -[class*='oe_span'] - float: left - +box-sizing(border-box) - padding: 0 16px -.oe_span12 - width: $oe_span12_width -.oe_span10 - width: $oe_span10_width -.oe_span9 - width: $oe_span9_width -.oe_span8 - width: $oe_span8_width -.oe_span6 - width: $oe_span6_width -.oe_span4 - width: $oe_span4_width -.oe_span3 - width: $oe_span3_width -.oe_span2 - width: $oe_span2_width - -[class*='oe_span'].oe_fit - padding-left: 0px !important - padding-right: 0px !important - -[class*='oe_span'].oe_right - float: right - -.oe_row.oe_flex - [class*='oe_span'] - display: inline-block - float: none - vertical-align: top - +box-sizing(border-box) - padding: 0 16px - width: auto - .oe_span12 - max-width: $oe_span12_width - .oe_span10 - max-width: ($oe_span10_width +-4px) - .oe_span9 - max-width: ($oe_span9_width +-4px) - .oe_span8 - max-width: ($oe_span8_width +-4px) - .oe_span6 - max-width: ($oe_span6_width +-4px) - .oe_span4 - max-width: ($oe_span4_width +-4px) - .oe_span3 - max-width: ($oe_span3_width +-4px) - .oe_span2 - max-width: ($oe_span2_width +-4px) - -.oe_mb0 - margin-bottom: 0px !important -.oe_mb4 - margin-bottom: 4px !important -.oe_mb8 - margin-bottom: 8px !important -.oe_mb16 - margin-bottom: 16px !important -.oe_mb32 - margin-bottom: 32px !important -.oe_mb48 - margin-bottom: 48px !important -.oe_mb64 - margin-bottom: 64px !important - -.oe_mt0 - margin-top: 0px !important -.oe_mt4 - margin-top: 4px !important -.oe_mt8 - margin-top: 8px !important -.oe_mt16 - margin-top: 16px !important -.oe_mt32 - margin-top: 32px !important -.oe_mt48 - margin-top: 48px !important -.oe_mt64 - margin-top: 64px !important - -/* ------ GENERIC LAYOUT MODIFIERS ----- */ - -.oe_rightfit - padding-right: 0px !important -.oe_leftfit - padding-left: 0px !important -.oe_leftalign - text-align: left -.oe_rightalign - text-align: right -.oe_centeralign - text-align: center -.oe_centered - margin-left: auto - margin-right: auto -.oe_hidden - display: none !important - opacity: 0 !important -.oe_invisible - visibility: hidden !important -.oe_transparent - opacity: 0 !important - -.oe_mb0 - margin-bottom: 0px !important -.oe_mb4 - margin-bottom: 4px !important -.oe_mb8 - margin-bottom: 8px !important -.oe_mb16 - margin-bottom: 16px !important -.oe_mb32 - margin-bottom: 32px !important -.oe_mb64 - margin-bottom: 64px !important - -.oe_spaced - margin-top: 32px - margin-bottom: 32px -.oe_more_spaced - margin-top: 64px - margin-bottom: 64px -.oe_padded - padding-top: 16px - padding-bottom: 16px -.oe_more_padded - padding-top: 32px - padding-bottom: 32px - -/* --------------------------------- * - * WEBPAGE COMPONENTS * - * --------------------------------- */ - -/* ------ BUTTONS ----- */ - -.oe_styling_v8 .oe_button, .oe_styling_v8 a.oe_button - position: relative - bottom: 0 - display: inline-block - cursor: pointer - padding: 8px 14px - background: rgb(139, 114, 182) - color: white - +border-radius(2px) - +box-shadow(0px 2px 0px rgb(175, 168, 204)) - +text-shadow(0px 1px 1px rgba(0,0,0, 0.44)) - border: solid 1px rgba(0,0,0,0.09) - +transition-property((bottom, background)) - +transition-duration(250ms) - &:hover - background: rgb(139,91,221) - color: white - &:active - background: rgb(51,51,51) - bottom: -3px - &.oe_big - font-size: 24px - &.oe_bigger - font-size: 32px - &.oe_small - font-size: 13px - padding: 2px 4px - &:active - bottom: -1px - &.oe_medium - padding: 5px 12px - font-size: 16px - &.oe_tacky - background: rgb(255,68,68) - +box-shadow(0px 2px 0px #eba8a8) - &:hover - background: rgb(255,16,16) - &:active - background: black - &.oe_disabled - background: rgb(200,200,200) - +box-shadow(0px 2px 0px rgb(180,180,180)) - cursor: default - &:hover - background: rgb(200,200,200) - +box-shadow(0px 2px 0px rgb(180,180,180)) - &:active - background: rgb(200,200,200) - bottom: 0px - +box-shadow(0px 2px 0px rgb(180,180,180)) - -.oe_styling_v8.oe_styling_black .oe_button - +box-shadow(0px 2px 0px rgb(70,53,85)) - -/* ------ FORMS ----- */ - -.oe_styling_v8 - .oe_input - padding: 4px 7px - border-radius: 3px - border: solid 1px rgb(214,214,214) - box-shadow: 0px 2px rgb(230,230,230) - background: rgb(250,250,250) - font-weight: 300 - outline: none - @include transition( all 150ms linear ) - &:focus - border: solid 1px rgb(150,150,150) - box-shadow: 0px 2px rgb(210,210,210) - - &.oe_valid - background: #F2FFEC - border-color: rgb(177,235,182) - box-shadow: 0px 2px rgb(225,248,225) - color: rgb(15,97,15) - - &.oe_invalid - background: rgb(255,242,242) - border-color: #EBB1B1 - box-shadow: 0px 2px #F8E1E1 - color: #610F0F - &.oe_big - padding: 8px 14px - .oe_input_label - font-weight: 300 - font-size: 16px - &.oe_big - font-size: 20px - - /* FIXME: this is a quick hack for the release */ - - .oe_textarea - width: 300px - height: 80px - .oe_form_layout_table - width: 100% - td - padding-bottom: 16px - &:first-child - text-align: right - padding-right: 16px - -/* ------ SLOGANS ----- */ - -.oe_styling_v8 - .oe_slogan - color: $v8_title_font_color - font-family: $v8_title_font_family - text-align: center - margin-top: 32px - margin-bottom: 32px - - h1.oe_slogan - font-size: 64px - font-weight: 900 - margin-top: 48px - margin-bottom: 48px - - h2.oe_slogan - font-size: 40px - font-weight: 300 - - h3.oe_slogan - font-size: 26px - font-weight: 300 - +opacity(0.5) - - h4.oe_slogan - font-size: 24px - font-weight: 300 - h4.oe_slogan:before, h4.oe_slogan:after - margin: 0 20px - content: "" - display: inline-block - width: 100px - height: 0px - border-top: solid 1px - vertical-align: middle - +opacity(0.3) - - h5.oe_slogan - font-weight: 300 - //TODO - - h2.oe_slogan+h3.oe_slogan - margin-top: -28px - -/* ------ QUOTES ----- */ - -.oe_quote - margin: 8px - padding: 16px - background: rgba(0,0,0,0.02) - border: solid 1px rgba(0,0,0,0.06) - +border-radius(2px) - - .oe_q,q - margin: 10px - display: block - font-style: italic - text-align: center - font-size: 20px - color: rgb(78, 102, 231) - &:before, &:after - content: '"' - font-weight: 900 - +opacity(0.2) - - cite - display: block - font-style: normal - margin-top: 16px - - .oe_photo - float: left - +border-radius(3px) - margin-right: 16px - - .oe_author - font-size: 20px - padding-top: 6px - color: rgb(141, 123, 172) - -.oe_dark .oe_quote - background: white - border: 1px solid rgb(240,240,255) - -/* ------ PICTURES ----- */ - -// display a picture in a span -.oe_picture - display: block - max-width: 84% - max-height: 400px - margin: 16px 8% - -// style the picture like a screenshot -.oe_screenshot - +border-radius(3px) - +box-shadow(0px 3px 8px rgba(0,0,0,0.2)) - - -/* ----- Link Image with Footer ----- */ -/* FIXME: Terrible CSS, rewrite this */ - -.oe_demo - position: relative - border: 1px solid #dedede - .oe_demo_play - top: 50% - left: 50% - width: 80px - height: 60px - margin-top: -30px - margin-left: -40px - display: block - position: absolute - background: url("../img/layout/play-button.png") no-repeat left top transparent - pointer-events: none - img - max-width: 100% - width: 100% - .oe_demo_footer - position: absolute - left: 0 - background-color: rgba(0,0,0,0.4) - opacity: 0.85 - bottom: -1px - width: 100% - padding-top: 7px - padding-bottom: 7px - color: white - font-size: 14px - font-weight: bold - border-bottom-left-radius: 3px - border-bottom-right-radius: 3px - pointer-events: none - &:hover .oe_demo_play - background: url("../img/layout/play-button-over.png") no-repeat left top transparent - -/* ----- SEPARATOR ----- */ - -.oe_styling_v8 .oe_container.oe_separator - height: 64px - margin-bottom: 16px - /* @include background(linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02))) */ - +box-shadow(0px -3px 10px -5px rgba(0,0,0,0.1) inset) - overflow-y: hidden - -/* ----- TABS ----- */ - -.oe_row_tabs - text-align: center - margin-top: 0px - margin-bottom: 0px - padding-top: 21px - -.oe_row_tab - position: relative - min-width: 120px - padding: 8px - font-size: 20px - display: inline-block - margin: 0px -2px - border-top-left-radius: 4px - border-top-right-radius: 4px - border: solid 1px rgba(0,0,0,0.1) - border-bottom: none - background: rgb(250,250,250) - background-image: +linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.02)) - box-shadow: 0px -3px 10px -5px rgba(0,0,0,0.1) inset - cursor: pointer - @include transition(all 250ms linear) - -.oe_row_tab:hover - padding-bottom: 12px - top: -4px - background-color: white - -.oe_row_tab.oe_active - background-color: white - background-image: none - box-shadow: none - border-top-color: rgb(130, 114, 182) - border-top-width: 2px - cursor: default - -.oe_row_tab.oe_active:hover - padding-bottom: 8px - top: 0asx - -/* ------ CALL TO ACTION ----- */ - -.oe_calltoaction - height: 32px - margin-top: -32px - position: relative - - -// }}} - -// BOOTSTRAP OVERIDDES -label, input, button, select, textarea - line-height: 15px !important -input[type='checkbox'] - vertical-align: top !important - margin-top: 2px !important -.oe_form_status - li - height: 30px - .label - background: none !important - font-weight: normal !important - line-height: 1.5em !important -// au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers > "%:p:r.css" -// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: - - - diff --git a/addons/website/static/src/css/editor.css b/addons/website/static/src/css/editor.css new file mode 100644 index 00000000000..7cd68099e2c --- /dev/null +++ b/addons/website/static/src/css/editor.css @@ -0,0 +1,47 @@ +.oe_website_editorbar { + position: fixed; + top: 0; + right: 0; + z-index: 10; + display: block; + width: 100%; + padding: 2px; + margin: 0px; + z-index: 10000; + background-color: #414141; + background: -webkit-linear-gradient(#646060, #262626); + box-sizing: border-box; +} +.oe_website_editorbar li { + display: inline; + color: #eeeeee; +} +.oe_website_editorbar li:hover { + background: rgba(0, 0, 0, 0.2); + text-shadow: black 0px 0px 3px; + color: white; +} + +.oe_website_editorbar .oe_rte_toolbar div.dropdown { + display: inline-block; +} +.oe_website_editorbar .oe_rte_toolbar div.dropdown li { + display: list-item; +} +.oe_website_editorbar .oe_rte_toolbar button { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; +} +.oe_website_editorbar .oe_rte_toolbar button.oe_button_list { + padding-right: 3px; +} +.oe_website_editorbar .oe_rte_toolbar button.oe_button_list:after { + content: "\F0D7"; + padding-left: 6px; +} + +.oe_editable:focus { + outline: #80b5f2 solid 5px !important; +} diff --git a/addons/website/static/src/css/editor.sass b/addons/website/static/src/css/editor.sass new file mode 100644 index 00000000000..f1208ca2a80 --- /dev/null +++ b/addons/website/static/src/css/editor.sass @@ -0,0 +1,42 @@ +@charset "utf-8" + +.oe_website_editorbar + position: fixed + top: 0 + right: 0 + z-index: 10 + display: block + width: 100% + padding: 2px + margin: 0px + z-index: 10000 + background-color: #414141 + background: -webkit-linear-gradient(#646060, #262626) + box-sizing: border-box + li + display: inline + color: #eee + &:hover + background: rgba(0,0,0,0.2) + text-shadow: black 0px 0px 3px + color: white + +.oe_website_editorbar .oe_rte_toolbar + div.dropdown + display: inline-block + li + display: list-item + + button + font-family: FontAwesome + font-weight: normal + font-style: normal + text-decoration: inherit + &.oe_button_list + padding-right: 3px + &:after + content: "\F0D7" + padding-left: 6px + +.oe_editable:focus + outline: #80B5F2 solid 5px !important diff --git a/addons/website/static/src/css/snippets.css b/addons/website/static/src/css/snippets.css index aea81b4f5f2..c9b726affde 100644 --- a/addons/website/static/src/css/snippets.css +++ b/addons/website/static/src/css/snippets.css @@ -37,20 +37,18 @@ top:0px; left:0px; right:0px; bottom:0px; background: rgba(151, 137, 255, 0.2); } +*/ .oe_snippet_editor{ position: fixed; z-index: 1000; - bottom: 0px; - left: 0px; - right: 0px; + bottom: 0; + left: 0; + right: 0; height: 214px; background: rgb(160,160,160); - box-shadow: 0px 1px 3px rgb(100,100,100) inset; - overflow-y: hidden; - overflow-x: scroll; + box-shadow: 0 1px 3px rgb(100,100,100) inset; } -*/ .oe_snippet_list{ width: auto; @@ -64,14 +62,12 @@ height: 160px; border-radius: 3px; background: white; - margin: 20px; - margin-left: 0px; + margin: 20px 20px 20px 0; cursor: pointer; border: 2px solid transparent; - box-shadow: 0px 1px 3px rgb(100,100,100); + box-shadow: 0 1px 3px rgb(100,100,100); position: relative; - top: 0px; - -webkit-transition: all 150ms linear; + top: 0; overflow: hidden; vertical-align: top; user-select: none; @@ -103,22 +99,22 @@ line-height: 1em; zoom: 0.6; } -.oe_snippet_editor .oe_snippet > .oe_container{ - margin-top: 0px; - zoom: 0.23; +.oe_snippet_editor .oe_snippet > .container{ + margin-top: 15px; + zoom: 0.17; line-height: 0.999em; line-height: 1em; } -.oe_snippet_editor .oe_snippet > .oe_row{ +.oe_snippet_editor .oe_snippet > .row{ margin-top: 0px; zoom: 0.23; line-height: 0.999em; } -.oe_snippet_editor .oe_snippet > .oe_span6{ - margin-top: 16px; - zoom: 0.47; +.oe_snippet_editor .oe_snippet > .span6{ + margin-top: 18px; + zoom: 0.34; } -.oe_snippet_editor .oe_snippet > .oe_span12{ +.oe_snippet_editor .oe_snippet > .span12{ margin-top: 16px; zoom: 0.23; } @@ -161,9 +157,22 @@ line-height: 160px; padding: 0px; } + +.oe_snippet_drop { + position: relative; + border: 2px dashed rgb(174, 52, 255); + background: rgba(147, 52, 255, 0.1); + min-height: 28px; + margin: -16px auto; + border-radius: 5px; + max-width: 50%; +} +.oe_snippet_drop.oe_accepting { + border: 2px dashed rgb(52, 255, 166); + background: rgba(52, 255, 190, 0.1); +} +/* [class*="span"]{ margin-left: 0px !important; } - - - +*/ diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css index e11bd754a05..0ff1d410de7 100644 --- a/addons/website/static/src/css/website.css +++ b/addons/website/static/src/css/website.css @@ -1,155 +1,113 @@ -@charset "utf-8"; -@font-face { - font-family: "mnmliconsRegular"; - src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot"); - src: url("/web/static/src/font/mnmliconsv21-webfont.woff") format("woff"); - src: url("/web/static/src/font/mnmliconsv21-webfont.ttf") format("truetype"); - src: url("/web/static/src/font/mnmliconsv21-webfont.svg") format("svg") active; - font-weight: normal; - font-style: normal; +.mt128 { + margin-top: 128px !important; } -@font-face { - font-family: "EntypoRegular"; - src: url("/web/static/src/font/entypo-webfont.eot") format("eot"); - src: url("/web/static/src/font/entypo-webfont.eot?#iefix") format("embedded-opentype"); - src: url("/web/static/src/font/entypo-webfont.woff") format("woff"); - src: url("/web/static/src/font/entypo-webfont.ttf") format("truetype"); - src: url("/web/static/src/font/entypo-webfont.svg") format("svg") active; - font-weight: normal; - font-style: normal; +.mt92 { + margin-top: 92px !important; } -@media print { - .oe_website { - padding-top: 0 !important; - } - .oe_website .oe_website_editorbar, .oe_website .css_noprint, .oe_website .oe_snippet_editor, .oe_website .oe_website_footer { - display: none !important; - } - .oe_website .oe_website_header > .container > .row, .oe_website .oe_website_body > .container > .row { - margin-left: 0px !important; - } -} -.oe_website { - background: #e9e9e9; - color: #646464; +.mt64 { + margin-top: 64px !important; } -.oe_website_header { - background: whitesmoke; - color: #333333; - padding-top: 8px; +.mt48 { + margin-top: 48px !important; } -/* Body {{{ */ -.oe_website_body { - background: white; - color: #333333; - padding-bottom: 32px; +.mt32 { + margin-top: 32px !important; } -/* }}} */ -/* Footer {{{ */ -.oe_website_footer { - border-top: solid 1px #e0e0e0; - padding-bottom: 32px; - padding-top: 32px; +.mt16 { + margin-top: 16px !important; } -.oe_website_footer h5 { - border-bottom: solid 1px rgba(0, 0, 0, 0.06); - margin-right: 24px; - padding-bottom: 6px; - margin-bottom: 6px; - margin-top: 24px; +.mt8 { + margin-top: 8px !important; } -.oe_website_footer ul { - list-style: none; - padding: 0; - margin: 0; +.mt4 { + margin-top: 4px !important; } -.oe_website_footer ul li { - display: block; - margin-bottom: 4px; - font-size: 14px; - margin-right: 32px; +.mt0 { + margin-top: 0px !important; } -.oe_website_footer ul li a { - color: inherit; - text-decoration: inherit; +html, body { + height: 100%; + box-sizing: border-box; + position: relative; } -.oe_website_footer ul li a:visited { - color: inherit; - text-decoration: inherit; -} - -.oe_website_footer ul li a:hover { - color: black; - text-decoration: inherit; -} - -.oe_website_copy { - margin-top: 24px; - margin-bottom: 6px; -} - -/* }}} */ -/* Editor {{{ */ -.oe_website_editorbar { - position: fixed; - top: 0; - right: 0; - z-index: 10; - display: block; - width: 100%; - padding: 10px; - margin: 0px; - background-color: #414141; - background-color: #454343; - background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626)); - background-image: -webkit-linear-gradient(top, #646060, #262626); - background-image: -moz-linear-gradient(top, #646060, #262626); - background-image: -ms-linear-gradient(top, #646060, #262626); - background-image: -o-linear-gradient(top, #646060, #262626); - background-image: linear-gradient(to bottom, #646060, #262626); +#wrap { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -300px; + padding: 0 0 364px; box-sizing: border-box; } -.oe_website_editorbar li { - display: inline; - color: #eeeeee; + +footer { + box-sizing: border-box; + height: 300px; + background: #eff8f8; + padding-top: 64px; + padding-bottom: 64px; } -.oe_website_editorbar li:hover { - background: rgba(0, 0, 0, 0.2); - text-shadow: black 0px 0px 3px; + +.subheader { + letter-spacing: 3px; + font-weight: 300; +} + +header.navbar-fixed-top { + position: static; +} + +.dark { + background: #eff8f8; + padding: 64px; +} + +h5 { + font-weight: bold; +} + +.nav > .pull-right { + float: right !important; +} + +.navbar .nav > li > p { + margin-bottom: 0px; +} + +.navbar .nav > li a { + text-shadow: none; +} + +.navbar .nav > li a { + float: none; + padding: 15px 15px 15px; + color: white; + text-decoration: none; + text-shadow: 0 1px 0 #2c3e50; +} + +.nav > li a { + display: block; +} + +#myCarousel .item { + min-height: 300px; color: white; } -.oe_website_editorbar .oe_rte_toolbar div.dropdown { - display: inline-block; -} -.oe_website_editorbar .oe_rte_toolbar div.dropdown li { - display: list-item; -} -.oe_website_editorbar .oe_rte_toolbar button { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; -} -.oe_website_editorbar .oe_rte_toolbar button.oe_button_list { - padding-right: 3px; -} -.oe_website_editorbar .oe_rte_toolbar button.oe_button_list:after { - content: "\F0D7"; - padding-left: 6px; -} - -/* }}} */ -.oe_editable:focus { - outline: #80b5f2 solid 5px !important; -} +.carousel > .css_carousel_options { + cursor: pointer; + position: absolute; + white-space: nowrap; + z-index: 1; + display: none; +} \ No newline at end of file diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass index 9863264d692..08848fb0346 100644 --- a/addons/website/static/src/css/website.sass +++ b/addons/website/static/src/css/website.sass @@ -1,241 +1,87 @@ @charset "utf-8" -// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:fdl=0 - -// Mixins {{{ -@font-face - font-family: 'mnmliconsRegular' - src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot') - src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff') - src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype') - src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active - font-weight: normal - font-style: normal - -@font-face - font-family: 'EntypoRegular' - src: url('/web/static/src/font/entypo-webfont.eot') format('eot') - src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype') - src: url('/web/static/src/font/entypo-webfont.woff') format('woff') - src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype') - src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active - font-weight: normal - font-style: normal - -@mixin reset() - border: none - padding: 0 - margin: 0 - background: none - @include radius(0) - @include box-shadow(none) - -@mixin vertical-gradient($startColor: #555, $endColor: #333) - background-color: mix($startColor, $endColor) - background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */ - background-image: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */ - background-image: -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */ - background-image: linear-gradient(to bottom, $startColor, $endColor) - -@mixin radial-gradient($gradient) - background-position: center center - background-image: -webkit-radial-gradient(circle, $gradient) - background-image: -moz-radial-gradient($gradient) - background-image: -ms-radial-gradient($gradient) - background-image: radial-gradient($gradient) - -@mixin radius($radius: 5px) - -moz-border-radius: $radius - -webkit-border-radius: $radius - border-radius: $radius - -@mixin box-shadow($bsval: 0px 1px 4px #777) - -moz-box-shadow: $bsval - -webkit-box-shadow: $bsval - box-shadow: $bsval - -@mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s)) - -webkit-transition: $transval - -moz-transition: $transval - -ms-transition: $transval - -o-transition: $transval - transition: $transval - -@mixin opacity($opacity: .5) - filter: alpha(opacity=$opacity * 100) - opacity: $opacity - -@mixin background-clip($clip: padding-box) - -webkit-background-clip: $clip - -moz-background-clip: $clip - background-clip: $clip - -@mixin box-sizing($type: content) - // type = border || content || padding - -webkit-box-sizing: #{$type}-box - -moz-box-sizing: #{$type}-box - -ms-box-sizing: #{$type}-box - box-sizing: #{$type}-box - -@mixin skew-gradient($startColor: #555, $endColor: #333) - background-color: $endColor - background: -moz-linear-gradient(135deg, $endColor, $startColor) - background: -o-linear-gradient(135deg, $startColor, $endColor) - background: -webkit-gradient(linear, left top, right bottom, from($startColor), to($endColor)) - background: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */ - -@mixin transform($transform) - -webkit-transform: $transform - -moz-transform: $transform - -ms-transform: $transform - -o-transform: $transform - transform: $transform - -@mixin keyframes($name) - @-webkit-keyframes #{$name} - @content - @-moz-keyframes #{$name} - @content - @-ms-keyframes #{$name} - @content - @-o-keyframes #{$name} - @content - @keyframes #{$name} - @content +.mt128 + margin-top: 128px !important +.mt92 + margin-top: 92px !important +.mt64 + margin-top: 64px !important +.mt48 + margin-top: 48px !important +.mt32 + margin-top: 32px !important +.mt16 + margin-top: 16px !important +.mt8 + margin-top: 8px !important +.mt4 + margin-top: 4px !important +.mt0 + margin-top: 0px !important -// Transforms the (readable) text of an inline element into an mmlicons icon, -// allows for actual readable text in-code (and in readers?) with iconic looks -@mixin text-to-icon($icon-name, $color: #404040) - font-size: 1px - letter-spacing: -1px - color: transparent - text-shadow: none - font-weight: normal - &:before - font: 21px "mnmliconsRegular" - content: $icon-name - color: $color - -@mixin text-to-entypo-icon($icon-name, $color: #404040, $size: 21px) - font-size: 1px - letter-spacing: -1px - color: transparent - text-shadow: none - font-weight: normal - &:before - font: $size "entypoRegular" - content: $icon-name - color: $color - -// }}} -@media print - .oe_website - padding-top: 0 !important - .oe_website_editorbar, .css_noprint, .oe_snippet_editor, .oe_website_footer - display: none !important - .oe_website_header, .oe_website_body - > .container > .row - margin-left: 0px !important - -.oe_website - background: #e9e9e9 - color: #646464 - -.oe_website_header - background: whitesmoke - color: #333 - padding-top: 8px - -/* Body {{{ */ -.oe_website_body - background: #fff - color: #333 - padding-bottom: 32px -/* }}} */ - -/* Footer {{{ */ -.oe_website_footer - border-top: solid 1px #e0e0e0 - padding-bottom: 32px - padding-top: 32px - -.oe_website_footer h5 - border-bottom: solid 1px rgba(0, 0, 0, 0.06) - margin-right: 24px - padding-bottom: 6px - margin-bottom: 6px - margin-top: 24px - -.oe_website_footer ul - list-style: none - padding: 0 - margin: 0 - -.oe_website_footer ul li - display: block - margin-bottom: 4px - font-size: 14px - margin-right: 32px - -.oe_website_footer ul li a - color: inherit - text-decoration: inherit - -.oe_website_footer ul li a:visited - color: inherit - text-decoration: inherit - -.oe_website_footer ul li a:hover - color: black - text-decoration: inherit - -.oe_website_copy - margin-top: 24px - margin-bottom: 6px -/* }}} */ - -/* Editor {{{ */ -.oe_website_editorbar - position: fixed - top: 0 - right: 0 - z-index: 10 - display: block - width: 100% - padding: 10px - margin: 0px - background-color: #414141 - @include vertical-gradient(#646060, #262626) +html,body + height: 100% box-sizing: border-box - li - display: inline - color: #eee - &:hover - background: rgba(0,0,0,0.2) - text-shadow: black 0px 0px 3px - color: white + position: relative -.oe_website_editorbar .oe_rte_toolbar - div.dropdown - display: inline-block - li - display: list-item +#wrap + min-height: 100% + height: auto !important + height: 100% + margin: 0 auto -300px + padding: 0 0 364px + box-sizing: border-box - button - font-family: FontAwesome - font-weight: normal - font-style: normal - text-decoration: inherit - &.oe_button_list - padding-right: 3px - &:after - content: "\F0D7" - padding-left: 6px +footer + box-sizing: border-box + height: 300px + background: rgb(239, 248, 248) // rgb(221, 235, 227) + padding-top: 64px + padding-bottom: 64px + //* + color: #1abc9c !important -/* }}} */ +.subheader + letter-spacing: 3px + font-weight: 300 -.oe_editable:focus - outline: #80B5F2 solid 5px !important +header.navbar-fixed-top + position: static + +.dark + background: rgb(239, 248, 248) + padding: 64px + +h5 + font-weight: bold + +.nav > .pull-right + float: right !important //bugfix for flatly theme + +.navbar .nav > li > p + margin-bottom: 0px + +.navbar .nav > li a + text-shadow: none + +.navbar .nav > li a + float: none + padding: 15px 15px 15px + color: #ffffff + text-decoration: none + text-shadow: 0 1px 0 #2c3e50 + +.nav > li a + display: block + +#myCarousel .item + min-height: 300px + color: white + +.carousel > .css_carousel_options + cursor: pointer + position: absolute + white-space: nowrap + z-index: 1 + display: none \ No newline at end of file diff --git a/addons/website/static/src/img/china.jpg b/addons/website/static/src/img/china.jpg new file mode 100644 index 00000000000..01a68b68501 Binary files /dev/null and b/addons/website/static/src/img/china.jpg differ diff --git a/addons/website/static/src/img/china_thumb.jpg b/addons/website/static/src/img/china_thumb.jpg new file mode 100644 index 00000000000..7a26640a2c6 Binary files /dev/null and b/addons/website/static/src/img/china_thumb.jpg differ diff --git a/addons/website/static/src/img/deers.jpg b/addons/website/static/src/img/deers.jpg new file mode 100644 index 00000000000..042f427c0b9 Binary files /dev/null and b/addons/website/static/src/img/deers.jpg differ diff --git a/addons/website/static/src/img/deers_thumb.jpg b/addons/website/static/src/img/deers_thumb.jpg new file mode 100644 index 00000000000..0771162ae49 Binary files /dev/null and b/addons/website/static/src/img/deers_thumb.jpg differ diff --git a/addons/website/static/src/img/desert.jpg b/addons/website/static/src/img/desert.jpg new file mode 100644 index 00000000000..bb70944499f Binary files /dev/null and b/addons/website/static/src/img/desert.jpg differ diff --git a/addons/website/static/src/img/desert_thumb.jpg b/addons/website/static/src/img/desert_thumb.jpg new file mode 100644 index 00000000000..2991604ffe8 Binary files /dev/null and b/addons/website/static/src/img/desert_thumb.jpg differ diff --git a/addons/website/static/src/img/fields.jpg b/addons/website/static/src/img/fields.jpg new file mode 100644 index 00000000000..772316c5de3 Binary files /dev/null and b/addons/website/static/src/img/fields.jpg differ diff --git a/addons/website/static/src/img/greenfields.jpg b/addons/website/static/src/img/greenfields.jpg new file mode 100644 index 00000000000..58c7bc49738 Binary files /dev/null and b/addons/website/static/src/img/greenfields.jpg differ diff --git a/addons/website/static/src/img/island.jpg b/addons/website/static/src/img/island.jpg new file mode 100644 index 00000000000..0212115e3c2 Binary files /dev/null and b/addons/website/static/src/img/island.jpg differ diff --git a/addons/website/static/src/img/volcano.jpg b/addons/website/static/src/img/volcano.jpg new file mode 100644 index 00000000000..c5bbcd6d15d Binary files /dev/null and b/addons/website/static/src/img/volcano.jpg differ diff --git a/addons/website/static/src/js/website.js b/addons/website/static/src/js/website.js index 02ea41d0fa5..617728ab205 100644 --- a/addons/website/static/src/js/website.js +++ b/addons/website/static/src/js/website.js @@ -1,5 +1,6 @@ openerp.website = function(instance) { var _lt = instance.web._lt; +var QWeb = instance.web.qweb; instance.website.EditorBar = instance.web.Widget.extend({ template: 'Website.EditorBar', events: { @@ -42,11 +43,33 @@ instance.website.EditorBar = instance.web.Widget.extend({ .add(this.$buttons.save) .parent().show(); // TODO: span edition changing edition state (save button) - this.rte.start_edition( - $('[data-oe-model]') - .not('link, script') - .prop('contentEditable', true) - .addClass('oe_editable')); + var $editables = $('[data-oe-model]') + .not('link, script') + // FIXME: propagation should make "meta" blocks non-editable in the first place... + .not('.oe_snippet_editor') + .prop('contentEditable', true) + .addClass('oe_editable'); + var $rte_ables = $editables.filter('div, p, li, section, header, footer').not('[data-oe-type]'); + var $raw_editables = $editables.not($rte_ables); + + // temporary fix until we fix ckeditor + $raw_editables.each(function () { + $(this).parents().add($(this).find('*')).on('click', function(ev) { + ev.preventDefault(); + ev.stopPropagation(); + }); + }); + + this.rte.start_edition($rte_ables); + $raw_editables.on('keydown keypress cut paste', function (e) { + var $target = $(e.target); + if ($target.hasClass('oe_dirty')) { + return; + } + + $target.addClass('oe_dirty'); + this.$buttons.save.prop('disabled', false); + }.bind(this)); }, rte_changed: function () { this.$buttons.save.prop('disabled', false); @@ -90,27 +113,31 @@ instance.website.EditorBar = instance.web.Widget.extend({ cancel: function () { window.location.reload(); }, + setup_droppable: function () { + var self = this; + $('.oe_snippet_drop').remove(); + var droppable = '
'; + var $zone = $(':not(.oe_snippet) > .container'); + $zone.after(droppable);//.after(droppable); + + $(".oe_snippet_drop").droppable({ + hoverClass: 'oe_accepting', + drop: function( event, ui ) { + console.log(event, ui, "DROP"); + + $(event.target).replaceWith($(ui.draggable).html()); + $('.oe_selected').remove(); + $('.oe_snippet_drop').remove(); + } + }); + }, snippet_start: function () { var self = this; - $('.oe_snippet').click(function(ev) { + $('.oe_snippet').draggable().click(function(ev) { + self.setup_droppable(); + $(".oe_snippet_drop").show(); $('.oe_selected').removeClass('oe_selected'); - var $snippet = $(ev.currentTarget); - $snippet.addClass('oe_selected'); - $snippet.draggable(); - var selector = $snippet.data("selector"); - var $zone = $(".oe_website_body " + selector); - var droppable = '
.
.
.
.
.
'; - $zone.before(droppable); - $zone.after(droppable); - $(".oe_snippet_drop").droppable({ - drop: function( event, ui ) { - console.log(event, ui, "DROP"); - var $target = $(event.target); - $target.before($snippet.html()); - $('.oe_selected').remove(); - $('.oe_snippet_drop').remove(); - } - }); + $(ev.currentTarget).addClass('oe_selected'); }); }, @@ -215,9 +242,18 @@ instance.website.RTE = instance.web.Widget.extend({ [Command, "\uf12c", 'subscript'], [Command, "\uf0c1", 'link'], [Command, "\uf127", 'unlink'], + [Command, "\uf10d", 'blockquote'], + // 'image' uses either filebrowserImageUploadUrl or + // filebrowserUploadUrl, and provides a `link` tab. imagebutton only + // uses filebrowserImageUploadUrl and does not provide a `link` tab to + // hotlink an image from the internets. + [Command, "\uf03e", 'image'], + // [Command, "\uf030", 'imagebutton'], [Group, "\uf0ca", [ [Command, "\uf0ca", 'bulletedlist'], - [Command, "\uf0cb", 'numberedlist'] + [Command, "\uf0cb", 'numberedlist'], + [Command, "\uf03b", 'outdent'], + [Command, "\uf03c", 'indent'] ]], [Group, _lt("Heading"), [ [Style, _lt('H1'), { element: 'h1' }], @@ -226,6 +262,12 @@ instance.website.RTE = instance.web.Widget.extend({ [Style, _lt('H4'), { element: 'h4', }], [Style, _lt('H5'), { element: 'h5', }], [Style, _lt('H6'), { element: 'h6', }] + ]], + [Group, "\uf039", [ + [Command, "\uf039", 'justifyblock'], + [Command, "\uf036", 'justifyleft'], + [Command, "\uf038", 'justifyright'], + [Command, "\uf037", 'justifycenter'] ]] ], // editor.ui.items -> possible commands &al @@ -253,6 +295,7 @@ instance.website.RTE = instance.web.Widget.extend({ var self = this; this.$el.show(); this.disable(); + this.snippet_carousel(); CKEDITOR.on('currentInstance', this.proxy('_change_focused_editor')); $elements .not('span, [data-oe-type]') @@ -296,18 +339,50 @@ instance.website.RTE = instance.web.Widget.extend({ this.toggle(!!CKEDITOR.currentInstance); }, _config: function () { + var removed_plugins = [ + // remove toolbar entirely + 'toolbar,elementspath,resize', + // remove custom context menu + 'contextmenu,tabletools,liststyle', + // magicline captures mousein/mouseout => draggable does not work + 'magicline' + ]; return { // Don't load ckeditor's style rules stylesSet: [], - // Remove toolbar entirely - removePlugins: 'toolbar,elementspath,resize', + removePlugins: removed_plugins.join(','), uiColor: '', // Ensure no config file is loaded customConfig: '', // Disable ACF allowedContent: true, + // Don't insert paragraphs around content in e.g.
  • + autoParagraph: false, + filebrowserImageUploadUrl: "/website/attach", }; }, + // TODO clean + snippet_carousel: function () { + var self = this; + $('.carousel .js_carousel_options .label').on('click', function (e) { + e.preventDefault(); + var $button = $(e.currentTarget) + var $c = $button.parents(".carousel:first"); + + if($button.hasClass("js_add")) { + var cycle = $c.find(".carousel-inner .item").size(); + $c.find(".carousel-inner").append(QWeb.render("Website.Snipped.carousel")); + $c.carousel(cycle); + } + else { + var cycle = $c.find(".carousel-inner .item.active").remove(); + $c.find(".carousel-inner .item:first").addClass("active"); + $c.carousel(0); + self.trigger('change', self, null); + } + }); + $('.carousel .js_carousel_options').show(); + } }); $(function(){ @@ -366,8 +441,6 @@ $(function(){ }); } - - function append_snippet(event){ console.log('click',this,event.button); if(event.button === 0){ @@ -389,10 +462,8 @@ $(function(){ } event.preventDefault(); } - }); - instance.web.ActionRedirect = function(parent, action) { var url = $.deparam(window.location.href).url; if (url) { @@ -401,4 +472,9 @@ instance.web.ActionRedirect = function(parent, action) { }; instance.web.client_actions.add("redirect", "instance.web.ActionRedirect"); +instance.web.GoToWebsite = function(parent, action) { + window.location.href = window.location.href.replace(/[?#].*/, '').replace(/\/admin[\/]?$/, ''); +}; +instance.web.client_actions.add("website.gotowebsite", "instance.web.GoToWebsite"); + }; diff --git a/addons/website/static/src/js/website_bootstrap.js b/addons/website/static/src/js/website_bootstrap.js index 857eb2f1219..68d2388be68 100644 --- a/addons/website/static/src/js/website_bootstrap.js +++ b/addons/website/static/src/js/website_bootstrap.js @@ -14,6 +14,6 @@ $(function() { $(function() { var editor = new instance.website.EditorBar(instance.webclient); editor.prependTo($('body')); - $('body').css('padding-top', editor.$el.outerHeight()); + $('body').css('padding-top', '32px'); // Not working properly: editor.$el.outerHeight()); }); }); diff --git a/addons/website/static/src/xml/website.xml b/addons/website/static/src/xml/website.xml index e65565d6a96..941015fd0f5 100644 --- a/addons/website/static/src/xml/website.xml +++ b/addons/website/static/src/xml/website.xml @@ -18,4 +18,12 @@