From aeaec79a2c13f4100b68eb7736f93231b6ecf011 Mon Sep 17 00:00:00 2001 From: saurabhbhatia Date: Tue, 30 Jul 2013 16:15:44 +0800 Subject: [PATCH] new themes, apps and widgets for new ui --- .../stylesheets/desktop/_desktop-helper.scss | 30 + .../stylesheets/desktop/bootstrap-orbit.css | 119 + app/assets/stylesheets/desktop/bootstrap.css | 5774 +++++++++++++++++ .../desktop/desktop-compatibility.css | 113 + .../stylesheets/desktop/desktop-component.css | 375 ++ .../desktop/desktop-component.scss | 367 ++ .../stylesheets/desktop/desktop-font.css | 1 + .../stylesheets/desktop/desktop-main.css | 794 +++ .../stylesheets/desktop/desktop-main.scss | 805 +++ .../stylesheets/desktop/desktop-media.css | 10 + .../desktop/desktop-select2.css.erb | 408 ++ .../stylesheets/desktop/desktop-select2.scss | 447 ++ .../desktop/desktop-timeline.css.erb | 155 + app/assets/stylesheets/desktop/desktop.css | 18 + .../stylesheets/desktop/font-awesome.css.erb | 31 + app/assets/stylesheets/desktop/icons.css.erb | 710 ++ .../stylesheets/desktop/jquery.gridster.css | 64 + .../stylesheets/desktop/jquery.miniColors.css | 59 + .../stylesheets/desktop/orbit-bar.css.erb | 234 + 19 files changed, 10514 insertions(+) create mode 100644 app/assets/stylesheets/desktop/_desktop-helper.scss create mode 100644 app/assets/stylesheets/desktop/bootstrap-orbit.css create mode 100644 app/assets/stylesheets/desktop/bootstrap.css create mode 100644 app/assets/stylesheets/desktop/desktop-compatibility.css create mode 100644 app/assets/stylesheets/desktop/desktop-component.css create mode 100644 app/assets/stylesheets/desktop/desktop-component.scss create mode 100644 app/assets/stylesheets/desktop/desktop-font.css create mode 100644 app/assets/stylesheets/desktop/desktop-main.css create mode 100644 app/assets/stylesheets/desktop/desktop-main.scss create mode 100644 app/assets/stylesheets/desktop/desktop-media.css create mode 100644 app/assets/stylesheets/desktop/desktop-select2.css.erb create mode 100644 app/assets/stylesheets/desktop/desktop-select2.scss create mode 100644 app/assets/stylesheets/desktop/desktop-timeline.css.erb create mode 100644 app/assets/stylesheets/desktop/desktop.css create mode 100755 app/assets/stylesheets/desktop/font-awesome.css.erb create mode 100644 app/assets/stylesheets/desktop/icons.css.erb create mode 100644 app/assets/stylesheets/desktop/jquery.gridster.css create mode 100755 app/assets/stylesheets/desktop/jquery.miniColors.css create mode 100644 app/assets/stylesheets/desktop/orbit-bar.css.erb diff --git a/app/assets/stylesheets/desktop/_desktop-helper.scss b/app/assets/stylesheets/desktop/_desktop-helper.scss new file mode 100644 index 000000000..2b52ab42f --- /dev/null +++ b/app/assets/stylesheets/desktop/_desktop-helper.scss @@ -0,0 +1,30 @@ +$gray: #ddd; + +@mixin font-main($font-size) { + font-family: "Source Sans Pro", sans-serif; + font-size: #{$font-size}px; +} +@mixin font-sub($font-size) { + font-family: "Source Sans Pro", Arial, sans-serif; + font-size: #{$font-size}px; +} +@mixin transition-type($property, $sec) { + -webkit-transition: #{$property} #{$sec}s ease; + -moz-transition: #{$property} #{$sec}s ease; + transition: #{$property} #{$sec}s ease; +} +@mixin box-sizing { + -webkit-box-sizing: border-box; /* webkit */ + -khtml-box-sizing: border-box; /* konqueror */ + -moz-box-sizing: border-box; /* firefox */ + -ms-box-sizing: border-box; /* ie */ + box-sizing: border-box; /* css3 */ +} +@mixin no-select { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/bootstrap-orbit.css b/app/assets/stylesheets/desktop/bootstrap-orbit.css new file mode 100644 index 000000000..0c251a2d0 --- /dev/null +++ b/app/assets/stylesheets/desktop/bootstrap-orbit.css @@ -0,0 +1,119 @@ +/*bootstrap-orbit*/ + +h1, h2, h3, h4, h5, h6 { + font-weight:normal ; +} +.tooltip { + font-size: 12px; +} +.tooltip-inner { + text-align: left; +} +.control-group { + margin-bottom: 0px; +} +.well { + margin-top:10px; + margin-bottom: 10px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset; + padding:9px; +} +.qe-block hr { + margin: 5px 10px 5px 0; +} +.label-tags { + background-color: #FF5B00; +} +.modal-body .control-group > label { + width: 140px; +} +.modal-body .controls { + margin-left: 160px; +} +.dropdown-menu { + min-width: 90px; +} +.subhead { + padding-bottom: 0; + margin-bottom: 9px; +} +.subhead h1 { + font-size: 54px; +} +/* Subnav */ +.subnav { + width: 100%; + height: 36px; + /*border-top: 1px solid #e5e5e5;*/ + background-color: #ffffff; +} +.subnav .filter { + margin-bottom: 0; + border-bottom: 1px solid #e5e5e5; +} +.subnav .filter > li > a { + margin: 0; + padding-top: 11px; + padding-bottom: 11px; + border-left: 1px solid #f5f5f5; + border-right: 1px solid #e5e5e5; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.subnav .filter > .active > a, .subnav .filter > .active > a:hover { + padding-left: 13px; + color: #777; + background-color: #e9e9e9; + border-right-color: #ddd; + border-left: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); + box-shadow: inset 0 3px 5px rgba(0,0,0,.05); +} +.subnav .filter > .active > a .caret, .subnav .filter > .active > a:hover .caret { + border-top-color: #777; +} +.subnav .filter > li:first-child > a, .subnav .filter > li:first-child > a:hover { + border-left: 0; + padding-left: 12px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.subnav .filter > li:last-child > a { + border-right: 0; +} +.subnav .dropdown-menu { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +table .span1-2 { + min-width: 85px; + float: none; + margin-left: 0; +} +table .span1-3 { + min-width: 200px; + float: none; + margin-left: 0; +} +.qe-block .form-horizontal .form-actions { + text-align:right; +} +.form-actions form { + margin-bottom: 0; +} +.form-actions form input { + margin-bottom: 0; +} +.modal.fade { + top: -50%; +} +.form-search button { + margin-bottom: 0; +} +.modal form { + margin-bottom: 0; +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/bootstrap.css b/app/assets/stylesheets/desktop/bootstrap.css new file mode 100644 index 000000000..476405e27 --- /dev/null +++ b/app/assets/stylesheets/desktop/bootstrap.css @@ -0,0 +1,5774 @@ +/*! + * Bootstrap v2.1.1 + * + * 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. + */ + +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 { + 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, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +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; +} + +.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; +} + +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + line-height: 20px; + color: #333333; + background-color: #ffffff; +} + +a { + color: #0088cc; + text-decoration: none; +} + +a:hover { + color: #005580; + 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 .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: 21px; + font-weight: 200; + line-height: 30px; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #999999; +} + +.text-warning { + color: #c09853; +} + +.text-error { + color: #b94a48; +} + +.text-info { + color: #3a87ad; +} + +.text-success { + color: #468847; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 10px 0; + font-family: inherit; + font-weight: bold; + line-height: 1; + color: inherit; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1 { + font-size: 36px; + line-height: 40px; +} + +h2 { + font-size: 30px; + line-height: 40px; +} + +h3 { + font-size: 24px; + line-height: 40px; +} + +h4 { + font-size: 18px; + line-height: 20px; +} + +h5 { + font-size: 14px; + line-height: 20px; +} + +h6 { + font-size: 12px; + line-height: 20px; +} + +h1 small { + font-size: 24px; +} + +h2 small { + font-size: 18px; +} + +h3 small { + font-size: 14px; +} + +h4 small { + font-size: 14px; +} + +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #eeeeee; +} + +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; +} + +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 #eeeeee; + border-bottom: 1px solid #ffffff; +} + +abbr[title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} + +blockquote p { + margin-bottom: 0; + font-size: 16px; + font-weight: 300; + line-height: 25px; +} + +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + 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: 12px; + color: #333333; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +code { + padding: 2px 4px; + color: #d14; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + 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: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + 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: 21px; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +legend small { + font-size: 15px; + color: #999999; +} + +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} + +input, +button, +select, +textarea { + font-family: "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: 9px; + font-size: 14px; + line-height: 20px; + color: #555555; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +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 #cccccc; + -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; + cursor: pointer; +} + +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 #cccccc; +} + +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: #999999; + cursor: not-allowed; + background-color: #fcfcfc; + border-color: #cccccc; + -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: #999999; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} + +.radio, +.checkbox { + min-height: 18px; + padding-left: 18px; +} + +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -18px; +} + +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} + +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} + +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; +} + +.input-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"] { + float: left; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #eeeeee; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: transparent; +} + +.control-group.warning > label, +.control-group.warning .help-block, +.control-group.warning .help-inline { + color: #c09853; +} + +.control-group.warning .checkbox, +.control-group.warning .radio, +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + color: #c09853; +} + +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + border-color: #c09853; + -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: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} + +.control-group.warning .input-prepend .add-on, +.control-group.warning .input-append .add-on { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} + +.control-group.error > label, +.control-group.error .help-block, +.control-group.error .help-inline { + color: #b94a48; +} + +.control-group.error .checkbox, +.control-group.error .radio, +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + color: #b94a48; +} + +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + border-color: #b94a48; + -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: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} + +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} + +.control-group.success > label, +.control-group.success .help-block, +.control-group.success .help-inline { + color: #468847; +} + +.control-group.success .checkbox, +.control-group.success .radio, +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + color: #468847; +} + +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + border-color: #468847; + -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: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} + +.control-group.success .input-prepend .add-on, +.control-group.success .input-append .add-on { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} + +.control-group.info > label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} + +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} + +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -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: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} + +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} + +input:focus:required:invalid, +textarea:focus:required:invalid, +select:focus:required:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:required:invalid:focus, +textarea:focus:required:invalid:focus, +select:focus:required:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + -moz-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} + +.form-actions { + padding: 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: #595959; +} + +.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 { + margin-bottom: 5px; + font-size: 0; + white-space: nowrap; +} + +.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; + font-size: 14px; + vertical-align: top; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 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: 14px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + background-color: #eeeeee; + border: 1px solid #ccc; +} + +.input-append .add-on, +.input-prepend .add-on, +.input-append .btn, +.input-prepend .btn { + vertical-align: top; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.input-append .active, +.input-prepend .active { + background-color: #a9dba9; + border-color: #46a546; +} + +.input-prepend .add-on, +.input-prepend .btn { + margin-right: -1px; +} + +.input-prepend .add-on:first-child, +.input-prepend .btn:first-child { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} + +.input-append input, +.input-append select, +.input-append .uneditable-input { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} + +.input-append .add-on, +.input-append .btn { + margin-left: -1px; +} + +.input-append .add-on:last-child, +.input-append .btn:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 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 .add-on:first-child, +.input-prepend.input-append .btn:first-child { + margin-right: -1px; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} + +.input-prepend.input-append .add-on:last-child, +.input-prepend.input-append .btn:last-child { + margin-left: -1px; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 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 { + 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-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: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.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 { + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; +} + +.table-bordered thead:first-child tr:first-child th:last-child, +.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; +} + +.table-bordered thead:last-child tr:last-child th:first-child, +.table-bordered tbody:last-child tr:last-child td:first-child, +.table-bordered tfoot:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 4px; + -moz-border-radius: 0 0 0 4px; + border-radius: 0 0 0 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; +} + +.table-bordered thead:last-child tr:last-child th:last-child, +.table-bordered tbody:last-child tr:last-child td:last-child, +.table-bordered tfoot:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; +} + +.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: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; +} + +.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: 4px; + border-top-right-radius: 4px; + -moz-border-radius-topleft: 4px; +} + +.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 [class*=span], +.row-fluid table [class*=span] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table .span1 { + float: none; + width: 44px; + margin-left: 0; +} + +.table .span2 { + float: none; + width: 124px; + margin-left: 0; +} + +.table .span3 { + float: none; + width: 204px; + margin-left: 0; +} + +.table .span4 { + float: none; + width: 284px; + margin-left: 0; +} + +.table .span5 { + float: none; + width: 364px; + margin-left: 0; +} + +.table .span6 { + float: none; + width: 444px; + margin-left: 0; +} + +.table .span7 { + float: none; + width: 524px; + margin-left: 0; +} + +.table .span8 { + float: none; + width: 604px; + margin-left: 0; +} + +.table .span9 { + float: none; + width: 684px; + margin-left: 0; +} + +.table .span10 { + float: none; + width: 764px; + margin-left: 0; +} + +.table .span11 { + float: none; + width: 844px; + margin-left: 0; +} + +.table .span12 { + float: none; + width: 924px; + margin-left: 0; +} + +.table .span13 { + float: none; + width: 1004px; + margin-left: 0; +} + +.table .span14 { + float: none; + width: 1084px; + margin-left: 0; +} + +.table .span15 { + float: none; + width: 1164px; + margin-left: 0; +} + +.table .span16 { + float: none; + width: 1244px; + margin-left: 0; +} + +.table .span17 { + float: none; + width: 1324px; + margin-left: 0; +} + +.table .span18 { + float: none; + width: 1404px; + margin-left: 0; +} + +.table .span19 { + float: none; + width: 1484px; + margin-left: 0; +} + +.table .span20 { + float: none; + width: 1564px; + margin-left: 0; +} + +.table .span21 { + float: none; + width: 1644px; + margin-left: 0; +} + +.table .span22 { + float: none; + width: 1724px; + margin-left: 0; +} + +.table .span23 { + float: none; + width: 1804px; + margin-left: 0; +} + +.table .span24 { + float: none; + width: 1884px; + margin-left: 0; +} + +.table tbody tr.success td { + background-color: #dff0d8; +} + +.table tbody tr.error td { + background-color: #f2dede; +} + +.table tbody tr.warning td { + background-color: #fcf8e3; +} + +.table tbody tr.info td { + background-color: #d9edf7; +} + +.table-hover tbody tr.success:hover td { + background-color: #d0e9c6; +} + +.table-hover tbody tr.error:hover td { + background-color: #ebcccc; +} + +.table-hover tbody tr.warning:hover td { + background-color: #faf2cc; +} + +.table-hover tbody tr.info:hover td { + background-color: #c4e3f3; +} +/* +[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/active states of certain elements + +.icon-white, +.nav-tabs > .active > a > [class^="icon-"], +.nav-tabs > .active > a > [class*=" icon-"], +.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:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > 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 { + 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: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + *border-right-width: 2px; + *border-bottom-width: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.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: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus, +.dropdown-submenu:hover > a { + color: #ffffff; + text-decoration: none; + background-color: #0088cc; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-repeat: repeat-x; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu .active > a, +.dropdown-menu .active > a:hover { + color: #ffffff; + text-decoration: none; + background-color: #0088cc; + background-color: #0081c2; + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-repeat: repeat-x; + outline: 0; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu .disabled > a, +.dropdown-menu .disabled > a:hover { + color: #999999; +} + +.dropdown-menu .disabled > a:hover { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.open { + *z-index: 1000; +} + +.open > .dropdown-menu { + display: block; +} + +.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; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: #cccccc; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + margin-top: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-large { + padding: 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.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 { + 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 14px; + margin-bottom: 0; + *margin-left: .3em; + font-size: 14px; + line-height: 20px; + *line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + *background-color: #e6e6e6; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #bbbbbb; + *border: 0; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-bottom-color: #a2a2a2; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', 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:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #333333; + background-color: #e6e6e6; + *background-color: #d9d9d9; +} + +.btn:active, +.btn.active { + background-color: #cccccc \9; +} + +.btn:first-child { + *margin-left: 0; +} + +.btn:hover { + color: #333333; + text-decoration: none; + background-color: #e6e6e6; + *background-color: #d9d9d9; + /* Buttons in IE7 don't get borders, so darken on hover */ + + 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-color: #e6e6e6; + background-color: #d9d9d9 \9; + 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-color: #e6e6e6; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 9px 14px; + font-size: 16px; + line-height: normal; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.btn-large [class^="icon-"] { + margin-top: 2px; +} + +.btn-small { + padding: 3px 9px; + font-size: 12px; + line-height: 18px; +} + +.btn-small [class^="icon-"] { + margin-top: 0; +} + +.btn-mini { + padding: 2px 6px; + font-size: 11px; + line-height: 17px; +} + +.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 { + border-color: #c5c5c5; + border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); +} + +.btn-primary { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + *background-color: #0044cc; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + border-color: #0044cc #0044cc #002a80; + 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='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.btn-primary:hover, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + color: #ffffff; + background-color: #0044cc; + *background-color: #003bb3; +} + +.btn-primary:active, +.btn-primary.active { + background-color: #003399 \9; +} + +.btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #faa732; + *background-color: #f89406; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-repeat: repeat-x; + border-color: #f89406 #f89406 #ad6704; + 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='#fffbb450', endColorstr='#fff89406', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.btn-warning:hover, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + color: #ffffff; + background-color: #f89406; + *background-color: #df8505; +} + +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} + +.btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + *background-color: #bd362f; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-repeat: repeat-x; + border-color: #bd362f #bd362f #802420; + 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='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.btn-danger:hover, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + color: #ffffff; + background-color: #bd362f; + *background-color: #a9302a; +} + +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} + +.btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #5bb75b; + *background-color: #51a351; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-repeat: repeat-x; + border-color: #51a351 #51a351 #387038; + 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='#ff62c462', endColorstr='#ff51a351', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.btn-success:hover, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + color: #ffffff; + background-color: #51a351; + *background-color: #499249; +} + +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} + +.btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #49afcd; + *background-color: #2f96b4; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-repeat: repeat-x; + border-color: #2f96b4 #2f96b4 #1f6377; + 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='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.btn-info:hover, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + color: #ffffff; + background-color: #2f96b4; + *background-color: #2a85a0; +} + +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} + +.btn-inverse { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + *background-color: #222222; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); + background-image: -webkit-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(top, #444444, #222222); + background-image: linear-gradient(to bottom, #444444, #222222); + background-image: -moz-linear-gradient(top, #444444, #222222); + background-repeat: repeat-x; + border-color: #222222 #222222 #000000; + 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='#ff444444', endColorstr='#ff222222', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.btn-inverse:hover, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #222222; + *background-color: #151515; +} + +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \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: #0088cc; + cursor: pointer; + border-color: transparent; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.btn-link:hover { + color: #005580; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover { + color: #333333; + text-decoration: none; +} + +.btn-group { + position: relative; + *margin-left: .3em; + font-size: 0; + white-space: nowrap; + vertical-align: middle; +} + +.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-group { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} + +.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 { + font-size: 14px; +} + +.btn-group > .btn-mini { + font-size: 11px; +} + +.btn-group > .btn-small { + font-size: 12px; +} + +.btn-group > .btn-large { + font-size: 16px; +} + +.btn-group > .btn:first-child { + margin-left: 0; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-topleft: 4px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; +} + +.btn-group > .btn.large: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.large:last-child, +.btn-group > .large.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: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: #e6e6e6; +} + +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #0044cc; +} + +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #f89406; +} + +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #bd362f; +} + +.btn-group.open .btn-success.dropdown-toggle { + background-color: #51a351; +} + +.btn-group.open .btn-info.dropdown-toggle { + background-color: #2f96b4; +} + +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-mini .caret, +.btn-small .caret, +.btn-large .caret { + margin-top: 6px; +} + +.btn-large .caret { + border-top-width: 5px; + border-right-width: 5px; + border-left-width: 5px; +} + +.dropup .btn-large .caret { + border-top: 0; + border-bottom: 5px solid #000000; +} + +.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; + 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: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.btn-group-vertical .btn:last-child { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.btn-group-vertical .btn-large: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-large:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + color: #c09853; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.alert h4 { + margin: 0; +} + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; +} + +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-danger, +.alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.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 { + text-decoration: none; + background-color: #eeeeee; +} + +.nav > .pull-right { + float: right; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + 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 { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #0088cc; +} + +.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 { + border-color: #eeeeee #eeeeee #dddddd; +} + +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover { + color: #555555; + 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 { + color: #ffffff; + background-color: #0088cc; +} + +.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 { + 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: #0088cc; + border-bottom-color: #0088cc; +} + +.nav .dropdown-toggle:hover .caret { + border-top-color: #005580; + border-bottom-color: #005580; +} + +/* 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: #555555; + border-bottom-color: #555555; +} + +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover { + color: #ffffff; + background-color: #999999; + border-color: #999999; +} + +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; + opacity: 1; + filter: alpha(opacity=100); +} + +.tabs-stacked .open > a:hover { + border-color: #999999; +} + +.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 { + border-top-color: #ddd; + border-bottom-color: transparent; +} + +.tabs-below > .nav-tabs > .active > a, +.tabs-below > .nav-tabs > .active > a:hover { + border-color: transparent #ddd #ddd #ddd; +} + +.tabs-left > .nav-tabs > li, +.tabs-right > .nav-tabs > li { + float: none; +} + +.tabs-left > .nav-tabs > li > a, +.tabs-right > .nav-tabs > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; +} + +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #ddd; +} + +.tabs-left > .nav-tabs > li > a { + margin-right: -1px; + -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 { + border-color: #eeeeee #dddddd #eeeeee #eeeeee; +} + +.tabs-left > .nav-tabs .active > a, +.tabs-left > .nav-tabs .active > a:hover { + border-color: #ddd transparent #ddd #ddd; + *border-right-color: #ffffff; +} + +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #ddd; +} + +.tabs-right > .nav-tabs > li > a { + margin-left: -1px; + -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 { + border-color: #eeeeee #eeeeee #eeeeee #dddddd; +} + +.tabs-right > .nav-tabs .active > a, +.tabs-right > .nav-tabs .active > a:hover { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #ffffff; +} + +.nav > .disabled > a { + color: #999999; +} + +.nav > .disabled > a:hover { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.navbar { + *position: relative; + *z-index: 2; + margin-bottom: 20px; + overflow: visible; + color: #777777; +} + +.navbar-inner { + min-height: 40px; + padding-right: 20px; + padding-left: 20px; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); + background-repeat: repeat-x; + border: 1px solid #d4d4d4; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', 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; +} + +.navbar .brand { + display: block; + float: left; + padding: 10px 20px 10px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} + +.navbar .brand:hover { + text-decoration: none; +} + +.navbar-text { + margin-bottom: 0; + line-height: 40px; +} + +.navbar-link { + color: #777777; +} + +.navbar-link:hover { + color: #333333; +} + +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-right: 1px solid #ffffff; + border-left: 1px solid #f2f2f2; +} + +.navbar .btn, +.navbar .btn-group { + margin-top: 5px; +} + +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn { + 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: 5px; +} + +.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: 6px; + white-space: nowrap; +} + +.navbar-form .input-append input, +.navbar-form .input-prepend input { + margin-top: 0; +} + +.navbar-search { + position: relative; + float: left; + margin-top: 5px; + margin-bottom: 0; +} + +.navbar-search .search-query { + padding: 4px 14px; + margin-bottom: 0; + font-family: "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; + width: 100%; + 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: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 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: 10px 15px 10px; + color: #777777; + text-decoration: none; + text-shadow: 0 1px 0 #ffffff; +} + +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; +} + +.navbar .nav > li > a:focus, +.navbar .nav > li > a:hover { + color: #333333; + text-decoration: none; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + text-decoration: none; + background-color: #e5e5e5; + -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: #ededed; + *background-color: #e5e5e5; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-repeat: repeat-x; + border-color: #e5e5e5 #e5e5e5 #bfbfbf; + 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='#fff2f2f2', endColorstr='#ffe5e5e5', 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:active, +.navbar .btn-navbar.active, +.navbar .btn-navbar.disabled, +.navbar .btn-navbar[disabled] { + color: #ffffff; + background-color: #e5e5e5; + *background-color: #d9d9d9; +} + +.navbar .btn-navbar:active, +.navbar .btn-navbar.active { + background-color: #cccccc \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.2); + 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 #ffffff; + 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.2); +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + top: auto; + bottom: -6px; + border-top: 6px solid #ffffff; + border-bottom: 0; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #e5e5e5; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.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: #555555; + border-bottom-color: #555555; +} + +.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 { + color: #999999; +} + +.navbar-inverse .navbar-inner { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); + background-repeat: repeat-x; + border-color: #252525; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); +} + +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { + color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover { + color: #ffffff; +} + +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} + +.navbar-inverse .navbar-link { + color: #999999; +} + +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} + +.navbar-inverse .divider-vertical { + border-right-color: #222222; + border-left-color: #111111; +} + +.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: #ffffff; + background-color: #111111; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.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: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #515151; + border-color: #111111; + -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: #cccccc; +} + +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + 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: #0e0e0e; + *background-color: #040404; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-image: -moz-linear-gradient(top, #151515, #040404); + background-repeat: repeat-x; + border-color: #040404 #040404 #000000; + 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='#ff151515', endColorstr='#ff040404', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; + *background-color: #000000; +} + +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.breadcrumb li { + display: inline-block; + *display: inline; + text-shadow: 0 1px 0 #ffffff; + *zoom: 1; +} + +.breadcrumb .divider { + padding: 0 5px; + color: #ccc; +} + +.breadcrumb .active { + color: #999999; +} + +.pagination { + height: 40px; + margin: 20px 0; +} + +.pagination ul { + display: inline-block; + *display: inline; + margin-bottom: 0; + margin-left: 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + *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: 0 14px; + line-height: 38px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination ul > li > a:hover, +.pagination ul > .active > a, +.pagination ul > .active > span { + background-color: #f5f5f5; +} + +.pagination ul > .active > a, +.pagination ul > .active > span { + color: #999999; + cursor: default; +} + +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover { + color: #999999; + cursor: default; + background-color: transparent; +} + +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { + border-left-width: 1px; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} + +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} + +.pagination-centered { + text-align: center; +} + +.pagination-right { + text-align: right; +} + +.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 a, +.pager 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 a:hover { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next a, +.pager .next span { + float: right; +} + +.pager .previous a { + float: left; +} + +.pager .disabled a, +.pager .disabled a:hover, +.pager .disabled span { + color: #999999; + cursor: default; + background-color: #fff; +} + +.modal-open .modal .dropdown-menu { + z-index: 2050; +} + +.modal-open .modal .dropdown.open { + *z-index: 2050; +} + +.modal-open .modal .popover { + z-index: 2060; +} + +.modal-open .modal .tooltip { + z-index: 2080; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.modal { + position: fixed; + top: 50%; + left: 50%; + z-index: 1050; + width: 560px; + margin: -250px 0 0 -280px; + overflow: auto; + 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; + -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: 50%; +} + +.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 { + 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; +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + padding: 5px; + font-size: 11px; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.tooltip.top { + margin-top: -3px; +} + +.tooltip.right { + margin-left: 3px; +} + +.tooltip.bottom { + margin-top: 3px; +} + +.tooltip.left { + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.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: #000000; + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: #000000; + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: #000000; + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: #000000; + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + width: 236px; + padding: 1px; + background-color: #ffffff; + 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-bottom: 10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-right: 10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +.popover-content p, +.popover-content ul, +.popover-content ol { + margin-bottom: 0; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: inline-block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow:after { + z-index: -1; + content: ""; +} + +.popover.top .arrow { + bottom: -10px; + left: 50%; + margin-left: -10px; + border-top-color: #ffffff; + border-width: 10px 10px 0; +} + +.popover.top .arrow:after { + bottom: -1px; + left: -11px; + border-top-color: rgba(0, 0, 0, 0.25); + border-width: 11px 11px 0; +} + +.popover.right .arrow { + top: 50%; + left: -10px; + margin-top: -10px; + border-right-color: #ffffff; + border-width: 10px 10px 10px 0; +} + +.popover.right .arrow:after { + bottom: -11px; + left: -1px; + border-right-color: rgba(0, 0, 0, 0.25); + border-width: 11px 11px 11px 0; +} + +.popover.bottom .arrow { + top: -10px; + left: 50%; + margin-left: -10px; + border-bottom-color: #ffffff; + border-width: 0 10px 10px; +} + +.popover.bottom .arrow:after { + top: -1px; + left: -11px; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-width: 0 11px 11px; +} + +.popover.left .arrow { + top: 50%; + right: -10px; + margin-top: -10px; + border-left-color: #ffffff; + border-width: 10px 0 10px 10px; +} + +.popover.left .arrow:after { + right: -1px; + bottom: -11px; + border-left-color: rgba(0, 0, 0, 0.25); + border-width: 11px 0 11px 11px; +} + +.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: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -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 { + border-color: #0088cc; + -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: #555555; +} + +.label, +.badge { + font-size: 11.844px; + 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: #999999; +} + +.label { + padding: 1px 4px 2px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.badge { + padding: 1px 9px 2px; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; +} + +a.label:hover, +a.badge:hover { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} + +.label-important, +.badge-important { + background-color: #b94a48; +} + +.label-important[href], +.badge-important[href] { + background-color: #953b39; +} + +.label-warning, +.badge-warning { + background-color: #f89406; +} + +.label-warning[href], +.badge-warning[href] { + background-color: #c67605; +} + +.label-success, +.badge-success { + background-color: #468847; +} + +.label-success[href], +.badge-success[href] { + background-color: #356635; +} + +.label-info, +.badge-info { + background-color: #3a87ad; +} + +.label-info[href], +.badge-info[href] { + background-color: #2d6987; +} + +.label-inverse, +.badge-inverse { + background-color: #333333; +} + +.label-inverse[href], +.badge-inverse[href] { + background-color: #1a1a1a; +} + +.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: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + 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: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); +} + +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { + background-color: #fbb450; + 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: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.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 .item { + position: relative; + + -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 .item > img { + display: block; + line-height: 1; +} + +.carousel .active, +.carousel .next, +.carousel .prev { + display: block; +} + +.carousel .active { + left: 0; +} + +.carousel .next, +.carousel .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel .next { + left: 100%; +} + +.carousel .prev { + left: -100%; +} + +.carousel .next.left, +.carousel .prev.right { + left: 0; +} + +.carousel .active.left { + left: -100%; +} + +.carousel .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #ffffff; + text-align: center; + background: #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 { + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 15px; + background: #333333; + 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; + background-color: #eeeeee; + -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 p { + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none; +} + +.show { + display: block; +} + +.invisible { + visibility: hidden; +} + +.affix { + position: fixed; +} diff --git a/app/assets/stylesheets/desktop/desktop-compatibility.css b/app/assets/stylesheets/desktop/desktop-compatibility.css new file mode 100644 index 000000000..440a4a43c --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-compatibility.css @@ -0,0 +1,113 @@ +/* + *This is a manifest file that'll automatically include all the stylesheets available in this directory + *and any sub-directories. You're free to add application-wide styles to this file and they'll appear at + *the top of the compiled file, but it's generally better to create a new file per style scope. + *= require desktop/desktop-font + *= require bootstrap + *= require bootstrap-orbit + *= require icons + *= require desktop/desktop-main + *= require desktop/desktop-media + *= require orbit-bar +*/ +html, body, #compatibility { + height: 100%; + *overflow: hidden; +} +header { + display: block; +} +body { + background: #7DAE0F url(compatibility_bg.jpg) center top no-repeat; +} +#compatibility { + position: relative; +} +#support_list { + width: 516px; + height: 490px; + position: absolute; + left: 50%; + top: 50%; + margin: -245px 0 0 -258px; +} +#support_list li { + position: absolute; + overflow: hidden; +} + +[data-col="1"] { left: 0;} +[data-col="2"] { left: 132px;} +[data-col="3"] { left: 264px;} +[data-col="4"] { left: 396px;} +[data-row="1"] { top: 0;} +[data-row="2"] { top: 132px;} +[data-row="3"] { top: 264px;} +[data-row="4"] { top: 396px;} + +.app-chrome { background-color: #000;} +.app-safari { background-color: #666;} +.app-opera { background-color: #FF0000;} +.app-ie { background-color: #3399CC;} +.app-firefox { background-color: #FF6600;} + +.appname { + color: #fff; +} +.appicon { + margin: 0 auto; +} +.w1.h1 .appname { + padding: 0 10px; + *width: 100px; +} +.w1.h1 .appicon { + margin-top: 24px; + *padding-top: 24px; +} +.w2.h2 .appname { + font-size: 21px; + font-weight: normal; + height: 50px; + line-height: 50px; + *width: 228px; +} +.w2.h2 .appicon { + width: 120px; + height: 120px; + margin-top: 64px; + *padding-top: 64px; +} +.w2.h1 .appname { + height: 120px; + line-height: 120px; + font-size: 21px; + left: 120px; + width: 132px; + padding-left: 0; +} +.w2.h1 .appicon { + width: 80px; + height: 80px; + margin: 20px; + *padding: 20px; + *margin: 0; +} + +.desc { + font-size: 13px; + font-weight: normal; + line-height: 1.2em; + color: #333; + width: 100%; +} +.desc h1 { + font-size: 21px; + font-weight: normal; + padding: 16px 0; + *padding: 10px 0; + color: #000; +} + +.op09 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); } +.op07 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/desktop-component.css b/app/assets/stylesheets/desktop/desktop-component.css new file mode 100644 index 000000000..9ad83872b --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-component.css @@ -0,0 +1,375 @@ +.noSelect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +/* tinygrid */ +.s_grid_row { + overflow: hidden; + position: relative; + margin-bottom: 12px; } + .s_grid_row .s_grid { + float: left; + margin: 0 0 0 12px; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + .s_grid_row .s_grid:first-child { + margin-left: 0; } + .s_grid_row .s_grid_1 { + width: 24px; } + .s_grid_row .s_grid_2 { + width: 60px; } + .s_grid_row .s_grid_3 { + width: 96px; } + .s_grid_row .s_grid_4 { + width: 132px; } + .s_grid_row .s_grid_5 { + width: 168px; } + .s_grid_row .s_grid_6 { + width: 204px; } + .s_grid_row .s_grid_7 { + width: 240px; } + .s_grid_row .s_grid_8 { + width: 276px; } + .s_grid_row .s_grid_9 { + width: 312px; } + .s_grid_row .s_grid_10 { + width: 348px; } + .s_grid_row .s_grid_11 { + width: 384px; } + .s_grid_row .s_grid_12 { + width: 420px; } + .s_grid_row:last-child { + margin-bottom: 0; } + .s_grid_row .s_grid_h_1 { + height: 32px; } + .s_grid_row .s_grid_h_2 { + height: 76px; } + .s_grid_row .s_grid_h_3 { + height: 120px; } + .s_grid_row .s_grid_h_4 { + height: 164px; } + .s_grid_row .s_grid_h_5 { + height: 208px; } + .s_grid_row .s_grid_h_6 { + height: 252px; } + .s_grid_row .s_grid_h_7 { + height: 296px; } + .s_grid_row .s_grid_h_8 { + height: 340px; } + .s_grid_row .s_grid_h_9 { + height: 384px; } + .s_grid_row .s_grid_h_10 { + height: 428px; } + +/* simple dropdown menu */ +.sdm { + position: relative; } + +.sdm_t { + cursor: default; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.sdm:hover .sdm_o { + display: block; } + +.sdm_o { + display: none; + position: absolute; + z-index: 9; + left: 0; + top: 60px; + font-size: 15px; + width: 120px; + border: solid 2px #dddddd; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + .sdm_o li { + border-top: solid 1px #f7f7f7; } + .sdm_o li:first-child { + border: none; } + .sdm_o a { + display: block; } + .sdm_o .admtxt { + display: block; + line-height: 36px; } + +/* simple dropdown menu with indicator */ +.sdm_mdr .sdm_t { + padding-right: 12px; } + +.sdm_mdr .mdr { + position: absolute; + right: 0; } + +/* simple menu */ +.s_menu { + font-size: 15px; + line-height: 36px; } + .s_menu li { + border-top: solid 1px #dddddd; } + .s_menu li:first-child { + border: none; } + .s_menu a { + display: block; } + +/* simple tabs */ +.s_tab { + font-size: 15px; + line-height: 36px; } + +.s_tab ul { + overflow: hidden; } + +.s_tab li { + float: left; } + +.s_tab a { + display: block; } + +.s_tab .admbg { + background-color: #f0f0f0; } + +.st_c { + display: none; } + +.st_c:first-child { + display: block; } + +/* simple form */ +.s_form { + font-size: 15px; } + .s_form label { + font-size: 13px; + font-weight: bold; + display: inline-block; + vertical-align: middle; + width: 100px; + margin-right: 24px; + color: #777; } + .s_form label.s_grid { + line-height: 32px; } + .s_form input[type=text], + .s_form input[type=password], + .s_form select { + height: 32px; + margin-top: 0; + margin-bottom: 0; } + .s_form input[type=file] { + vertical-align: baseline; } + .s_form input[type=text], + .s_form input[type=password], + .s_form textarea { + border: solid 1px #dddddd; + font-size: 15px; + margin-top: 0; + margin-bottom: 0; + padding: 6px; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + .s_form input[type=text]:focus, + .s_form input[type=password]:focus, + .s_form textarea:focus { + background-color: #f7f7f7; + border-color: #c4c4c4; } + .s_form textarea { + resize: none; } + .s_form textarea.full_height { + height: 456px; } + .s_form .s_table { + width: 100%; } + .s_form .s_table th, + .s_form .s_table td { + padding: 6px 0; } + .s_form .s_table th { + text-align: left; } + .s_form .s_table td { + vertical-align: middle; } + .s_form .s_table thead th { + border-bottom: solid 1px #eeeeee; } + +.check_box_g { + padding: 4px 8px; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + .check_box_g li { + margin: 0 6px 6px 0; + padding: 0; } + .check_box_g li, + .check_box_g li > * { + display: inline-block; + vertical-align: middle; } + .check_box_g label { + width: auto; + margin: 0; } + .check_box_g > label { + font-size: 15px; + display: block; + padding: 4px 0; } + .check_box_g li label { + padding-left: 4px; } + +/* tool bar */ +.toolbar { + background-color: #f0f0f0; + font-size: 15px; + line-height: 36px; + position: relative; + z-index: 9; } + .toolbar .sdm, .toolbar .fn_g { + display: inline-block; + vertical-align: top; } + .toolbar .sdm_o { + top: 36px; } + .toolbar button { + border: none; + outline: none; + padding: 0 16px; + margin: 0; + font-family: inherit; + font-size: 15px; + vertical-align: top; } + .toolbar .fn_btn { + display: inline-block; + vertical-align: top; } + +/* tiny scrollbar */ +.tinycanvas { + overflow: hidden; + position: relative; + height: 100%; } + .tinycanvas .viewport { + width: auto; + height: 100%; + overflow: hidden; + position: relative; } + .tinycanvas .overview { + position: absolute; + left: 0; + top: 0; + min-width: 100%; + height: 100%; } + .tinycanvas .overview > .column { + float: left; + border-right: solid 1px #eeeeee; + padding: 0 12px 0 0; + margin: 0 12px 0 0; + height: 100%; } + .tinycanvas .overview > .column:last-child { + padding-right: 0; + margin-right: 0; + border-right: 0; } + .tinycanvas .overview > .column > ul { + height: 100%; } + .tinycanvas .overview > .column .datalist_item { + overflow: hidden; + padding-top: 3px; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + .tinycanvas .overview > .column .datalist_item:first-child { + padding-top: 0; } + .tinycanvas .overview > .column .datalist_item .inner { + position: relative; + width: 100%; + height: 100%; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + .tinycanvas .track { + height: 100%; + width: 6px; + position: relative; } + .tinycanvas .thumb { + height: 6px; + width: 6px; + cursor: pointer; + overflow: hidden; + position: absolute; + top: 0; } + .tinycanvas .thumb .end { + overflow: hidden; + height: 6px; + width: 6px; } + .tinycanvas .scrollbar { + position: absolute; + z-index: 9; + visibility: hidden; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + -moz-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; } + .tinycanvas .scrollbar.dragging { + opacity: 1; + visibility: visible; } + .tinycanvas .scrollbar.sb_h { + left: 0; + bottom: -6px; + height: 6px; } + .tinycanvas .scrollbar.sb_v { + right: 0; + top: 0; + width: 6px; } + .tinycanvas .scrollbar.disable, .tinycanvas:hover .scrollbar.disable { + visibility: hidden !important; } + .tinycanvas:hover .scrollbar { + visibility: visible; + opacity: 1; } + .toolbar + .tinycanvas, .s_tab + .tinycanvas { + height: 480px; } + #panel_r .tinycanvas { + padding: 12px 0; } diff --git a/app/assets/stylesheets/desktop/desktop-component.scss b/app/assets/stylesheets/desktop/desktop-component.scss new file mode 100644 index 000000000..58910b9c2 --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-component.scss @@ -0,0 +1,367 @@ +@import "desktop-helper"; + +.noSelect { + @include no-select; +} + +/* tinygrid */ +.s_grid_row { + overflow: hidden; + position: relative; + margin-bottom: 12px; + + .s_grid { + float: left; + margin: 0 0 0 12px; + @include box-sizing; + + &:first-child { + margin-left: 0; + } + } + // fixed width column + // full width 420px + @for $i from 1 through 12 { + .s_grid_#{$i} { + width: 36px * $i - 12px; + } + } + + &:last-child { + margin-bottom: 0; + } + + // fixed height row + // full height 428px + @for $j from 1 through 10 { + .s_grid_h_#{$j} { + height: 44px * $j - 12px; + } + } +} + +/* simple dropdown menu */ +.sdm { + position: relative; +} +.sdm_t { + cursor: default; + @include transition-type(all, 0.3); +} +.sdm:hover .sdm_o { + display: block; +} +.sdm_o { + display: none; + position: absolute; + z-index: 9; + left: 0; + top: 60px; + font-size: 15px; + width: 120px; + border: solid 2px $gray; + @include box-sizing; + + li { + border-top: solid 1px lighten( $gray, 10% ); + } + li:first-child { + border: none; + } + a { + display: block; + } + .admtxt { + display: block; + line-height: 36px; + } +} + +/* simple dropdown menu with indicator */ +.sdm_mdr .sdm_t { + padding-right: 12px; +} +.sdm_mdr .mdr { + position: absolute; + right: 0; +} + +/* simple menu */ +.s_menu { + font-size: 15px; + line-height: 36px; + + li { + border-top: solid 1px $gray; + } + li:first-child { + border: none; + } + a { + display: block; + } +} + +/* simple tabs */ +.s_tab { + font-size: 15px; + line-height: 36px; +} +.stb_h {} +.stb_v {} +.s_tab ul { + overflow: hidden; +} +.s_tab li { + float: left; +} +.s_tab a { + display: block; +} +.s_tab .admbg { + background-color: #f0f0f0; +} +.st_c { + display: none; +} +.st_c:first-child { + display: block; +} + +/* simple form */ +.s_form { + font-size: 15px; + + // basic style + label { + font-size: 13px; + font-weight: bold; + display: inline-block; + vertical-align: middle; + width: 100px; + margin-right: 24px; + color: #777; + + &.s_grid { + line-height: 32px; + } + } + input[type=text], + input[type=password], + select { + height: 32px; + margin-top: 0; + margin-bottom: 0; + } + input[type=file] { + // margin: 0px; + vertical-align: baseline; + } + input[type=text], + input[type=password], + textarea { + border: solid 1px $gray; + font-size: 15px; + margin-top: 0; + margin-bottom: 0; + padding: 6px; + @include transition-type(all, 0.3); + @include box-sizing; + + &:focus { + background-color: lighten($gray, 10%); + border-color: darken($gray, 10%); + } + } + textarea { + resize: none; + + &.full_height { + height: 456px; + } + } + .s_table { + width: 100%; + } + .s_table th, + .s_table td { + padding: 6px 0; + } + .s_table th { + text-align: left; + } + .s_table td { + vertical-align: middle; + } + .s_table thead th { + border-bottom: solid 1px #eee; + } +} + + +.check_box_g { + padding: 4px 8px; + // border: solid 1px $gray; + @include box-sizing; + + li { + margin: 0 6px 6px 0; + padding: 0; + } + li, + li > * { + display: inline-block; + vertical-align: middle; + } + label { + width: auto; + margin: 0; + } + > label { + font-size: 15px; + display: block; + padding: 4px 0; + } + li label { + padding-left: 4px; + } +} + +/* tool bar */ +.toolbar { + background-color: #f0f0f0; + font-size: 15px; + line-height: 36px; + position: relative; + z-index: 9; + + .sdm, .fn_g { + display: inline-block; + vertical-align: top; + } + .sdm_o { + top: 36px; + } + button { + border: none; + outline: none; + padding: 0 16px; + margin: 0; + font-family: inherit; + font-size: 15px; + vertical-align: top; + } + .fn_btn { + display: inline-block; + vertical-align: top; + } +} + +/* tiny scrollbar */ +.tinycanvas { + overflow: hidden; + position: relative; + height: 100%; + + .viewport { + width: auto; + height: 100%; + overflow: hidden; + position: relative; + } + .overview { + position: absolute; + left: 0; + top: 0; + min-width: 100%; + height: 100%; + + > .column { + float: left; + border-right: solid 1px #eee; + padding: 0 12px 0 0; + margin: 0 12px 0 0; + height: 100%; + + &:last-child { + padding-right: 0; + margin-right: 0; + border-right: 0; + } + > ul { + height: 100%; + } + .datalist_item { + overflow: hidden; + padding-top: 3px; + @include box-sizing; + + &:first-child { + padding-top: 0; + } + .inner { + position: relative; + width: 100%; + height: 100%; + @include box-sizing; + } + } + } + } + .track { + height: 100%; + width: 6px; + position: relative; + } + .thumb { + height: 6px; + width: 6px; + cursor: pointer; + overflow: hidden; + position: absolute; + top: 0; + + .end { + overflow: hidden; + height: 6px; + width: 6px; + } + } + .scrollbar { + position: absolute; + z-index: 9; + visibility: hidden; + opacity: 0; + @include transition-type(opacity, 0.3); + + &.dragging { + opacity: 1; + visibility: visible; + } + &.sb_h { + left: 0; + bottom: -6px; + height: 6px; + } + &.sb_v { + right: 0; + top: 0; + width: 6px; + } + } + .scrollbar.disable, + &:hover .scrollbar.disable { + visibility: hidden !important; + } + &:hover .scrollbar { + visibility: visible; + opacity: 1; + } + .toolbar + &, + .s_tab + & { + height: 480px; + } + #panel_r & { + padding: 12px 0; + } +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/desktop-font.css b/app/assets/stylesheets/desktop/desktop-font.css new file mode 100644 index 000000000..858fd90a0 --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-font.css @@ -0,0 +1 @@ +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Oxygen:400,300,700); diff --git a/app/assets/stylesheets/desktop/desktop-main.css b/app/assets/stylesheets/desktop/desktop-main.css new file mode 100644 index 000000000..01acfd9fe --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-main.css @@ -0,0 +1,794 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +#container input, #container textarea, #container select, #container input:focus, #container textarea:focus { + border-radius: 0; + box-shadow: none; + font-family: inherit; } + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; } + +body { + line-height: 1; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +/* basic setting */ +body { + font-family: "Source Sans Pro", sans-serif; + font-size: 12px; + background-color: #000; } + +a, a:hover { + text-decoration: none; + color: #666; } + +a:focus { + outline: none; } + +.clear { + clear: both; } + +.clear:after { + display: table; + width: 100%; + content: ''; + clear: both; } + +.o-loading { + font-size: 13px; } + .fullsize .o-loading { + padding: 12px; } + .o-loading i { + font-size: 20px; } + +#thmbackground { + min-height: 100%; + min-width: 980px; + width: 100%; + height: auto; + position: fixed; + top: 0; + left: 0; + z-index: -1; } + +#bgover { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: -1; + width: 100%; + height: 100%; } + +/* box-sizing element */ +.w1, .w2, .w4, .wh1, .wh2, .wh3, .w100, .pw, +.h1, .h2, .h4, .hh1, .hh2, .hh3, .ph, +.appholder, +.appname, +.tinycanvas { + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + +/* Desktop Global Style */ +.admbg { + background-color: #fff; } + +.admbg2 { + background-color: #ddd; } + +.admtxt { + color: #666; } + +.admtxt:hover { + color: #666; } + +.hfn { + font-size: 15px; + line-height: 36px; + float: left; + margin: 12px 12px 0 0; + position: relative; } + +.thmtxt { + position: relative; } + +.ini_input { + margin: 0; + padding: 0; + border: 0; } + +.ini_input:focus { + outline: none; } + +/* - Opacity */ +.op00 { + opacity: 0; } + +.op01 { + opacity: 0.1; } + +.op02 { + opacity: 0.2; } + +.op03 { + opacity: 0.3; } + +.op04 { + opacity: 0.4; } + +.op05 { + opacity: 0.5; } + +.op06 { + opacity: 0.6; } + +.op07 { + opacity: 0.7; } + +.op08 { + opacity: 0.8; } + +.op09 { + opacity: 0.9; } + +.op10 { + opacity: 1; } + +/* - box set */ +.w1 { + width: 120px; } + +.w2 { + width: 252px; } + +.w4 { + width: 512px; } + +.wh1 { + width: 36px; } + +.wh2 { + width: 60px; } + +.wh3 { + width: 84px; } + +.w100 { + width: 100%; } + +.pw { + width: 540px; } + +.h1 { + height: 120px; } + +.h2 { + height: 252px; } + +.h4 { + height: 512px; } + +.hh1 { + height: 36px; } + +.hh2 { + height: 60px; } + +.hh3 { + height: 84px; } + +.ph { + height: 516px; } + +.hp { + padding-left: 12px; + padding-right: 12px; } + +.vp { + padding-top: 12px; + padding-bottom: 12px; } + +.element { + margin: 0 12px 12px 0; + float: left; + position: relative; } + +.group { + float: left; + margin-right: 24px; } + +/* desktop layout */ +#container { + padding: 48px 0 0 156px; } + +#header { + padding: 0 0 12px 0; + min-width: 800px; + height: 72px; } + +#side { + width: 60px; + height: 516px; + position: absolute; + margin-right: 96px; + top: 120px; + left: 0; + z-index: 11; } + +#holder { + height: 516px; + width: auto; + position: relative; } + +#rwidget { + height: 516px; } + +.widget_fn { + display: block; + overflow: hidden; } + +.widget_icon { + display: block; + width: 30px; + height: 30px; + margin: 15px 0 0 15px; } + +.docklist .d_cate { + position: relative; } + .docklist .d_cate .dock_child { + display: none; + overflow: hidden; + position: absolute; + left: 60px; + top: 0; } + .docklist .d_cate .dock_child .dock_item { + float: left; } +.docklist .d_cate:hover .dock_child { + display: block; } + +.fn_des.admtxt { + line-height: 60px; + padding: 0 12px; + font-size: 15px; + position: absolute; + z-index: 9; + min-width: 48px; + text-align: center; + white-space: nowrap; + display: none; } + +#search_app { + position: relative; + background-color: #fff; } + #search_app .form { + position: absolute; + left: 0; + top: 2px; + padding: 2px 12px; + width: 192px; + height: 28px; + line-height: 28px; + background: none; + border: 0; } + #search_app .submit { + position: absolute; + right: 2px; + top: 2px; + width: 32px; + height: 32px; + overflow: hidden; + text-indent: -999px; + cursor: pointer; } + +.section_label { + float: left; + width: 132px; + height: 516px; } + .section_label li { + font-size: 15px; } + .section_label li:first-child { + font-size: 18px; } + +/* panel */ +#panel_l { + background-color: #f0f0f0; + float: left; } + +#panel_r { + margin-left: 252px; + position: relative; } + +/* Desktop Notification */ +#orbitnote { + position: fixed; + top: 0; + left: 50%; + margin-left: -206px; + z-index: 99999; + width: 400px; + padding: 0 6px 6px 6px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.6); } + #orbitnote .note_holder { + background-color: #f3f3f3; + border: solid 1px white; + border-top: none; + overflow: hidden; + padding: 24px 24px; } + #orbitnote .note_holder .note_type { + float: left; } + #orbitnote .note_holder .note_type img { + display: block; } + #orbitnote .note_holder .note_message { + color: #333; + margin: 10px 0 0 48px; + font-size: 15px; } + +/* Desktop Dialogue */ +#orbitdiag { + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + z-index: 12; } + #orbitdiag .tile { + background-color: #000; } + #orbitdiag .diag_holder { + background-color: #000; } + #orbitdiag .diag_holder .diag_holder_inner { + width: 600px; + margin: 200px auto 0 auto; + position: relative; + padding: 30px 0; } + #orbitdiag .diag_holder .diag_holder_inner .diag_message { + color: #fff; + font-size: 18px; + padding: 30px 0; } + #orbitdiag .diag_holder .diag_holder_inner .diag_action { + clear: both; + text-align: right; } + #orbitdiag .diag_holder .diag_holder_inner .diag_btn { + display: inline-block; + margin: 0 6px; + text-align: center; + font-size: 15px; + line-height: 36px; } + #orbitdiag .diag_holder .diag_holder_inner .diag_btn:hover { + outline: solid 2px white; } + +/* Tile */ +.appname { + font-size: 13px; + line-height: 30px; + width: 100%; + height: 30px; + padding: 0 12px; + overflow: hidden; + cursor: default; + position: absolute; + left: 0; + bottom: 0; + z-index: 3; + white-space: nowrap; } + [data-sizex="1"] .appname, .w1.h1 .appname { + text-align: center; } + [data-sizey="2"] .appname { + font-size: 21px; } + .hh2 .appname { + position: relative; + width: auto; + padding: 0; } + .fullsize .appname { + display: none; } + +.appicon { + display: block; + width: 60px; + height: 60px; + margin: 0 auto; + position: relative; } + [data-sizex="1"] .appicon { + margin-top: 24px; } + #sections .appicon { + width: 30px; + height: 30px; + float: left; + margin-right: 6px; } + +.appholder { + position: relative; + z-index: 2; + padding: 12px; + padding-bottom: 30px; + width: 100%; + height: 100%; + overflow: hidden; } + .fullsize .appholder { + position: absolute; + padding: 0; + left: 0; + top: 0; } + +.dtitle { + font-size: 30px; + line-height: 60px; + float: left; + margin: 0 12px 0 0; + position: relative; + z-index: 9; } + +.tile { + display: block; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; } + +.gridster ul { + margin: -6px 0 0 -6px; } + +.widget.gs_w { + cursor: move; + overflow: hidden; } + +/* header drop menu */ +.sdm_mdr .sdm_o { + top: 36px; } + +/* Setting Page */ +.theme_list .ssl_item, .stock_wallpaper .ssl_item { + display: inline-block; + vertical-align: top; + margin: 0 0 12px 0; + padding: 6px 0px; + width: 132px; + text-align: center; + cursor: pointer; } + +.theme_thumb, .stock_wallpaper img { + border: solid 1px white; + width: 120px; + margin: 0 auto; } + +.theme_thumb img, .stock_wallpaper img { + display: block; } + +.theme_name { + font-size: 15px; + padding: 8px 6px; + display: block; } + +.theme_preview { + width: 528px; + line-height: 36px; + font-size: 15px; } + +.theme_plate { + overflow: hidden; } + .theme_plate > div { + float: left; + margin-right: 12px; } + .theme_plate > div:first-child { + margin-right: 48px; } + .theme_plate .g_sep { + margin-right: 0; } + +#color_input th { + vertical-align: bottom; } + +.stock_wallpaper .ssl_item { + margin-bottom: 6px; } + +.s_title { + font-size: 21px; + line-height: 60px; + text-align: left; } + .s_title.size_large { + font-size: 36px; } + .s_title.size_small { + font-size: 15px; + line-height: 2em; } + +.s_subtitle { + font-size: 15px; + line-height: 1.5em; + color: #ccc; + padding: 12px 0 24px 0; } + +.s_action { + padding: 24px 0; + margin-top: 12px; + overflow: hidden; + border-top: solid 1px #eeeeee; + background-color: #fff; } + +.setting_btn { + display: block; + float: right; + font-size: 15px; + line-height: 36px; + text-align: center; + border: 0; } + +.group_search { + float: left; + margin-right: 36px; } + +.search_result { + float: left; + margin-right: 24px; + max-width: 340px; } + +.g_sep { + width: 12px; + border-left: solid 1px white; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + +.grp { + height: 528px; + float: left; } + +.appgroup { + float: left; } + +.g_col { + height: 516px; + float: left; } + +.g_col_w1 { + width: 132px; } + +.g_col_w2 { + width: 264px; } + +.ui-sortable-placeholder { + background-color: rgba(0, 0, 0, 0.2); + visibility: visible !important; } + +/* list item */ +.list_t_item { + overflow: hidden; } + +.list_t_title { + margin-bottom: 6px; + color: #333; + font-size: 15px; } + +.list_t_des { + line-height: 1.5em; + color: #999; + margin-bottom: 4px; + font-size: 13px; } + +.list_item_function a { + display: inline-block; + padding: 4px; + font-size: 11px; + -webkit-text-size-adjust: none; } + +/* Journal Papers */ +[page-name="journal_p_list"] .list_t_item .inner { + padding-left: 30px; } +[page-name="journal_p_list"] .list_item_action { + font-size: 12px; + float: left; + margin-left: -30px; } + [page-name="journal_p_list"] .list_item_action a { + display: block; + width: 20px; + height: 20px; + line-height: 20px; + margin: 1px 1px 6px 1px; } + [page-name="journal_p_list"] .list_item_action .icon-star-empty { + color: #999; + font-size: 20px; } + [page-name="journal_p_list"] .list_item_action .icon-star { + color: #faa732; + font-size: 20px; } + [page-name="journal_p_list"] .list_item_action .icon-check-empty { + color: #999; + font-size: 20px; } + [page-name="journal_p_list"] .list_item_action .icon-check { + color: #333; + font-size: 20px; } +[page-name="journal_p_list"] .file_view .list_t_des { + overflow: hidden; } +[page-name="journal_p_list"] .file_view .file { + float: left; + width: 120px; + height: 50px; + padding: 6px; + margin: 1px; + position: relative; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + [page-name="journal_p_list"] .file_view .file:hover { + background-color: #f7f7f7; } + [page-name="journal_p_list"] .file_view .file img { + width: 38px; + height: 38px; + position: absolute; + left: 6px; + top: 6px; } + [page-name="journal_p_list"] .file_view .file .filetitle { + display: block; + width: 100%; + height: 38px; + padding-left: 40px; + overflow: hidden; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + +/* Journal Paper Add */ +#paper_add .s_grid_con { + float: left; + height: 456px; + margin-left: 12px; + padding-left: 12px; + border-left: solid 1px #eeeeee; } + #paper_add .s_grid_con:first-child { + margin-left: 0; + padding-left: 0; + border: none; } +#paper_add .f_w { + width: 336px; } +#paper_add label { + margin-right: 0; } + +/* Journal Journal list */ +[page-name="journal_p_journal"] .datalist_item .inner { + padding-left: 30px; } +[page-name="journal_p_journal"] .list_item_action { + font-size: 12px; + float: left; + margin-left: -30px; } +[page-name="journal_p_journal"] .list_item_action i { + color: #999; + font-size: 20px; + display: block; + width: 20px; + height: 20px; + line-height: 20px; + margin: 1px 1px 6px 1px; } +[page-name="journal_p_journal"] .list_t_desc { + font-family: Arial, sans-serif; + font-size: 12px; + color: #999; } + +/* Journal Co-Author */ +[page-name="journal_p_coauthor"] .list_t_item { + height: 110px; } +[page-name="journal_p_coauthor"] .list_item_function a { + display: inline-block; + padding: 4px; + font-family: Arial, sans-serif; + font-size: 11px; + -webkit-text-size-adjust: none; } +[page-name="journal_p_coauthor"] .info { + font-family: Arial, sans-serif; } +[page-name="journal_p_coauthor"] .info li { + margin-bottom: 8px; + color: #999; } +[page-name="journal_p_coauthor"] .info .name { + font-size: 18px; + line-height: 24px; + color: #333; } + +/* Journal Co-Author Relationship*/ +[page-name="journal_p_coauthor_relation"] .edit_co_author_relation { + /*margin-left: -10px;*/ } +[page-name="journal_p_coauthor_relation"] .form_space { + margin-bottom: 10px; + font-size: 18px; + font-family: Arial, sans-serif; } + +/* Journal New Co-Author */ +#new_co_author label { + margin-right: 0; } + +/* App */ +.app_frame { + margin: 48px 96px 48px 156px; + min-width: 800px; + min-height: 588px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 12; } + .app_frame .app_holder { + background-color: #fff; + position: absolute; + width: 100%; } + .app_frame #header .icon-remove { + display: block; + float: right; + line-height: 60px; + font-size: 20px; + cursor: pointer; } + +/*Tooltip popup */ +.desktop_toolpopup { + position: absolute; + z-index: 10px; + display: none; + padding: 12px; + cursor: default; + background-color: #fff; } + .desktop_toolpopup span { + margin: 3px 0 3px 0; } diff --git a/app/assets/stylesheets/desktop/desktop-main.scss b/app/assets/stylesheets/desktop/desktop-main.scss new file mode 100644 index 000000000..d0dc77e9d --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-main.scss @@ -0,0 +1,805 @@ +@import "desktop-helper"; + +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +#container input, #container textarea, #container select, #container input:focus, #container textarea:focus { + border-radius: 0; + box-shadow: none; + font-family: inherit; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* basic setting */ +body { + @include font-main(12); + background-color: #000; + } +a, a:hover { text-decoration: none; color: #666; } +a:focus { outline: none; } +.clear { clear: both; } +.clear:after { + display: table; + width: 100%; + content: ''; + clear: both; +} +.o-loading { + font-size: 13px; + // font-weight: normal; + + .fullsize & { + padding: 12px; + } + i { + font-size: 20px; + } +} +#thmbackground { + min-height: 100%; + min-width: 980px; + width: 100%; + height: auto; + position: fixed; + top: 0; + left: 0; + z-index: -1; +} +#bgover { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: -1; + width: 100%; + height: 100%; +} + +/* box-sizing element */ +.w1, .w2, .w4, .wh1, .wh2, .wh3, .w100, .pw, +.h1, .h2, .h4, .hh1, .hh2, .hh3, .ph, +.appholder, +.appname, +.tinycanvas/*, +.tinycanvas .overview > .column, +.tinycanvas .overview > .column .datalist_item*/ { + @include box-sizing; +} + +/* Desktop Global Style */ +.admbg { background-color: #fff; } +.admbg2 { background-color: #ddd; } +.admtxt { color: #666; } +.admtxt:hover { color: #666; } +.hfn { + font-size: 15px; + line-height: 36px; + float: left; + margin: 12px 12px 0 0; + position: relative; + } +.thmtxt { position: relative; } +.ini_input { + margin: 0; + padding: 0; + border: 0; + } +.ini_input:focus { outline: none; } + +/* - Opacity */ +@for $i from 0 through 10 { + $k: $i; + @if $k < 10 { + $k: 0#{$i}; + } + .op#{$k} { + opacity: $i * 0.1; + } +} + +/* - box set */ +.w1 { width: 120px; } +.w2 { width: 252px; } +.w4 { width: 512px; } +.wh1 { width: 36px; } +.wh2 { width: 60px; } +.wh3 { width: 84px; } +.w100 { width: 100%; } +.pw { width: 540px; } + +.h1 { height: 120px; } +.h2 { height: 252px; } +.h4 { height: 512px; } +.hh1 { height: 36px; } +.hh2 { height: 60px; } +.hh3 { height: 84px; } +.ph { height: 516px; } + +.hp { padding-left: 12px; padding-right: 12px; } +.vp { padding-top: 12px; padding-bottom: 12px; } +.element { + margin: 0 12px 12px 0; + float: left; + position: relative; + } +.group{ + float: left; + margin-right: 24px; +} + +/* desktop layout */ +#container { + padding: 48px 0 0 156px; + } +#header { + padding: 0 0 12px 0; + min-width: 800px; + height: 72px; + } +#side { + width: 60px; + height: 516px; + position: absolute; + margin-right: 96px; + top: 120px; + left: 0; + z-index: 11; + } +#holder { + height: 516px; + width: auto; + position: relative; + } +#rwidget { + height: 516px; + } +.widget_fn { + display: block; + overflow: hidden; + } +.widget_icon { + display: block; + width: 30px; + height: 30px; + margin: 15px 0 0 15px; + } +.docklist { + + .d_cate { + position: relative; + + .dock_child { + display: none; + overflow: hidden; + position: absolute; + left: 60px; + top: 0; + + .dock_item { + float: left; + } + } + } + & .d_cate:hover .dock_child { + display: block; + } +} +.fn_des.admtxt { + line-height: 60px; + padding: 0 12px; + font-size: 15px; + position: absolute; + z-index: 9; + min-width: 48px; + text-align: center; + white-space: nowrap; + display: none; +} + +#search_app { + position: relative; + background-color: #fff; + + .form { + position: absolute; + left: 0; + top: 2px; + padding: 2px 12px; + width: 192px; + height: 28px; + line-height: 28px; + background: none; + border: 0; + } + .submit { + position: absolute; + right: 2px; + top: 2px; + width: 32px; + height: 32px; + overflow: hidden; + text-indent: -999px; + cursor: pointer; + } +} +.section_label { + float: left; + width: 132px; + height:516px; + + li { + font-size: 15px; + } + li:first-child { + font-size: 18px; + // font-weight: normal; + } +} +/* panel */ +#panel_l { + background-color: #f0f0f0; + float: left; +} +#panel_r { + margin-left: 252px; + position: relative; +} + +/* Desktop Notification */ +#orbitnote { + position: fixed; + top: 0; + left: 50%; + margin-left: -206px; + z-index: 99999; + width: 400px; + padding: 0 6px 6px 6px; + background-color: #000; + background-color: rgba(0,0,0,0.6); + + .note_holder { + background-color: #f3f3f3; + border: solid 1px #fff; + border-top: none; + overflow: hidden; + padding: 24px 24px; + + .note_type { + float: left; + + img { + display: block; + } + } + .note_message { + color: #333; + margin: 10px 0 0 48px; + font-size: 15px; + // font-weight: normal; + } + } +} + +/* Desktop Dialogue */ +#orbitdiag { + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + z-index: 12; + + .tile { + background-color: #000; + } + .diag_holder { + background-color: #000; + + .diag_holder_inner { + width: 600px; + margin: 200px auto 0 auto; + position: relative; + padding: 30px 0; + + .diag_message { + color: #fff; + font-size: 18px; + padding: 30px 0; + } + .diag_action { + clear: both; + text-align: right; + } + .diag_btn { + display: inline-block; + margin: 0 6px; + text-align: center; + font-size: 15px; + // font-weight: normal; + line-height: 36px; + + &:hover { + outline: solid 2px #fff; + } + } + } + } + +} + +/* Tile */ +.appname { + font-size: 13px; + line-height: 30px; + width: 100%; + height: 30px; + padding: 0 12px; + overflow: hidden; + cursor: default; + position: absolute; + left: 0; + bottom: 0; + z-index: 3; + white-space: nowrap; + + [data-sizex="1"] &, + .w1.h1 & { + text-align: center; + } + [data-sizey="2"] & { + font-size: 21px; + // font-weight: normal; + } + .hh2 & { + position: relative; + width: auto; + padding: 0; + } + .fullsize & { + display: none; + } +} +.appicon { + display: block; + width: 60px; + height: 60px; + margin: 0 auto; + position: relative; + + [data-sizex="1"] & { + margin-top: 24px; + } + #sections & { + width: 30px; + height: 30px; + float: left; + margin-right: 6px; + } +} +.appholder { + position: relative; + z-index: 2; + padding: 12px; + padding-bottom: 30px; + width: 100%; + height: 100%; + overflow: hidden; + + .fullsize & { + position: absolute; + padding: 0; + left: 0; + top: 0; + } +} +.dtitle { + font-size: 30px; + line-height: 60px; + float: left; + margin: 0 12px 0 0; + position: relative; + z-index: 9; +} +.tile { + display: block; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; +} +.gridster ul { + margin: -6px 0 0 -6px; +} +.widget.gs_w { + cursor: move; + overflow: hidden; +} +// .app.gs_w:active { +// -webkit-transform: scale(0.9); +// -moz-transform: scale(0.9); +// transform: scale(0.9); +// } + +/* header drop menu */ +.sdm_mdr .sdm_o { top: 36px; } + +/* Setting Page */ +.theme_list {} +.theme_list .ssl_item, .stock_wallpaper .ssl_item { + display: inline-block; + vertical-align: top; + margin: 0 0 12px 0; + padding: 6px 0px; + width: 132px; + text-align: center; + cursor: pointer + } +.theme_thumb, .stock_wallpaper img { + border: solid 1px #fff; + width: 120px; + margin: 0 auto; +} +.theme_thumb img, .stock_wallpaper img { + display: block; +} +.theme_name { + font-size: 15px; + padding: 8px 6px; + display: block; +} +.theme_preview { + width: 528px; + line-height: 36px; + font-size: 15px; +} +.theme_plate { + overflow: hidden; + + > div { + float: left; + margin-right: 12px; + } + > div:first-child { + margin-right: 48px; + } + .g_sep { + margin-right: 0; + } +} +#color_input th { + vertical-align: bottom +} +.stock_wallpaper { + .ssl_item { + margin-bottom: 6px; + } +} + +.s_title { + font-size: 21px; + // font-weight: normal; + line-height: 60px; + text-align: left; + + &.size_large { + font-size: 36px; + } + &.size_small { + font-size: 15px; + line-height: 2em; + } +} +.s_subtitle { + font-size: 15px; + line-height: 1.5em; + color: #ccc; + padding: 12px 0 24px 0; +} +.s_action { + padding: 24px 0; + margin-top: 12px; + overflow: hidden; + border-top: solid 1px #eee; + background-color: #fff; +} +.setting_btn { + display: block; + float: right; + font-size: 15px; + // font-weight: normal; + line-height: 36px; + text-align: center; + border: 0; +} + + +.group_search{ + float: left; + margin-right: 36px; + +} +.search_result{ + float: left; + margin-right: 24px; + max-width: 340px; +} +.g_sep { + width: 12px; + border-left: solid 1px #fff; + @include box-sizing; +} + + +#group_wrapper {} +.grp { + height:528px; + float: left; +} +.appgroup { + float: left; +} +.g_col { + height: 516px; + float: left; +} +.g_col_w1 { width: 132px; } +.g_col_w2 { width: 264px; } +.ui-sortable-placeholder { + background-color: rgba(0,0,0,0.2); + visibility: visible !important; +} + +/* list item */ +.list_t_item { overflow: hidden; } +.list_t_title { + margin-bottom: 6px; + color: #333; + font-size: 15px; + // font-weight: normal; +} +.list_t_des { + line-height: 1.5em; + color: #999; + margin-bottom: 4px; + font-size: 13px; +} +.list_item_function a { + display: inline-block; + padding: 4px; + font-size: 11px; + -webkit-text-size-adjust: none; +} + +/* Journal Papers */ +[page-name="journal_p_list"] { + .list_t_item .inner { padding-left: 30px; } + .list_item_action { + font-size: 12px; + float: left; + margin-left: -30px; + + a { + display: block; + width: 20px; + height: 20px; + line-height: 20px; + margin: 1px 1px 6px 1px; + } + .icon-star-empty { color: #999; font-size: 20px; } + .icon-star { color: #faa732; font-size: 20px; } + .icon-check-empty { color: #999; font-size: 20px; } + .icon-check { color: #333; font-size: 20px; } + } + + .file_view { + .list_t_des { + overflow: hidden; + } + .file { + float: left; + width: 120px; + height: 50px; + padding: 6px; + margin: 1px; + position: relative; + @include box-sizing; + + &:hover { + background-color: lighten($gray, 10%); + } + img { + width: 38px; + height: 38px; + position: absolute; + left: 6px; + top: 6px; + } + .filetitle { + display: block; + width: 100%; + height: 38px; + padding-left: 40px; + overflow: hidden; + @include box-sizing; + } + } + } +} + +/* Journal Paper Add */ +#paper_add { + .s_grid_con { + float: left; + height: 456px; + margin-left: 12px; + padding-left: 12px; + border-left: solid 1px #eee; + + &:first-child { + margin-left: 0; + padding-left: 0; + border: none; + } + } + .f_w { width: 336px; } + label { margin-right: 0; } +} + +/* Journal Journal list */ +[page-name="journal_p_journal"] { + + .datalist_item .inner { + padding-left: 30px; + } + .list_item_action { + font-size: 12px; + float: left; + margin-left: -30px; + } + .list_item_action i { + color: #999; + font-size: 20px; + display: block; + width: 20px; + height: 20px; + line-height: 20px; + margin: 1px 1px 6px 1px; + } + .list_t_desc { + font-family: Arial, sans-serif; + font-size: 12px; + color: #999; + } +} + +/* Journal Co-Author */ +[page-name="journal_p_coauthor"] { + .list_t_item { + height: 110px; + } + .list_item_function {} + .list_item_function a { + display: inline-block; + padding: 4px; + font-family: Arial, sans-serif; + font-size: 11px; + -webkit-text-size-adjust: none; + } + .info { + font-family: Arial, sans-serif; + } + .info li { + margin-bottom: 8px; + color: #999; + } + .info .name { + font-size: 18px; + line-height: 24px; + color: #333; + } +} + +/* Journal Co-Author Relationship*/ +[page-name="journal_p_coauthor_relation"]{ + .edit_co_author_relation { + /*margin-left: -10px;*/ + } + .form_space { + margin-bottom: 10px; + font-size: 18px; + font-family: Arial, sans-serif; + } +} +/* Journal New Co-Author */ +#new_co_author label { + margin-right: 0; +} + + +/* App */ +.app_frame { + margin: 48px 96px 48px 156px; + min-width: 800px; + min-height: 588px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 12; + + .app_holder { + background-color: #fff; + position: absolute; + width: 100%; + } + #header .icon-remove { + display: block; + float: right; + line-height: 60px; + font-size: 20px; + cursor: pointer; + } +} + +/*Tooltip popup */ +.desktop_toolpopup { + position: absolute; + z-index: 10px; + display: none; + padding: 12px; + cursor: default; + background-color: #fff; + + span { + margin: 3px 0 3px 0; + } + h3 {} + h2 {} +} diff --git a/app/assets/stylesheets/desktop/desktop-media.css b/app/assets/stylesheets/desktop/desktop-media.css new file mode 100644 index 000000000..e8fc7bfea --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-media.css @@ -0,0 +1,10 @@ +@media only screen and (min-width: 1240px){ + + #panel_r.pw { width: 800px; } + +} +@media only screen and (min-width: 1900px){ + + #panel_r.pw { width: 1400px; } + +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/desktop-select2.css.erb b/app/assets/stylesheets/desktop/desktop-select2.css.erb new file mode 100644 index 000000000..6f41953bf --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-select2.css.erb @@ -0,0 +1,408 @@ +/* +Version: 3.3.1 Timestamp: Wed Feb 20 09:57:22 PST 2013 +*/ +.select2-container { + overflow: hidden; + display: inline-block; + /* inline-block for ie7 */ + zoom: 1; + *display: inline; + vertical-align: top; } + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input { + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + +.select2-container .select2-choice { + display: block; + height: 30px; + padding: 0 0 0 8px; + overflow: hidden; + position: relative; + border: 1px solid #dddddd; + white-space: nowrap; + line-height: 30px; + color: #444; + text-decoration: none; + background-color: #fff; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.select2-container.select2-drop-above .select2-choice { + border-bottom-color: #dddddd; } + +.select2-container .select2-choice span { + margin-right: 26px; + display: block; + overflow: hidden; + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; } + +.select2-container .select2-choice abbr { + display: block; + width: 12px; + height: 12px; + position: absolute; + right: 26px; + top: 8px; + font-size: 1px; + text-decoration: none; + border: 0; + background: url(<%= asset_path "desktop/select2/select2.png" %>) right top no-repeat; + cursor: pointer; + outline: 0; } + +.select2-container .select2-choice abbr:hover { + background-position: right -11px; + cursor: pointer; } + +.select2-drop-mask { + position: absolute; + left: 0; + top: 0; + z-index: 9998; + opacity: 0; } + +.select2-drop { + width: 100%; + margin-top: -1px; + position: absolute; + z-index: 9999; + top: 100%; + background-color: #fff; + color: #000; + border: 2px solid #dddddd; } + +.select2-drop.select2-drop-above { + margin-top: 1px; } + +.select2-container .select2-choice div { + display: block; + width: 21px; + height: 100%; + position: absolute; + right: 0; + top: 0; + border-left: solid 1px #dddddd; + -webkit-box-sizing: border-box; + /* webkit */ + -khtml-box-sizing: border-box; + /* konqueror */ + -moz-box-sizing: border-box; + /* firefox */ + -ms-box-sizing: border-box; + /* ie */ + box-sizing: border-box; + /* css3 */ } + +.select2-container .select2-choice div b { + display: block; + width: 100%; + height: 100%; + background: url(<%= asset_path "desktop/select2/select2.png" %>) no-repeat 0 50%; } + +.select2-search { + display: inline-block; + width: 100%; + min-height: 26px; + margin: 0; + padding-left: 4px; + padding-right: 4px; + position: relative; + z-index: 10000; + white-space: nowrap; } + +.select2-search-hidden { + display: block; + position: absolute; + left: -10000px; } + +.select2-search input { + width: 100%; + height: auto !important; + min-height: 26px; + padding: 4px 20px 4px 5px; + margin: 0; + outline: 0; + font-family: sans-serif; + font-size: 1em; + border: 1px solid #dddddd; } + +.select2-drop.select2-drop-above .select2-search input { + margin-top: 4px; } + +.select2-search input.select2-active { + background: white image-url(<%= asset_path "desktop/select2/select2-spinner.gif" %>) no-repeat 100%; } + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + outline: none; } + +.select2-dropdown-open .select2-choice { + border-bottom-color: transparent; } + +.select2-dropdown-open .select2-choice div { + background-color: #dddddd; + filter: none; } + +.select2-dropdown-open .select2-choice div b { + background-position: -20px 50%; } + +/* results */ +.select2-results { + max-height: 200px; + font-size: 13px; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +.select2-results ul.select2-result-sub { + margin: 0; } + +.select2-results ul.select2-result-sub > li .select2-result-label { + padding-left: 20px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 40px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 60px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 80px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 100px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 110px; } + +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { + padding-left: 120px; } + +.select2-results li { + list-style: none; + display: list-item; + background-image: none; + border-top: solid 1px #f7f7f7; } + +.select2-results li :first-child { + border-top: 0; } + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; } + +.select2-results .select2-result-label { + padding: 6px; + margin: 0; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.select2-results .select2-highlighted { + background: #666; + color: #fff; } + +.select2-results li em { + background: #feffde; + font-style: normal; } + +.select2-results .select2-highlighted em { + background: transparent; } + +.select2-results .select2-highlighted ul { + background: white; + color: #000; } + +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-selection-limit { + background: #f4f4f4; + padding: 4px 7px; + font-weight: normal; + display: list-item; } + +/* +disabled look for disabled choices in the results dropdown +*/ +.select2-results .select2-disabled.select2-highlighted { + color: #666; + background: #f4f4f4; + display: list-item; + cursor: default; } + +.select2-results .select2-disabled { + background: #f4f4f4; + display: list-item; + cursor: default; } + +.select2-results .select2-selected { + display: none; } + +.select2-more-results.select2-active { + background: #f4f4f4 image-url(<%= asset_path "desktop/select2/select2-spinner.gif" %>) no-repeat 100%; } + +.select2-more-results { + background: #f4f4f4; + display: list-item; } + +/* disabled styles */ +.select2-container.select2-container-disabled .select2-choice { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #dddddd; + cursor: default; } + +.select2-container.select2-container-disabled .select2-choice div { + background-color: #f4f4f4; + background-image: none; + border-left: 0; } + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none; } + +/* multiselect */ +.select2-container-multi .select2-choices { + height: auto !important; + height: 1%; + margin: 0; + padding: 0; + position: relative; + border: 1px solid #dddddd; + cursor: text; + overflow: hidden; + background-color: #fff; } + +.select2-locked { + padding: 3px 5px 3px 5px !important; } + +.select2-container-multi .select2-choices { + min-height: 26px; } + +.select2-container-multi.select2-container-active .select2-choices { + outline: none; } + +.select2-container-multi .select2-choices li { + float: left; + list-style: none; } + +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; } + +.select2-container-multi .select2-choices .select2-search-field input { + padding: 5px; + height: 30px; + font-family: sans-serif; + font-size: 100%; + color: #666; + outline: 0; + border: 0; + background: transparent !important; } + +.select2-container-multi .select2-choices .select2-search-field input.select2-active { + background: white image-url(<%= asset_path "desktop/select2/select2-spinner.gif" %>) no-repeat 100% !important; } + +.select2-default { + color: #999999 !important; } + +.select2-container-multi .select2-choices .select2-search-choice { + padding: 3px 5px 3px 18px; + margin: 3px 0 3px 5px; + position: relative; + line-height: 13px; + color: #333; + cursor: default; + border: 1px solid #dddddd; + background-color: #e4e4e4; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.select2-container-multi .select2-choices .select2-search-choice span { + cursor: default; } + +.select2-container-multi .select2-choices .select2-search-choice-focus { + background: #d4d4d4; } + +.select2-search-choice-close { + display: block; + width: 10px; + height: 10px; + position: absolute; + right: 3px; + top: 5px; + font-size: 1px; + outline: none; + background: url(<%= asset_path "desktop/select2/select2.png" %>) right top no-repeat; } + +.select2-container-multi .select2-search-choice-close { + left: 3px; } + +.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { + background-position: right -20px; } + +.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { + background-position: right -20px; } + +/* disabled styles */ +.select2-container-multi.select2-container-disabled .select2-choices { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #dddddd; + cursor: default; } + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { + padding: 3px 5px 3px 5px; + border: 1px solid #dddddd; + background-image: none; + background-color: #f4f4f4; } + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { + display: none; } + +/* end multiselect */ +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; } + +.select2-offscreen { + position: absolute; + left: -10000px; + top: 0; } + +/* Retina-ize icons */ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { + background-image: url(<%= asset_path "desktop/select2/select2x2.png" %>) !important; + background-repeat: no-repeat !important; + background-size: 60px 40px !important; } + + .select2-search input { + background-position: 100% -21px !important; } } \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/desktop-select2.scss b/app/assets/stylesheets/desktop/desktop-select2.scss new file mode 100644 index 000000000..64f87d996 --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-select2.scss @@ -0,0 +1,447 @@ +@import "desktop-helper"; + +/* +Version: 3.3.1 Timestamp: Wed Feb 20 09:57:22 PST 2013 +*/ +.select2-container { + // position: relative; original setting from select2 + overflow: hidden; + display: inline-block; + /* inline-block for ie7 */ + zoom: 1; + *display: inline; + vertical-align: top; +} + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input{ + @include box-sizing; +} + +.select2-container .select2-choice { + display: block; + height: 30px; + padding: 0 0 0 8px; + overflow: hidden; + position: relative; + border: 1px solid $gray; + white-space: nowrap; + line-height: 30px; + color: #444; + text-decoration: none; + background-color: #fff; + @include no-select; +} + +.select2-container.select2-drop-above .select2-choice { + border-bottom-color: $gray; +} + +.select2-container .select2-choice span { + margin-right: 26px; + display: block; + overflow: hidden; + + white-space: nowrap; + + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; +} + +.select2-container .select2-choice abbr { + display: block; + width: 12px; + height: 12px; + position: absolute; + right: 26px; + top: 8px; + + font-size: 1px; + text-decoration: none; + + border: 0; + background: url('select2/select2.png') right top no-repeat; + cursor: pointer; + outline: 0; +} +.select2-container .select2-choice abbr:hover { + background-position: right -11px; + cursor: pointer; +} + +.select2-drop-mask { + position: absolute; + left: 0; + top: 0; + z-index: 9998; + opacity: 0; +} + +.select2-drop { + width: 100%; + margin-top:-1px; + position: absolute; + z-index: 9999; + top: 100%; + background-color: #fff; + color: #000; + border: 2px solid $gray; + // border-top: 0; +} + +.select2-drop.select2-drop-above { + margin-top: 1px; + // border-top: 1px solid $gray; + // border-bottom: 0; +} + +.select2-container .select2-choice div { + display: block; + width: 21px; + height: 100%; + position: absolute; + right: 0; + top: 0; + border-left: solid 1px $gray; + @include box-sizing; +} + +.select2-container .select2-choice div b { + display: block; + width: 100%; + height: 100%; + background: url('select2/select2.png') no-repeat 0 50%; +} + +.select2-search { + display: inline-block; + width: 100%; + min-height: 26px; + margin: 0; + padding-left: 4px; + padding-right: 4px; + + position: relative; + z-index: 10000; + + white-space: nowrap; +} + +.select2-search-hidden { + display: block; + position: absolute; + left: -10000px; +} + +.select2-search input { + width: 100%; + height: auto !important; + min-height: 26px; + padding: 4px 20px 4px 5px; + margin: 0; + + outline: 0; + font-family: sans-serif; + font-size: 1em; + + border: 1px solid $gray; +} + +.select2-drop.select2-drop-above .select2-search input { + margin-top: 4px; +} + +.select2-search input.select2-active { + background: #fff image-url('select2-spinner.gif') no-repeat 100%; +} + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + // border: 1px solid #5897fb; + outline: none; +} + +.select2-dropdown-open .select2-choice { + border-bottom-color: transparent; +} + +.select2-dropdown-open .select2-choice div { + background-color: $gray; + // border-left: none; + filter: none; +} +.select2-dropdown-open .select2-choice div b { + background-position: -20px 50%; +} + +/* results */ +.select2-results { + max-height: 200px; + // padding: 0 0 0 4px; + // margin: 4px 4px 4px 0; + font-size: 13px; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +.select2-results ul.select2-result-sub { + margin: 0; +} + +.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } +.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } +.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } + +.select2-results li { + list-style: none; + display: list-item; + background-image: none; + border-top: solid 1px lighten($gray, 10%); + + :first-child { + border-top: 0; + } +} + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; +} + +.select2-results .select2-result-label { + padding: 6px; + margin: 0; + cursor: pointer; + + @include no-select; +} + +.select2-results .select2-highlighted { + background: #666; + color: #fff; +} + +.select2-results li em { + background: #feffde; + font-style: normal; +} + +.select2-results .select2-highlighted em { + background: transparent; +} + +.select2-results .select2-highlighted ul { + background: white; + color: #000; +} + + +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-selection-limit { + background: #f4f4f4; + padding: 4px 7px; + font-weight: normal; + display: list-item; +} + +/* +disabled look for disabled choices in the results dropdown +*/ +.select2-results .select2-disabled.select2-highlighted { + color: #666; + background: #f4f4f4; + display: list-item; + cursor: default; +} +.select2-results .select2-disabled { + background: #f4f4f4; + display: list-item; + cursor: default; +} + +.select2-results .select2-selected { + display: none; +} + +.select2-more-results.select2-active { + background: #f4f4f4 image-url('select2-spinner.gif') no-repeat 100%; +} + +.select2-more-results { + background: #f4f4f4; + display: list-item; +} + +/* disabled styles */ + +.select2-container.select2-container-disabled .select2-choice { + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container.select2-container-disabled .select2-choice div { + background-color: #f4f4f4; + background-image: none; + border-left: 0; +} + +.select2-container.select2-container-disabled .select2-choice abbr { + display: none +} + + +/* multiselect */ + +.select2-container-multi .select2-choices { + height: auto !important; + height: 1%; + margin: 0; + padding: 0; + position: relative; + + border: 1px solid $gray; + cursor: text; + overflow: hidden; + + background-color: #fff; +} + +.select2-locked { + padding: 3px 5px 3px 5px !important; +} + +.select2-container-multi .select2-choices { + min-height: 26px; +} + +.select2-container-multi.select2-container-active .select2-choices { + // border: 1px solid #5897fb; + outline: none; +} +.select2-container-multi .select2-choices li { + float: left; + list-style: none; +} +.select2-container-multi .select2-choices .select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; +} + +.select2-container-multi .select2-choices .select2-search-field input { + padding: 5px; + // margin: 1px 0; + height: 30px; + font-family: sans-serif; + font-size: 100%; + color: #666; + outline: 0; + border: 0; + background: transparent !important; +} + +.select2-container-multi .select2-choices .select2-search-field input.select2-active { + background: #fff image-url('select2-spinner.gif') no-repeat 100% !important; +} + +.select2-default { + color: #999 !important; +} + +.select2-container-multi .select2-choices .select2-search-choice { + padding: 3px 5px 3px 18px; + margin: 3px 0 3px 5px; + position: relative; + + line-height: 13px; + color: #333; + cursor: default; + border: 1px solid $gray; + background-color: #e4e4e4; + @include no-select; +} +.select2-container-multi .select2-choices .select2-search-choice span { + cursor: default; +} +.select2-container-multi .select2-choices .select2-search-choice-focus { + background: #d4d4d4; +} + +.select2-search-choice-close { + display: block; + width: 10px; + height: 10px; + position: absolute; + right: 3px; + top: 5px; + font-size: 1px; + outline: none; + background: url('select2/select2.png') right top no-repeat; +} + +.select2-container-multi .select2-search-choice-close { + left: 3px; +} + +.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { + background-position: right -20px; +} +.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { + background-position: right -20px; +} + +/* disabled styles */ +.select2-container-multi.select2-container-disabled .select2-choices{ + background-color: #f4f4f4; + background-image: none; + border: 1px solid #ddd; + cursor: default; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { + padding: 3px 5px 3px 5px; + border: 1px solid #ddd; + background-image: none; + background-color: #f4f4f4; +} + +.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { + display: none; +} +/* end multiselect */ + + +.select2-result-selectable .select2-match, +.select2-result-unselectable .select2-match { + text-decoration: underline; +} + +.select2-offscreen { + position: absolute; + left: -10000px; + top: 0; +} + +/* Retina-ize icons */ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { + background-image: url('select2/select2x2.png') !important; + background-repeat: no-repeat !important; + background-size: 60px 40px !important; + } + .select2-search input { + background-position: 100% -21px !important; + } +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/desktop-timeline.css.erb b/app/assets/stylesheets/desktop/desktop-timeline.css.erb new file mode 100644 index 000000000..6c5a1096f --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-timeline.css.erb @@ -0,0 +1,155 @@ +#orbit .viewport { + background: -1px 4px url(<%= asset_path "timeline/ruler.png" %>) repeat-x; +} +#orbit #holder > .admbg { + background-color: #efefef; +} +.time_nav a, .time_nav_c a { + display: block; +} +.time_nav { + position: absolute; + left: -60px; + top: 0; +} +.time_nav a { + line-height: 60px; + text-align: center; + font-size: 18px; +} +.time_nav .active { + background-color: #333; + color: #fff; +} +.time_nav_c { + position: absolute; + left: -60px; + bottom: 0; + background-color: #efefef; +} +.time_nav_c a { + width: 30px; + height: 36px; + float: left; + line-height: 36px; + text-align: center; +} +.t_scale { + height: 516px; +} +#scale_wrapper { + overflow: hidden; + padding: 24px 0 0 12px; + background: 0 48px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x; +} +#timline_marker { + width:100px; + height:140px; + opacity:0.4; + cursor: move; + border-style:solid; + border-width:5px; + border-radius:5px; +} +#t_container { + height:366px; +} +.scale_region { +} +.group { + margin-right: 48px; +} +.month { + +} +.year { + font-size: 30px; + margin-right: 24px; + border-right: solid 12px #efefef; + border-left: solid 12px #efefef; +} +.region_year { + position: relative; +} +.month_heading { + color: #333; + font-family: 'Open sans', sans-serif; + font-size: 21px; + display: inline-block; + margin-top: -10px; + padding-top: 22px; + background: #efefef 9px 0 url(<%= asset_path "timeline/pp.png" %>) no-repeat; +} + +.bubble_list ul { + float:left; + width: 324px; + height: 440px; + margin-right: 12px; +} +.bubble { + cursor: pointer; + width: 300px; + height: 50px; + float: left; + font-size: 12px; + font-family: Arial, sans-serif; + margin-bottom: 12px; + position: relative; +} +.date { + display: block; + padding: 8px 0 0 0; + color: #999; +} +.bubble_arrow { + width: 0; + height: 0; + border-top: 14px solid transparent; + border-bottom: 14px solid transparent; + border-right: 14px solid #fff; + position: absolute; + right: -1px; + top: 50%; + margin-top: -14px; + z-index: 99; +} +.bubble .icon-chevron-right { + position: absolute; + top: 0; + right: 0; + width: 15px; + height: 74px; + line-height: 74px; + font-size: 15px; +} +.desktop_toolpopup { + z-index: 9; + border: solid 1px #ccc; + font-family: Arial, sans-serif; + color: #666; + font-size: 12px; +} +.desktop_toolpopup h2 { + font-size: 18px; + padding: 0 0 20px 0; + margin: 0 0 20px 0; + border-bottom: solid 1px #d7d7d7; + color: #333; +} +.desktop_toolpopup h3 { + font-size: 15px; + padding: 0 0 20px 0; + margin: 20px 0 0 0; + color: #333; +} +.desktop_toolpopup .bubble_content { + overflow: hidden; + height: 368px; +} +.desktop_toolpopup .context { + line-height: 1.5em; +} +.thmc1.hover .icon-chevron-right { + display: none; +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/desktop.css b/app/assets/stylesheets/desktop/desktop.css new file mode 100644 index 000000000..a5d650b18 --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop.css @@ -0,0 +1,18 @@ +/* + *This is a manifest file that'll automatically include all the stylesheets available in this directory + *and any sub-directories. You're free to add application-wide styles to this file and they'll appear at + *the top of the compiled file, but it's generally better to create a new file per style scope. + *= require desktop/desktop-font + *= require desktop/bootstrap + *= require orbit_bar_bootstrap + *= require basic/orbit_bar + *= require desktop/jquery.miniColors + *= require desktop/jquery.gridster + *= require desktop/font-awesome + *= require basic/icon + *= require desktop/desktop-component + *= require desktop/desktop-main + *= require desktop/desktop-media + *= require desktop/desktop-select2 + *= require desktop/desktop-timeline +*/ diff --git a/app/assets/stylesheets/desktop/font-awesome.css.erb b/app/assets/stylesheets/desktop/font-awesome.css.erb new file mode 100755 index 000000000..8e86a27e2 --- /dev/null +++ b/app/assets/stylesheets/desktop/font-awesome.css.erb @@ -0,0 +1,31 @@ +/* Font Awesome 3.0 + the iconic font designed for use with Twitter Bootstrap + ------------------------------------------------------- + The full suite of pictographic icons, examples, and documentation + can be found at: http://fortawesome.github.com/Font-Awesome/ + + License + ------------------------------------------------------- + • The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL + • Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + http://opensource.org/licenses/mit-license.html + • The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ + • Attribution is no longer required in Font Awesome 3.0, but much appreciated: + "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" + + Contact + ------------------------------------------------------- + Email: dave@davegandy.com + Twitter: http://twitter.com/fortaweso_me + Work: Lead Product Designer @ http://kyruus.com + + */ +@font-face { + font-family: 'FontAwesome'; + src:url(<%= asset_path 'fontawesome-webfont.eot' %>); + src:url(<%= asset_path 'fontawesome-webfont.eot?#iefix' %>) format('embedded-opentype'), + url(<%= asset_path 'fontawesome-webfont.woff' %>) format('woff'), + url(<%= asset_path 'fontawesome-webfont.ttf' %>) format('truetype'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/icons.css.erb b/app/assets/stylesheets/desktop/icons.css.erb new file mode 100644 index 000000000..167bb37ac --- /dev/null +++ b/app/assets/stylesheets/desktop/icons.css.erb @@ -0,0 +1,710 @@ +[data-icons]:before { + font-family: 'entypo'; + content: attr(data-icons); + speak: none; + font-weight: normal; + -webkit-font-smoothing: antialiased; + font-size: 1.5em; + line-height: .6em; + color: white; +} +@font-face { + font-family: 'entypo'; + src:url(<%= asset_path 'entypo.eot' %>); + src:url(<%= asset_path 'entypo.eot?#iefix' %>) format('embedded-opentype'), + url(<%= asset_path 'entypo.svg#entypo' %>) format('svg'), + url(<%= asset_path 'entypo.woff' %>) format('woff'), + url(<%= asset_path 'entypo.ttf' %>) format('truetype'); + font-weight: normal; + font-style: normal; +} +/* Font Awesome styles + ------------------------------------------------------- */ +/* includes sprites.less reset */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; +} +[class^="icons-"], +[class*=" icons-"] { + font-family: 'entypo'; +} +[class^="icon"], +[class*=" icon"] { + font-weight: normal; + font-style: normal; + text-decoration: inherit; + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none !important; + background-position: 0% 0%; + background-repeat: repeat; +} +[class^="icon"]:before, +[class*=" icon"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} +/* makes sure icons active on rollover in links */ +a [class^="icon"], +a [class*=" icon"] { + display: inline-block; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; +} + +.nav [class^="icon"], +.nav [class*=" icon"] { + display: inline; + /* keeps button heights with and without icons the same */ + + line-height: 1.5em; +} +.btn [class^="icon"], +.btn [class*=" icon"] { + display: inline; + /* keeps button heights with and without icons the same */ + + line-height: .9em; +} +.btn [class^="icon"].icon-spin, +.nav [class^="icon"].icon-spin, +.btn [class*=" icon"].icon-spin, +.nav [class*=" icon"].icon-spin { + display: inline-block; +} +li [class^="icon"], +li [class*=" icon"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li [class^="icon"].icon-large, +li [class*=" icon"].icon-large { + /* increased font size for icon-large */ + + width: 1.5625em; +} +ul.icons { + list-style-type: none; + text-indent: -0.75em; +} +ul.icons li [class^="icon"], +ul.icons li [class*=" icon"] { + width: .75em; +} +.icon-muted { + color: #eeeeee; +} +.icon-border { + border: solid 1px #eeeeee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.icon-2x { + font-size: 2em; +} +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.icon-3x { + font-size: 3em; +} +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.icon-4x { + font-size: 4em; +} +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +[class^="icon"].pull-left, +[class*=" icon"].pull-left { + margin-right: .35em; +} +[class^="icon"].pull-right, +[class*=" icon"].pull-right { + margin-left: .35em; +} +.btn [class^="icon"].pull-left.icon-2x, +.btn [class*=" icon"].pull-left.icon-2x, +.btn [class^="icon"].pull-right.icon-2x, +.btn [class*=" icon"].pull-right.icon-2x { + margin-top: .35em; +} +.btn [class^="icon"].icon-spin.icon-large, +.btn [class*=" icon"].icon-spin.icon-large { + height: .75em; +} +.btn.btn-small [class^="icon"].pull-left.icon-2x, +.btn.btn-small [class*=" icon"].pull-left.icon-2x, +.btn.btn-small [class^="icon"].pull-right.icon-2x, +.btn.btn-small [class*=" icon"].pull-right.icon-2x { + margin-top: .45em; +} +.btn.btn-large [class^="icon"].pull-left.icon-2x, +.btn.btn-large [class*=" icon"].pull-left.icon-2x, +.btn.btn-large [class^="icon"].pull-right.icon-2x, +.btn.btn-large [class*=" icon"].pull-right.icon-2x { + margin-top: .2em; +} +.icon-spin { + display: inline-block; + -webkit-animation: spin 2s infinite linear; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { -moz-transform: rotate(0deg); } + 100% { -moz-transform: rotate(359deg); } +} +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(359deg); } +} +@-o-keyframes spin { + 0% { -o-transform: rotate(0deg); } + 100% { -o-transform: rotate(359deg); } +} +@-ms-keyframes spin { + 0% { -ms-transform: rotate(0deg); } + 100% { -ms-transform: rotate(359deg); } +} +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(359deg); } +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { content: "\f000"; } +.icon-music:before { content: "\f001"; } +.icon-search:before { content: "\f002"; } +.icon-envelope:before { content: "\f003"; } +.icon-heart:before { content: "\f004"; } +.icon-star:before { content: "\f005"; } +.icon-star-empty:before { content: "\f006"; } +.icon-user:before { content: "\f007"; } +.icon-film:before { content: "\f008"; } +.icon-th-large:before { content: "\f009"; } +.icon-th:before { content: "\f00a"; } +.icon-th-list:before { content: "\f00b"; } +.icon-ok:before { content: "\f00c"; } +.icon-remove:before { content: "\f00d"; } +.icon-zoom-in:before { content: "\f00e"; } + +.icon-zoom-out:before { content: "\f010"; } +.icon-off:before { content: "\f011"; } +.icon-signal:before { content: "\f012"; } +.icon-cog:before { content: "\f013"; } +.icon-trash:before { content: "\f014"; } +.icon-home:before { content: "\f015"; } +.icon-file:before { content: "\f016"; } +.icon-time:before { content: "\f017"; } +.icon-road:before { content: "\f018"; } +.icon-download-alt:before { content: "\f019"; } +.icon-download:before { content: "\f01a"; } +.icon-upload:before { content: "\f01b"; } +.icon-inbox:before { content: "\f01c"; } +.icon-play-circle:before { content: "\f01d"; } +.icon-repeat:before { content: "\f01e"; } + +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { content: "\f021"; } +.icon-list-alt:before { content: "\f022"; } +.icon-lock:before { content: "\f023"; } +.icon-flag:before { content: "\f024"; } +.icon-headphones:before { content: "\f025"; } +.icon-volume-off:before { content: "\f026"; } +.icon-volume-down:before { content: "\f027"; } +.icon-volume-up:before { content: "\f028"; } +.icon-qrcode:before { content: "\f029"; } +.icon-barcode:before { content: "\f02a"; } +.icon-tag:before { content: "\f02b"; } +.icon-tags:before { content: "\f02c"; } +.icon-book:before { content: "\f02d"; } +.icon-bookmark:before { content: "\f02e"; } +.icon-print:before { content: "\f02f"; } + +.icon-camera:before { content: "\f030"; } +.icon-font:before { content: "\f031"; } +.icon-bold:before { content: "\f032"; } +.icon-italic:before { content: "\f033"; } +.icon-text-height:before { content: "\f034"; } +.icon-text-width:before { content: "\f035"; } +.icon-align-left:before { content: "\f036"; } +.icon-align-center:before { content: "\f037"; } +.icon-align-right:before { content: "\f038"; } +.icon-align-justify:before { content: "\f039"; } +.icon-list:before { content: "\f03a"; } +.icon-indent-left:before { content: "\f03b"; } +.icon-indent-right:before { content: "\f03c"; } +.icon-facetime-video:before { content: "\f03d"; } +.icon-picture:before { content: "\f03e"; } + +.icon-pencil:before { content: "\f040"; } +.icon-map-marker:before { content: "\f041"; } +.icon-adjust:before { content: "\f042"; } +.icon-tint:before { content: "\f043"; } +.icon-edit:before { content: "\f044"; } +.icon-share:before { content: "\f045"; } +.icon-check:before { content: "\f046"; } +.icon-move:before { content: "\f047"; } +.icon-step-backward:before { content: "\f048"; } +.icon-fast-backward:before { content: "\f049"; } +.icon-backward:before { content: "\f04a"; } +.icon-play:before { content: "\f04b"; } +.icon-pause:before { content: "\f04c"; } +.icon-stop:before { content: "\f04d"; } +.icon-forward:before { content: "\f04e"; } + +.icon-fast-forward:before { content: "\f050"; } +.icon-step-forward:before { content: "\f051"; } +.icon-eject:before { content: "\f052"; } +.icon-chevron-left:before { content: "\f053"; } +.icon-chevron-right:before { content: "\f054"; } +.icon-plus-sign:before { content: "\f055"; } +.icon-minus-sign:before { content: "\f056"; } +.icon-remove-sign:before { content: "\f057"; } +.icon-ok-sign:before { content: "\f058"; } +.icon-question-sign:before { content: "\f059"; } +.icon-info-sign:before { content: "\f05a"; } +.icon-screenshot:before { content: "\f05b"; } +.icon-remove-circle:before { content: "\f05c"; } +.icon-ok-circle:before { content: "\f05d"; } +.icon-ban-circle:before { content: "\f05e"; } + +.icon-arrow-left:before { content: "\f060"; } +.icon-arrow-right:before { content: "\f061"; } +.icon-arrow-up:before { content: "\f062"; } +.icon-arrow-down:before { content: "\f063"; } +.icon-share-alt:before { content: "\f064"; } +.icon-resize-full:before { content: "\f065"; } +.icon-resize-small:before { content: "\f066"; } +.icon-plus:before { content: "\f067"; } +.icon-minus:before { content: "\f068"; } +.icon-asterisk:before { content: "\f069"; } +.icon-exclamation-sign:before { content: "\f06a"; } +.icon-gift:before { content: "\f06b"; } +.icon-leaf:before { content: "\f06c"; } +.icon-fire:before { content: "\f06d"; } +.icon-eye-open:before { content: "\f06e"; } + +.icon-eye-close:before { content: "\f070"; } +.icon-warning-sign:before { content: "\f071"; } +.icon-plane:before { content: "\f072"; } +.icon-calendar:before { content: "\f073"; } +.icon-random:before { content: "\f074"; } +.icon-comment:before { content: "\f075"; } +.icon-magnet:before { content: "\f076"; } +.icon-chevron-up:before { content: "\f077"; } +.icon-chevron-down:before { content: "\f078"; } +.icon-retweet:before { content: "\f079"; } +.icon-shopping-cart:before { content: "\f07a"; } +.icon-folder-close:before { content: "\f07b"; } +.icon-folder-open:before { content: "\f07c"; } +.icon-resize-vertical:before { content: "\f07d"; } +.icon-resize-horizontal:before { content: "\f07e"; } + +.icon-bar-chart:before { content: "\f080"; } +.icon-twitter-sign:before { content: "\f081"; } +.icon-facebook-sign:before { content: "\f082"; } +.icon-camera-retro:before { content: "\f083"; } +.icon-key:before { content: "\f084"; } +.icon-cogs:before { content: "\f085"; } +.icon-comments:before { content: "\f086"; } +.icon-thumbs-up:before { content: "\f087"; } +.icon-thumbs-down:before { content: "\f088"; } +.icon-star-half:before { content: "\f089"; } +.icon-heart-empty:before { content: "\f08a"; } +.icon-signout:before { content: "\f08b"; } +.icon-linkedin-sign:before { content: "\f08c"; } +.icon-pushpin:before { content: "\f08d"; } +.icon-external-link:before { content: "\f08e"; } + +.icon-signin:before { content: "\f090"; } +.icon-trophy:before { content: "\f091"; } +.icon-github-sign:before { content: "\f092"; } +.icon-upload-alt:before { content: "\f093"; } +.icon-lemon:before { content: "\f094"; } +.icon-phone:before { content: "\f095"; } +.icon-check-empty:before { content: "\f096"; } +.icon-bookmark-empty:before { content: "\f097"; } +.icon-phone-sign:before { content: "\f098"; } +.icon-twitter:before { content: "\f099"; } +.icon-facebook:before { content: "\f09a"; } +.icon-github:before { content: "\f09b"; } +.icon-unlock:before { content: "\f09c"; } +.icon-credit-card:before { content: "\f09d"; } +.icon-rss:before { content: "\f09e"; } + +.icon-hdd:before { content: "\f0a0"; } +.icon-bullhorn:before { content: "\f0a1"; } +.icon-bell:before { content: "\f0a2"; } +.icon-certificate:before { content: "\f0a3"; } +.icon-hand-right:before { content: "\f0a4"; } +.icon-hand-left:before { content: "\f0a5"; } +.icon-hand-up:before { content: "\f0a6"; } +.icon-hand-down:before { content: "\f0a7"; } +.icon-circle-arrow-left:before { content: "\f0a8"; } +.icon-circle-arrow-right:before { content: "\f0a9"; } +.icon-circle-arrow-up:before { content: "\f0aa"; } +.icon-circle-arrow-down:before { content: "\f0ab"; } +.icon-globe:before { content: "\f0ac"; } +.icon-wrench:before { content: "\f0ad"; } +.icon-tasks:before { content: "\f0ae"; } + +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } + +.icon-group:before { content: "\f0c0"; } +.icon-link:before { content: "\f0c1"; } +.icon-cloud:before { content: "\f0c2"; } +.icon-beaker:before { content: "\f0c3"; } +.icon-cut:before { content: "\f0c4"; } +.icon-copy:before { content: "\f0c5"; } +.icon-paper-clip:before { content: "\f0c6"; } +.icon-save:before { content: "\f0c7"; } +.icon-sign-blank:before { content: "\f0c8"; } +.icon-reorder:before { content: "\f0c9"; } +.icon-list-ul:before { content: "\f0ca"; } +.icon-list-ol:before { content: "\f0cb"; } +.icon-strikethrough:before { content: "\f0cc"; } +.icon-underline:before { content: "\f0cd"; } +.icon-table:before { content: "\f0ce"; } + +.icon-magic:before { content: "\f0d0"; } +.icon-truck:before { content: "\f0d1"; } +.icon-pinterest:before { content: "\f0d2"; } +.icon-pinterest-sign:before { content: "\f0d3"; } +.icon-google-plus-sign:before { content: "\f0d4"; } +.icon-google-plus:before { content: "\f0d5"; } +.icon-money:before { content: "\f0d6"; } +.icon-caret-down:before { content: "\f0d7"; } +.icon-caret-up:before { content: "\f0d8"; } +.icon-caret-left:before { content: "\f0d9"; } +.icon-caret-right:before { content: "\f0da"; } +.icon-columns:before { content: "\f0db"; } +.icon-sort:before { content: "\f0dc"; } +.icon-sort-down:before { content: "\f0dd"; } +.icon-sort-up:before { content: "\f0de"; } + +.icon-envelope-alt:before { content: "\f0e0"; } +.icon-linkedin:before { content: "\f0e1"; } +.icon-undo:before { content: "\f0e2"; } +.icon-legal:before { content: "\f0e3"; } +.icon-dashboard:before { content: "\f0e4"; } +.icon-comment-alt:before { content: "\f0e5"; } +.icon-comments-alt:before { content: "\f0e6"; } +.icon-bolt:before { content: "\f0e7"; } +.icon-sitemap:before { content: "\f0e8"; } +.icon-umbrella:before { content: "\f0e9"; } +.icon-paste:before { content: "\f0ea"; } +.icon-lightbulb:before { content: "\f0eb"; } +.icon-exchange:before { content: "\f0ec"; } +.icon-cloud-download:before { content: "\f0ed"; } +.icon-cloud-upload:before { content: "\f0ee"; } + +.icon-user-md:before { content: "\f0f0"; } +.icon-stethoscope:before { content: "\f0f1"; } +.icon-suitcase:before { content: "\f0f2"; } +.icon-bell-alt:before { content: "\f0f3"; } +.icon-coffee:before { content: "\f0f4"; } +.icon-food:before { content: "\f0f5"; } +.icon-file-alt:before { content: "\f0f6"; } +.icon-building:before { content: "\f0f7"; } +.icon-hospital:before { content: "\f0f8"; } +.icon-ambulance:before { content: "\f0f9"; } +.icon-medkit:before { content: "\f0fa"; } +.icon-fighter-jet:before { content: "\f0fb"; } +.icon-beer:before { content: "\f0fc"; } +.icon-h-sign:before { content: "\f0fd"; } +.icon-plus-sign-alt:before { content: "\f0fe"; } + +.icon-double-angle-left:before { content: "\f100"; } +.icon-double-angle-right:before { content: "\f101"; } +.icon-double-angle-up:before { content: "\f102"; } +.icon-double-angle-down:before { content: "\f103"; } +.icon-angle-left:before { content: "\f104"; } +.icon-angle-right:before { content: "\f105"; } +.icon-angle-up:before { content: "\f106"; } +.icon-angle-down:before { content: "\f107"; } +.icon-desktop:before { content: "\f108"; } +.icon-laptop:before { content: "\f109"; } +.icon-tablet:before { content: "\f10a"; } +.icon-mobile-phone:before { content: "\f10b"; } +.icon-circle-blank:before { content: "\f10c"; } +.icon-quote-left:before { content: "\f10d"; } +.icon-quote-right:before { content: "\f10e"; } + +.icon-spinner:before { content: "\f110"; } +.icon-circle:before { content: "\f111"; } +.icon-reply:before { content: "\f112"; } +.icon-github-alt:before { content: "\f113"; } +.icon-folder-close-alt:before { content: "\f114"; } +.icon-folder-open-alt:before { content: "\f115"; } + +.icons-phone:before { content: "\e000"; } +.icons-mobile:before { content: "\e001"; } +.icons-mouse:before { content: "\e002"; } +.icons-directions:before { content: "\e003"; } +.icons-mail:before { content: "\e004"; } +.icons-paperplane:before { content: "\e005"; } +.icons-pencil:before { content: "\e006"; } +.icons-feather:before { content: "\e007"; } +.icons-paperclip:before { content: "\e008"; } +.icons-drawer:before { content: "\e009"; } +.icons-reply:before { content: "\e00a"; } +.icons-reply-all:before { content: "\e00b"; } +.icons-forward:before { content: "\e00c"; } +.icons-user:before { content: "\e00d"; } +.icons-users:before { content: "\e00e"; } +.icons-user-add:before { content: "\e00f"; } +.icons-vcard:before { content: "\e010"; } +.icons-export:before { content: "\e011"; } +.icons-location:before { content: "\e012"; } +.icons-map:before { content: "\e013"; } +.icons-compass:before { content: "\e014"; } +.icons-location-2:before { content: "\e015"; } +.icons-target:before { content: "\e016"; } +.icons-share:before { content: "\e017"; } +.icons-sharable:before { content: "\e018"; } +.icons-heart:before { content: "\e019"; } +.icons-heart-2:before { content: "\e01a"; } +.icons-star:before { content: "\e01b"; } +.icons-star-2:before { content: "\e01c"; } +.icons-thumbs-up:before { content: "\e01d"; } +.icons-thumbs-down:before { content: "\e01e"; } +.icons-chat:before { content: "\e01f"; } +.icons-comment:before { content: "\e020"; } +.icons-quote:before { content: "\e021"; } +.icons-house:before { content: "\e022"; } +.icons-popup:before { content: "\e023"; } +.icons-search:before { content: "\e024"; } +.icons-flashlight:before { content: "\e025"; } +.icons-printer:before { content: "\e026"; } +.icons-bell:before { content: "\e027"; } +.icons-link:before { content: "\e028"; } +.icons-flag:before { content: "\e029"; } +.icons-cog:before { content: "\e02a"; } +.icons-tools:before { content: "\e02b"; } +.icons-trophy:before { content: "\e02c"; } +.icons-tag:before { content: "\e02d"; } +.icons-camera:before { content: "\e02e"; } +.icons-megaphone:before { content: "\e02f"; } +.icons-moon:before { content: "\e030"; } +.icons-palette:before { content: "\e031"; } +.icons-leaf:before { content: "\e032"; } +.icons-music:before { content: "\e033"; } +.icons-music-2:before { content: "\e034"; } +.icons-new:before { content: "\e035"; } +.icons-graduation:before { content: "\e036"; } +.icons-book:before { content: "\e037"; } +.icons-newspaper:before { content: "\e038"; } +.icons-bag:before { content: "\e039"; } +.icons-airplane:before { content: "\e03a"; } +.icons-lifebuoy:before { content: "\e03b"; } +.icons-eye:before { content: "\e03c"; } +.icons-clock:before { content: "\e03d"; } +.icons-microphone:before { content: "\e03e"; } +.icons-calendar:before { content: "\e03f"; } +.icons-bolt:before { content: "\e040"; } +.icons-thunder:before { content: "\e041"; } +.icons-droplet:before { content: "\e042"; } +.icons-cd:before { content: "\e043"; } +.icons-briefcase:before { content: "\e044"; } +.icons-air:before { content: "\e045"; } +.icons-hourglass:before { content: "\e046"; } +.icons-gauge:before { content: "\e047"; } +.icons-language:before { content: "\e048"; } +.icons-network:before { content: "\e049"; } +.icons-key:before { content: "\e04a"; } +.icons-battery:before { content: "\e04b"; } +.icons-bucket:before { content: "\e04c"; } +.icons-magnet:before { content: "\e04d"; } +.icons-drive:before { content: "\e04e"; } +.icons-cup:before { content: "\e04f"; } +.icons-rocket:before { content: "\e050"; } +.icons-brush:before { content: "\e051"; } +.icons-suitcase:before { content: "\e052"; } +.icons-cone:before { content: "\e053"; } +.icons-earth:before { content: "\e054"; } +.icons-keyboard:before { content: "\e055"; } +.icons-browser:before { content: "\e056"; } +.icons-publish:before { content: "\e057"; } +.icons-progress-3:before { content: "\e058"; } +.icons-progress-2:before { content: "\e059"; } +.icons-brogress-1:before { content: "\e05a"; } +.icons-progress-0:before { content: "\e05b"; } +.icons-sun:before { content: "\e05c"; } +.icons-sun-2:before { content: "\e05d"; } +.icons-adjust:before { content: "\e05e"; } +.icons-code:before { content: "\e05f"; } +.icons-screen:before { content: "\e060"; } +.icons-infinity:before { content: "\e061"; } +.icons-light-bulb:before { content: "\e062"; } +.icons-credit-card:before { content: "\e063"; } +.icons-database:before { content: "\e064"; } +.icons-voicemail:before { content: "\e065"; } +.icons-clipboard:before { content: "\e066"; } +.icons-cart:before { content: "\e067"; } +.icons-box:before { content: "\e068"; } +.icons-ticket:before { content: "\e069"; } +.icons-rss:before { content: "\e06a"; } +.icons-signal:before { content: "\e06b"; } +.icons-thermometer:before { content: "\e06c"; } +.icons-droplets:before { content: "\e06d"; } +.icons-untitled:before { content: "\e06e"; } +.icons-statistics:before { content: "\e06f"; } +.icons-pie:before { content: "\e070"; } +.icons-bars:before { content: "\e071"; } +.icons-graph:before { content: "\e072"; } +.icons-lock:before { content: "\e073"; } +.icons-lock-open:before { content: "\e074"; } +.icons-logout:before { content: "\e075"; } +.icons-login:before { content: "\e076"; } +.icons-checkmark:before { content: "\e077"; } +.icons-cross:before { content: "\e078"; } +.icons-minus:before { content: "\e079"; } +.icons-plus:before { content: "\e07a"; } +.icons-cross-2:before { content: "\e07b"; } +.icons-minus-2:before { content: "\e07c"; } +.icons-plus-2:before { content: "\e07d"; } +.icons-cross-3:before { content: "\e07e"; } +.icons-minus-3:before { content: "\e07f"; } +.icons-plus-3:before { content: "\e080"; } +.icons-erase:before { content: "\e081"; } +.icons-blocked:before { content: "\e082"; } +.icons-info:before { content: "\e083"; } +.icons-info-2:before { content: "\e084"; } +.icons-question:before { content: "\e085"; } +.icons-help:before { content: "\e086"; } +.icons-warning:before { content: "\e087"; } +.icons-cycle:before { content: "\e088"; } +.icons-cw:before { content: "\e089"; } +.icons-ccw:before { content: "\e08a"; } +.icons-shuffle:before { content: "\e08b"; } +.icons-arrow:before { content: "\e08c"; } +.icons-arrow-2:before { content: "\e08d"; } +.icons-retweet:before { content: "\e08e"; } +.icons-loop:before { content: "\e08f"; } +.icons-history:before { content: "\e090"; } +.icons-back:before { content: "\e091"; } +.icons-switch:before { content: "\e092"; } +.icons-list:before { content: "\e093"; } +.icons-add-to-list:before { content: "\e094"; } +.icons-layout:before { content: "\e095"; } +.icons-list-2:before { content: "\e096"; } +.icons-text:before { content: "\e097"; } +.icons-text-2:before { content: "\e098"; } +.icons-document:before { content: "\e099"; } +.icons-docs:before { content: "\e09a"; } +.icons-landscape:before { content: "\e09b"; } +.icons-pictures:before { content: "\e09c"; } +.icons-video:before { content: "\e09d"; } +.icons-music-3:before { content: "\e09e"; } +.icons-folder:before { content: "\e09f"; } +.icons-archive:before { content: "\e0a0"; } +.icons-trash:before { content: "\e0a1"; } +.icons-upload:before { content: "\e0a2"; } +.icons-download:before { content: "\e0a3"; } +.icons-disk:before { content: "\e0a4"; } +.icons-install:before { content: "\e0a5"; } +.icons-cloud:before { content: "\e0a6"; } +.icons-upload-2:before { content: "\e0a7"; } +.icons-bookmark:before { content: "\e0a8"; } +.icons-bookmarks:before { content: "\e0a9"; } +.icons-book-2:before { content: "\e0aa"; } +.icons-play:before { content: "\e0ab"; } +.icons-pause:before { content: "\e0ac"; } +.icons-record:before { content: "\e0ad"; } +.icons-stop:before { content: "\e0ae"; } +.icons-next:before { content: "\e0af"; } +.icons-previous:before { content: "\e0b0"; } +.icons-first:before { content: "\e0b1"; } +.icons-last:before { content: "\e0b2"; } +.icons-resize-enlarge:before { content: "\e0b3"; } +.icons-resize-shrink:before { content: "\e0b4"; } +.icons-volume:before { content: "\e0b5"; } +.icons-sound:before { content: "\e0b6"; } +.icons-mute:before { content: "\e0b7"; } +.icons-flow-cascade:before { content: "\e0b8"; } +.icons-flow-branch:before { content: "\e0b9"; } +.icons-flow-tree:before { content: "\e0ba"; } +.icons-flow-line:before { content: "\e0bb"; } +.icons-flow-parallel:before { content: "\e0bc"; } +.icons-arrow-left:before { content: "\e0bd"; } +.icons-arrow-down:before { content: "\e0be"; } +.icons-arrow-up--upload:before { content: "\e0bf"; } +.icons-arrow-right:before { content: "\e0c0"; } +.icons-arrow-left-2:before { content: "\e0c1"; } +.icons-arrow-down-2:before { content: "\e0c2"; } +.icons-arrow-up:before { content: "\e0c3"; } +.icons-arrow-right-2:before { content: "\e0c4"; } +.icons-arrow-left-3:before { content: "\e0c5"; } +.icons-arrow-down-3:before { content: "\e0c6"; } +.icons-arrow-up-2:before { content: "\e0c7"; } +.icons-arrow-right-3:before { content: "\e0c8"; } +.icons-arrow-left-4:before { content: "\e0c9"; } +.icons-arrow-down-4:before { content: "\e0ca"; } +.icons-arrow-up-3:before { content: "\e0cb"; } +.icons-arrow-right-4:before { content: "\e0cc"; } +.icons-arrow-left-5:before { content: "\e0cd"; } +.icons-arrow-down-5:before { content: "\e0ce"; } +.icons-arrow-up-4:before { content: "\e0cf"; } +.icons-arrow-right-5:before { content: "\e0d0"; } +.icons-arrow-left-6:before { content: "\e0d1"; } +.icons-arrow-down-6:before { content: "\e0d2"; } +.icons-arrow-up-5:before { content: "\e0d3"; } +.icons-arrow-right-6:before { content: "\e0d4"; } +.icons-arrow-left-7:before { content: "\e0d5"; } +.icons-arrow-down-7:before { content: "\e0d6"; } +.icons-arrow-up-6:before { content: "\e0d7"; } +.icons-untitled-2:before { content: "\e0d8"; } +.icons-arrow-left-8:before { content: "\e0d9"; } +.icons-arrow-down-8:before { content: "\e0da"; } +.icons-arrow-up-7:before { content: "\e0db"; } +.icons-arrow-right-7:before { content: "\e0dc"; } +.icons-menu:before { content: "\e0dd"; } +.icons-ellipsis:before { content: "\e0de"; } +.icons-dots:before { content: "\e0df"; } +.icons-dot:before { content: "\e0e0"; } +.icons-cc:before { content: "\e0e1"; } +.icons-cc-by:before { content: "\e0e2"; } +.icons-cc-nc:before { content: "\e0e3"; } +.icons-cc-nc-eu:before { content: "\e0e4"; } +.icons-cc-nc-jp:before { content: "\e0e5"; } +.icons-cc-sa:before { content: "\e0e6"; } +.icons-cc-nd:before { content: "\e0e7"; } +.icons-cc-pd:before { content: "\e0e8"; } +.icons-cc-zero:before { content: "\e0e9"; } +.icons-cc-share:before { content: "\e0ea"; } +.icons-cc-share-2:before { content: "\e0eb"; } +.icons-daniel-bruce:before { content: "\e0ec"; } +.icons-daniel-bruce-2:before { content: "\e0ed"; } diff --git a/app/assets/stylesheets/desktop/jquery.gridster.css b/app/assets/stylesheets/desktop/jquery.gridster.css new file mode 100644 index 000000000..8441eac38 --- /dev/null +++ b/app/assets/stylesheets/desktop/jquery.gridster.css @@ -0,0 +1,64 @@ +/*! gridster.js - v0.1.0 - 2012-10-20 +* http://gridster.net/ +* Copyright (c) 2012 ducksboard; Licensed MIT */ + +.gridster { + position:relative; +} + +.gridster > * { + margin: 0 auto; + -webkit-transition: height .4s; + -moz-transition: height .4s; + -o-transition: height .4s; + -ms-transition: height .4s; + transition: height .4s; +} + +.gridster .gs_w{ + z-index: 2; + position: absolute; +} + +.ready .gs_w:not(.preview-holder) { + -webkit-transition: opacity .3s, left .3s, top .3s; + -moz-transition: opacity .3s, left .3s, top .3s; + -o-transition: opacity .3s, left .3s, top .3s; + transition: opacity .3s, left .3s, top .3s; +} + +.ready .gs_w:not(.preview-holder) { + -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s; + -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s; + -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s; + transition: opacity .3s, left .3s, top .3s, width .3s, height .3s; +} + +.gridster .preview-holder { + z-index: 1; + position: absolute; + background-color: #000; + border-color: #000; + opacity: 0.2; +} + +.gridster .player-revert { + z-index: 10!important; + -webkit-transition: left .3s, top .3s!important; + -moz-transition: left .3s, top .3s!important; + -o-transition: left .3s, top .3s!important; + transition: left .3s, top .3s!important; +} + +.gridster .dragging { + z-index: 10!important; + -webkit-transition: all 0s !important; + -moz-transition: all 0s !important; + -o-transition: all 0s !important; + transition: all 0s !important; +} + +/* Uncomment this if you set helper : "clone" in draggable options */ +/*.gridster .player { + opacity:0; +}*/ diff --git a/app/assets/stylesheets/desktop/jquery.miniColors.css b/app/assets/stylesheets/desktop/jquery.miniColors.css new file mode 100755 index 000000000..831da6f88 --- /dev/null +++ b/app/assets/stylesheets/desktop/jquery.miniColors.css @@ -0,0 +1,59 @@ +.miniColors-trigger { + height: 36px; + width: 36px; + border: solid 3px #e8e8e8; + vertical-align: middle; + margin: 0 6px 0 0; + display: inline-block; + outline: none; +} + +.miniColors-selector { + position: absolute; + width: 175px; + height: 150px; + background: #FFF; + border: solid 1px #BBB; + padding: 5px; + z-index: 999999; +} + +.miniColors-selector.black { + background: #222; + border-color: #222; +} + +.miniColors-colors { + position: absolute; + top: 5px; + left: 5px; + width: 150px; + height: 150px; + background: url(miniColors/gradient.png) center no-repeat; + cursor: crosshair; +} + +.miniColors-hues { + position: absolute; + top: 5px; + left: 160px; + width: 20px; + height: 150px; + background: url(miniColors/rainbow.png) center no-repeat; + cursor: crosshair; +} + +.miniColors-colorPicker { + position: absolute; + width: 11px; + height: 11px; + background: url(miniColors/circle.gif) center no-repeat; +} + +.miniColors-huePicker { + position: absolute; + left: -3px; + width: 26px; + height: 3px; + background: url(miniColors/line.gif) center no-repeat; +} \ No newline at end of file diff --git a/app/assets/stylesheets/desktop/orbit-bar.css.erb b/app/assets/stylesheets/desktop/orbit-bar.css.erb new file mode 100644 index 000000000..5cebe2735 --- /dev/null +++ b/app/assets/stylesheets/desktop/orbit-bar.css.erb @@ -0,0 +1,234 @@ +#orbit-bar { + margin-bottom:0; + position:fixed; + width:100%; + z-index:99; + top:0; + left:0; +} +#orbit-bar .navbar-inner { + min-height:28px; + height:28px; + border:none; + -moz-border-radius:0px; + -webkit-border-radius:0px; + border-radius:0px; + padding-top:2px; + padding-bottom:1px; + -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset; + -moz-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset; + box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset; + background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c)); + background-image:-webkit-linear-gradient(top, #545b60, #191a1c); + background-image:-moz-linear-gradient(top, #545b60, #191a1c); + background-image:-ms-linear-gradient(top, #545b60, #191a1c); + background-image:-o-linear-gradient(top, #545b60, #191a1c); + background-image:linear-gradient(top, #545b60, #191a1c); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#545b60', endColorstr='#191a1c', GradientType=0); +} +#orbit-bar .navbar-search { + left:30px; + margin:0; + position:absolute; + text-align:right; + top:-1px; + z-index:0; + opacity:0; + -moz-opacity:0; + filter:alpha(opacity=0); +} +#orbit-bar .nav.pull-right { + margin-right:-20px; +} +#orbit-bar .search-query { + padding:7px 9px 5px; + height:12px; + margin-top:3px; + border:none; + line-height:14px; + border-radius:3px; +} +#orbit-bar .search-query:focus { + background-position:5px 2px; +} +#orbit-bar .container { + width:100%; +} +#orbit-bar .orbit-logo .brand { + background:url(<%= asset_path 'orbit-bar.png' %>) no-repeat -162px -5px; + text-indent:-9999px; + padding:5px 20px 4px; +} +#orbit-bar .orbit-logo .brand:hover { + background-color:#009ddc; +} +#orbit-bar .orbit-logo.open .brand { + background-color:#009ddc; +} +#orbit-bar .orbit-logo .dropdown-menu { + left:-15px; +} +#orbit-bar .dropdown-menu>li [class^="icon"], +#orbit-bar .dropdown-menu>li [class*=" icon"] { + font-size: 1.5em; + margin-right: 10px; +} +#orbit-bar .nav>li { + height:28px; +} +#orbit-bar .nav>li>a:hover { + background-color:#009ddc; +} +#orbit-bar .nav>li>a { + background-repeat:no-repeat; + display:inline-block; + width:17px; + height:16px; + padding:6px 6px 6px 5px; +} +#orbit-bar .nav>li>a[data-icon]:before { + font-size:1.5em; + color:#fff; + line-height:16px; + text-shadow:none; +} +#orbit-bar .nav>li.search { + overflow:hidden; + width:28px; + position:relative; +} +#orbit-bar .nav>li>a.orbit-bar-home { + background-position:-10px -10px; +} +#orbit-bar .nav>li>a.orbit-bar-desktop { + background-position:-106px -9px; +} +#orbit-bar .nav>li>a.orbit-bar-member { + background-position:-4px -37px; +} +#orbit-bar .nav>li>a.orbit-bar-member { + background-position:-10px -43px; +} +#orbit-bar .nav>li>a.orbit-bar-language { + background-position:-42px -42px; +} +#orbit-bar .nav>li>a.orbit-bar-search { + background-position:-75px -10px; + overflow:hidden; + position:absolute; + right:0; + z-index:1; +} +#orbit-bar .nav>li.language.open>a.orbit-bar-language { + background-color:#009ddc; +} +.language-menu .active { + color:#ffffff; + text-decoration:none; + background-color:#0088cc; +} +#orbit-bar .nav>li>a.orbit-bar-account { + background-image:none; + height:22px; + padding:3px; + text-indent:inherit; + min-width:110px; + width:auto !important; + text-align:left; + color:#FFFFFF; + text-shadow:none; + background-color:rgba(0,0,0,0.5); +} +#orbit-bar .nav>li>a.orbit-bar-account:hover { + background-color:#08C; +} +#orbit-bar .nav span.member-name { + display:inline-block; + line-height:22px; + padding:0 10px; + vertical-align:top; +} +#orbit-bar .nav img.member-img { + display:inline-block; + max-width:24px; + margin-top:-2px; +} +#orbit-bar .clear { + clear:none; +} +#orbit-bar .account-menu { + right:5px; +} +#orbit-bar .bar-login .open,#orbit-bar .open .orbit-bar-account { + background-color:#009DDC; +} +#orbit-bar .bar-login .dropdown-menu { + padding:0 0 10px; + max-width:260px; +} +#orbit-bar .bar-login .dropdown-menu .log { + margin:10px 15px 0; + list-style:none outside none; +} +#orbit-bar .bar-login .dropdown-menu .log .title { + background:url(<%= asset_path 'sign-in-logo2.png' %>) no-repeat center center; + height:70px; +} +#orbit-bar .bar-login .dropdown-menu .log form { + margin:0 0 8px; +} +#orbit-bar .bar-login .dropdown-menu .log input { + display:inline-block; + margin:0; +} +#orbit-bar .bar-login .dropdown-menu .log .span2 { + width:182px; +} +#orbit-bar .bar-login .dropdown-menu .log .forgot { + margin-bottom:20px; + padding:3px 0 0; + float:right; + display:inline-block; + color:#0088CC; +} +#orbit-bar .bar-login .dropdown-menu .log .input-prepend { + margin-top:20px; +} +#orbit-bar .bar-login .dropdown-menu .log .remember { + margin-top:5px; +} +#orbit-bar .bar-login .dropdown-menu .log .forgot:hover { + padding:3px 0 0; + float:right; + display:inline-block; + color:#005580; + text-decoration:underline; + background-color:transparent; +} +#orbit-bar .bar-login .dropdown-menu .log .btn { + width:220px; +} +#orbit-bar .bar-login .dropdown-menu .log .divider { + position:relative; + overflow:inherit; + margin:20px 0; +} +#orbit-bar .bar-login .dropdown-menu .log .divider span { + position:absolute; + width:20px; + height:20px; + background-color:#FFF; + color:#666; + top:-9px; + left:100px; + font-size:1.4em; + text-align:center; +} +#orbit-bar .bar-login .dropdown-menu .register { + color:#FFFFFF; + margin:0 15px; + width:188px; +} +#orbit-bar .add-on i { + font-size:12px; +} \ No newline at end of file