diff --git a/app/assets/stylesheets/alertify.core.scss b/app/assets/stylesheets/alertify.core.scss new file mode 100644 index 0000000..6cd11db --- /dev/null +++ b/app/assets/stylesheets/alertify.core.scss @@ -0,0 +1,242 @@ + + + + + + + + + + + +.alertify-show, +.alertify-log { + -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */ + -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); + -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); + -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); + -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); + transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ +} +.alertify-hide { + -webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */ + -webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */ +} +.alertify-log-hide { + -webkit-transition: all 500ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */ + -webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); + transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */ +} +.alertify-cover { + position: fixed; z-index: 99999; + top: 0; right: 0; bottom: 0; left: 0; +} +.alertify-cover-hidden { + display: none; +} +.alertify { + position: fixed; z-index: 99999; + top: 50px; left: 50%; + width: 550px; + margin-left: -275px; + opacity: 1; +} +.alertify-hidden { + -webkit-transform: translate(0,-150px); + -moz-transform: translate(0,-150px); + -ms-transform: translate(0,-150px); + -o-transform: translate(0,-150px); + transform: translate(0,-150px); + opacity: 0; + display: none; +} +/* overwrite display: none; for everything except IE6-8 */ +:root *> .alertify-hidden { display: block; } +.alertify-logs { + position: fixed; + z-index: 5000; + bottom: 10px; + right: 10px; + width: 300px; +} +.alertify-logs-hidden { + display: none; +} +.alertify-log { + display: block; + margin-top: 10px; + position: relative; + right: -300px; + opacity: 0; +} +.alertify-log-show { + right: 0; + opacity: 1; +} +.alertify-log-hide { + -webkit-transform: translate(300px, 0); + -moz-transform: translate(300px, 0); + -ms-transform: translate(300px, 0); + -o-transform: translate(300px, 0); + transform: translate(300px, 0); + opacity: 0; +} +.alertify-dialog { + padding: 25px; +} +.alertify-resetFocus { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.alertify-inner { + text-align: center; +} +.alertify-text { + margin-bottom: 15px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-size: 100%; +} +.alertify-buttons { +} +.alertify-button, +.alertify-button:hover, +.alertify-button:active, +.alertify-button:visited { + background: none; + text-decoration: none; + border: none; + /* line-height and font-size for input button */ + line-height: 1.5; + font-size: 100%; + display: inline-block; + cursor: pointer; + margin-left: 5px; +} + +.alertify-isHidden { + visibility: hidden; +} + + + + + + + + + + +/** + * Default Look and Feel + */ + .alertify, + .alertify-log { + font-family: sans-serif; + } + .alertify { + background: #FFF; + border: 10px solid #333; /* browsers that don't support rgba */ + border: 10px solid rgba(0,0,0,.7); + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + box-shadow: 0 3px 3px rgba(0,0,0,.3); + -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ + -moz-background-clip: padding; /* Firefox 3.6 */ + background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ + } + .alertify-text { + border: 1px solid #ddd; + padding: 10px; + height: 30px !important; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + } + .alertify form { + margin-bottom: 0 !important; + } + .alertify-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + color: #FFF; + font-weight: bold; + padding: 6px 15px; + text-decoration: none; + text-shadow: 1px 1px 0 rgba(0,0,0,.5); + box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5); + background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); + background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); + background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); + background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); + background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); + } + + .alertify-button-cancel, + .alertify-button-cancel:hover, + .alertify-button-cancel:focus { + background-color: #FE1A00; + color: #fff; + + } + .alertify-button-ok, + .alertify-button-ok:hover, + .alertify-button-ok:focus { + background-color: #5CB811; + color: #fff; + } + + .alertify-log { + background: #1F1F1F; + background: rgba(0,0,0,.9); + padding: 15px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + color: #FFF; + } + .alertify-log-error { + background: #FE1A00; + background: rgba(254,26,0,.9); + } + .alertify-log-success { + background: #5CB811; + background: rgba(92,184,17,.9); + } + + + + + + + @media only screen and (max-width: 680px) { + .alertify, + .alertify-logs { + width: 90%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .alertify { + left: 5%; + margin: 0; + } + } diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss new file mode 100644 index 0000000..3192ec8 --- /dev/null +++ b/app/assets/stylesheets/application.scss @@ -0,0 +1,13 @@ +/* + * This is a manifest file that'll be compiled into application.css, which will include all the files + * listed below. + * + * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, + * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. + * + * 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_self + *= require_tree . + */ diff --git a/app/assets/stylesheets/bootstrap-editable.css b/app/assets/stylesheets/bootstrap-editable.css new file mode 100644 index 0000000..660b413 --- /dev/null +++ b/app/assets/stylesheets/bootstrap-editable.css @@ -0,0 +1,463 @@ +/*! X-editable - v1.4.1 +* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery +* http://github.com/vitalets/x-editable +* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ + +.editableform { + margin-bottom: 0; /* overwrites bootstrap margin */ +} + +.editableform .control-group { + margin-bottom: 0; /* overwrites bootstrap margin */ + white-space: nowrap; /* prevent wrapping buttons on new line */ +} + +.editable-buttons { + display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ + vertical-align: top; + margin-left: 7px; + /* inline-block emulation for IE7*/ + zoom: 1; + *display: inline; +} + + + +.editable-input { + vertical-align: top; + display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ + width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ + white-space: normal; /* reset white-space decalred in parent*/ + /* display-inline emulation for IE7*/ + zoom: 1; + *display: inline; +} + +.editable-buttons .editable-cancel { + margin-left: 7px; +} + +/*for jquery-ui buttons need set height to look more pretty*/ +.editable-buttons button.ui-button-icon-only { + height: 24px; + width: 30px; +} + +.editableform-loading { + background: url('../img/loading.gif') center center no-repeat; + height: 25px; + width: auto; + min-width: 25px; +} + +.editable-inline .editableform-loading { + background-position: left 5px; +} + + .editable-error-block { + max-width: 300px; + margin: 5px 0 0 0; + width: auto; + white-space: normal; +} + +/*add padding for jquery ui*/ +.editable-error-block.ui-state-error { + padding: 3px; +} + +.editable-error { + color: red; +} + +.editableform .editable-date { + padding: 0; + margin: 0; + float: left; +} + + +/* checklist vertical alignment */ +.editable-checklist label input[type="checkbox"], +.editable-checklist label span { + vertical-align: middle; + margin: 0; +} + +.editable-checklist label { + white-space: nowrap; +} + +/* set exact width of textarea to fit buttons toolbar */ +.editable-wysihtml5 { + width: 566px; + height: 250px; +} + +/* clear button shown as link in date inputs */ +.editable-clear { + clear: both; + font-size: 0.9em; + text-decoration: none; + text-align: right; +} + +/* IOS-style clear button for text inputs */ +.editable-clear-x { + background: url('../img/clear.png') center center no-repeat; + display: block; + width: 13px; + height: 13px; + position: absolute; + opacity: 0.6; + z-index: 100; +} + +.editable-clear-x:hover { + opacity: 1; +} +.editable-container { + max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ +} + +.editable-container.popover { +/* width: 300px;*/ /* debug */ + width: auto; /* without this rule popover does not stretch */ +} + +.editable-container.editable-inline { + display: inline-block; + vertical-align: middle; + width: auto; + /* inline-block emulation for IE7*/ + zoom: 1; + *display: inline; +} + +.editable-container.ui-widget { + font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ +} +.editable-click, +a.editable-click, +a.editable-click:hover { + text-decoration: none; + border: solid 1px #ddd; + display: block; + padding: 5px 10px; +} + +.editable-click.editable-disabled, +a.editable-click.editable-disabled, +a.editable-click.editable-disabled:hover { + color: #585858; + cursor: default; + border-bottom: none; +} + +.editable-empty, .editable-empty:hover{ + font-style: italic; + color: #DD1144; + border-bottom: none; + text-decoration: none; +} + +.editable-unsaved { + font-weight: bold; +} + +.editable-unsaved:after { +/* content: '*'*/ +} + + +/*! + * Datepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Improvements by Andrew Rowls + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + */ +.datepicker { + padding: 4px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; + /*.dow { + border-top: 1px solid #ddd !important; + }*/ + +} +.datepicker-inline { + width: 220px; +} +.datepicker.datepicker-rtl { + direction: rtl; +} +.datepicker.datepicker-rtl table tr td span { + float: right; +} +.datepicker-dropdown { + top: 0; + left: 0; +} +.datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 6px; +} +.datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + position: absolute; + top: -6px; + left: 7px; +} +.datepicker > div { + display: none; +} +.datepicker.days div.datepicker-days { + display: block; +} +.datepicker.months div.datepicker-months { + display: block; +} +.datepicker.years div.datepicker-years { + display: block; +} +.datepicker table { + margin: 0; +} +.datepicker td, +.datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; +} +.table-striped .datepicker table tr td, +.table-striped .datepicker table tr th { + background-color: transparent; +} +.datepicker table tr td.day:hover { + background: #eeeeee; + cursor: pointer; +} +.datepicker table tr td.old, +.datepicker table tr td.new { + color: #999999; +} +.datepicker table tr td.disabled, +.datepicker table tr td.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td.today, +.datepicker table tr td.today:hover, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); + background-image: linear-gradient(top, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + 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(enabled=false); +} +.datepicker table tr td.today:hover, +.datepicker table tr td.today:hover:hover, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today.disabled:hover:hover, +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today:hover.disabled, +.datepicker table tr td.today.disabled.disabled, +.datepicker table tr td.today.disabled:hover.disabled, +.datepicker table tr td.today[disabled], +.datepicker table tr td.today:hover[disabled], +.datepicker table tr td.today.disabled[disabled], +.datepicker table tr td.today.disabled:hover[disabled] { + background-color: #fdf59a; +} +.datepicker table tr td.today:active, +.datepicker table tr td.today:hover:active, +.datepicker table tr td.today.disabled:active, +.datepicker table tr td.today.disabled:hover:active, +.datepicker table tr td.today.active, +.datepicker table tr td.today:hover.active, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled:hover.active { + background-color: #fbf069 \9; +} +.datepicker table tr td.active, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #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(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + 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(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td.active:hover, +.datepicker table tr td.active:hover:hover, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active.disabled:hover:hover, +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active:hover.disabled, +.datepicker table tr td.active.disabled.disabled, +.datepicker table tr td.active.disabled:hover.disabled, +.datepicker table tr td.active[disabled], +.datepicker table tr td.active:hover[disabled], +.datepicker table tr td.active.disabled[disabled], +.datepicker table tr td.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.datepicker table tr td span:hover { + background: #eeeeee; +} +.datepicker table tr td span.disabled, +.datepicker table tr td span.disabled:hover { + background: none; + color: #999999; + cursor: default; +} +.datepicker table tr td span.active, +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active.disabled:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -ms-linear-gradient(top, #0088cc, #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(top, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); + 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(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.datepicker table tr td span.active:hover, +.datepicker table tr td span.active:hover:hover, +.datepicker table tr td span.active.disabled:hover, +.datepicker table tr td span.active.disabled:hover:hover, +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active:hover.disabled, +.datepicker table tr td span.active.disabled.disabled, +.datepicker table tr td span.active.disabled:hover.disabled, +.datepicker table tr td span.active[disabled], +.datepicker table tr td span.active:hover[disabled], +.datepicker table tr td span.active.disabled[disabled], +.datepicker table tr td span.active.disabled:hover[disabled] { + background-color: #0044cc; +} +.datepicker table tr td span.active:active, +.datepicker table tr td span.active:hover:active, +.datepicker table tr td span.active.disabled:active, +.datepicker table tr td span.active.disabled:hover:active, +.datepicker table tr td span.active.active, +.datepicker table tr td span.active:hover.active, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled:hover.active { + background-color: #003399 \9; +} +.datepicker table tr td span.old { + color: #999999; +} +.datepicker th.switch { + width: 145px; +} +.datepicker thead tr:first-child th, +.datepicker tfoot tr:first-child th { + cursor: pointer; +} +.datepicker thead tr:first-child th:hover, +.datepicker tfoot tr:first-child th:hover { + background: #eeeeee; +} +.input-append.date .add-on i, +.input-prepend.date .add-on i { + display: block; + cursor: pointer; + width: 16px; + height: 16px; +} diff --git a/app/assets/stylesheets/calendar-theme.css b/app/assets/stylesheets/calendar-theme.css new file mode 100644 index 0000000..6a95da3 --- /dev/null +++ b/app/assets/stylesheets/calendar-theme.css @@ -0,0 +1,305 @@ +/*! + * jQuery UI CSS Framework 1.8.23 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } +.ui-helper-clearfix:after { clear: both; } +.ui-helper-clearfix { zoom: 1; } +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and ../img */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + + +/*! + * jQuery UI CSS Framework 1.8.23 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px + */ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7; color: #362b36; } +.ui-widget-content a { color: #362b36; } +.ui-widget-header { border: 1px solid #cccccc; background: #dddddd; color: #222222; font-weight: bold; } +.ui-widget-header a { color: #222222; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #444; background: #666; font-weight: bold; color: #eee; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eee; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #555; font-weight: bold; color: #ddd; } +.ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #222222; background: #333333; font-weight: bold; color: #ffffff; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } +.ui-widget :active { outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f9dd34; background: #ffef8f; color: #363636; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a; color: #ffffff; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } + +/* Icons +----------------------------------*/ + +/* states and ../img */ +.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_72a7cf_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(../img/ui-icons_72a7cf_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(../img/ui-icons_72a7cf_256x240.png); } +.ui-state-default .ui-icon { background-image: url(../img/ui-icons_3d80b3_256x240.png); } +.ui-state-active .ui-icon {background-image: url(../img/ui-icons_ffffff_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_2e83ff_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_ffffff_256x240.png); } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; } +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } + +/* Overlays */ +.ui-widget-overlay { background: #eeeeee; opacity: .80;filter:Alpha(Opacity=80); } +.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*! + * jQuery UI Resizable 1.8.23 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} \ No newline at end of file diff --git a/app/assets/stylesheets/charts-graphs.css b/app/assets/stylesheets/charts-graphs.css new file mode 100644 index 0000000..2580539 --- /dev/null +++ b/app/assets/stylesheets/charts-graphs.css @@ -0,0 +1,12 @@ +/* Easy Pie Chart CSS */ + +.easyPieChart { + position: relative; + text-align: center; +} + +.easyPieChart canvas { + position: absolute; + top: 0; + left: 0; +} \ No newline at end of file diff --git a/app/assets/stylesheets/fullcalendar.css b/app/assets/stylesheets/fullcalendar.css new file mode 100644 index 0000000..941a069 --- /dev/null +++ b/app/assets/stylesheets/fullcalendar.css @@ -0,0 +1,620 @@ +/* + * FullCalendar v1.5.4 Stylesheet + * + * Copyright (c) 2011 Adam Shaw + * Dual licensed under the MIT and GPL licenses, located in + * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. + * + * Date: Tue Sep 4 23:38:33 2012 -0700 + * + */ + + +.fc { + direction: ltr; + text-align: left; + } + +.fc table { + border-collapse: collapse; + border-spacing: 0; + } + +html .fc, +.fc table { + font-size: 1em; + } + +.fc td, +.fc th { + padding: 0; + vertical-align: top; + } + + + +/* Header +------------------------------------------------------------------------*/ + +.fc-header td { + white-space: nowrap; + } + +.fc-header-left { + width: 25%; + text-align: left; + } + +.fc-header-center { + text-align: center; + } + +.fc-header-right { + width: 25%; + text-align: right; + } + +.fc-header-title { + display: inline-block; + vertical-align: top; + } + +.fc-header-title h2{ + margin-top: 0; + font-size: 12px; + line-height: 24px; + white-space: nowrap; + } + +.fc .fc-header-space { + padding-left: 10px; + } + +.fc-header .fc-button { + margin-bottom: 1em; + vertical-align: top; + } + +/* buttons edges butting together */ + +.fc-header .fc-button { + margin-right: -1px; + } + +.fc-header .fc-corner-right { + margin-right: 1px; /* back to normal */ + } + +.fc-header .ui-corner-right { + margin-right: 0; /* back to normal */ + } + +/* button layering (for border precedence) */ + +.fc-header .fc-state-hover, +.fc-header .ui-state-hover { + z-index: 2; + } + +.fc-header .fc-state-down { + z-index: 3; + } + +.fc-header .fc-state-active, +.fc-header .ui-state-active { + z-index: 4; + } + + + +/* Content +------------------------------------------------------------------------*/ + +.fc-content { + clear: both; + } + +.fc-view { + width: 100%; /* needed for view switching (when view is absolute) */ + overflow: hidden; + } + + + +/* Cell Styles +------------------------------------------------------------------------*/ + +.fc-widget-header, /* , usually */ +.fc-widget-content { /* , usually */ + border: 1px solid #ccc; + } + +.fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ + background: #ffc; + } + +.fc-cell-overlay { /* semi-transparent rectangle while dragging */ + background: #9cf; + opacity: .2; + filter: alpha(opacity=20); /* for IE */ + } + + + +/* Buttons +------------------------------------------------------------------------*/ + +.fc-button { + position: relative; + display: inline-block; + cursor: pointer; + } + +.fc-state-default { /* non-theme */ + border-style: solid; + border-width: 1px 0; + } + +.fc-button-inner { + position: relative; + float: left; + overflow: hidden; + } + +.fc-state-default .fc-button-inner { /* non-theme */ + border-style: solid; + border-width: 0 1px; + } + +.fc-button-content { + position: relative; + float: left; + height: 1.9em; + line-height: 1.9em; + padding: 0 .6em; + white-space: nowrap; + } + +/* icon (for jquery ui) */ + +.fc-button-content .fc-icon-wrap { + position: relative; + float: left; + top: 50%; + } + +.fc-button-content .ui-icon { + position: relative; + float: left; + margin-top: -50%; + *margin-top: 0; + *top: -50%; + } + +/* gloss effect */ + +.fc-state-default .fc-button-effect { + position: absolute; + top: 50%; + left: 0; + } + +.fc-state-default .fc-button-effect span { + position: absolute; + top: -100px; + left: 0; + width: 500px; + height: 100px; + border-width: 100px 0 0 1px; + border-style: solid; + border-color: #fff; + background: #444; + opacity: .09; + filter: alpha(opacity=9); + } + +/* button states (determines colors) */ + +.fc-state-default, +.fc-state-default .fc-button-inner { + border-style: solid; + border-color: #ccc #bbb #aaa; + background: #F3F3F3; + color: #000; + } + +.fc-state-hover, +.fc-state-hover .fc-button-inner { + border-color: #999; + } + +.fc-state-down, +.fc-state-down .fc-button-inner { + border-color: #555; + background: #777; + } + +.fc-state-active, +.fc-state-active .fc-button-inner { + border-color: #555; + background: #777; + color: #fff; + } + +.fc-state-disabled, +.fc-state-disabled .fc-button-inner { + color: #999; + border-color: #ddd; + } + +.fc-state-disabled { + cursor: default; + } + +.fc-state-disabled .fc-button-effect { + display: none; + } + + + +/* Global Event Styles +------------------------------------------------------------------------*/ + +.fc-event { + border-style: solid; + border-width: 0; + font-size: .85em; + cursor: default; + } + +a.fc-event, +.fc-event-draggable { + cursor: pointer; + } + +a.fc-event { + text-decoration: none; + } + +.fc-rtl .fc-event { + text-align: right; + } + +.fc-event-skin { + border-color: #6b6b6b; /* default BORDER color */ + background-color: #464646; /* default BACKGROUND color */ + color: #fff; /* default TEXT color */ + } + +.fc-event-inner { + position: relative; + width: 100%; + height: 100%; + border-style: solid; + border-width: 0; + overflow: hidden; + } + +.fc-event-time, +.fc-event-title { + padding: 0 1px; + } + +.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ + display: block; + position: absolute; + z-index: 99999; + overflow: hidden; /* hacky spaces (IE6/7) */ + font-size: 300%; /* */ + line-height: 50%; /* */ + } + + + +/* Horizontal Events +------------------------------------------------------------------------*/ + +.fc-event-hori { + border-width: 1px 0; + margin-bottom: 1px; + } + +/* resizable */ + +.fc-event-hori .ui-resizable-e { + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; + } + +.fc-event-hori .ui-resizable-w { + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; + } + +.fc-event-hori .ui-resizable-handle { + _padding-bottom: 14px; /* IE6 had 0 height */ + } + + + +/* Fake Rounded Corners (for buttons and events) +------------------------------------------------------------*/ + +.fc-corner-left { + margin-left: 1px; + } + +.fc-corner-left .fc-button-inner, +.fc-corner-left .fc-event-inner { + margin-left: -1px; + } + +.fc-corner-right { + margin-right: 1px; + } + +.fc-corner-right .fc-button-inner, +.fc-corner-right .fc-event-inner { + margin-right: -1px; + } + +.fc-corner-top { + margin-top: 1px; + } + +.fc-corner-top .fc-event-inner { + margin-top: -1px; + } + +.fc-corner-bottom { + margin-bottom: 1px; + } + +.fc-corner-bottom .fc-event-inner { + margin-bottom: -1px; + } + + + +/* Fake Rounded Corners SPECIFICALLY FOR EVENTS +-----------------------------------------------------------------*/ + +.fc-corner-left .fc-event-inner { + border-left-width: 1px; + } + +.fc-corner-right .fc-event-inner { + border-right-width: 1px; + } + +.fc-corner-top .fc-event-inner { + border-top-width: 1px; + } + +.fc-corner-bottom .fc-event-inner { + border-bottom-width: 1px; + } + + + +/* Reusable Separate-border Table +------------------------------------------------------------*/ + +table.fc-border-separate { + border-collapse: separate; + } + +.fc-border-separate th, +.fc-border-separate td { + border-width: 1px 0 0 1px; + } + +.fc-border-separate th.fc-last, +.fc-border-separate td.fc-last { + border-right-width: 1px; + } + +.fc-border-separate tr.fc-last th, +.fc-border-separate tr.fc-last td { + border-bottom-width: 1px; + } + +.fc-border-separate tbody tr.fc-first td, +.fc-border-separate tbody tr.fc-first th { + border-top-width: 0; + } + + + +/* Month View, Basic Week View, Basic Day View +------------------------------------------------------------------------*/ + +.fc-grid th { + text-align: center; + } + +.fc-grid .fc-day-number { + float: right; + padding: 0 2px; + } + +.fc-grid .fc-other-month .fc-day-number { + opacity: 0.3; + filter: alpha(opacity=30); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ + } + +.fc-grid .fc-day-content { + clear: both; + padding: 2px 2px 1px; /* distance between events and day edges */ + } + +/* event styles */ + +.fc-grid .fc-event-time { + font-weight: bold; + } + +/* right-to-left */ + +.fc-rtl .fc-grid .fc-day-number { + float: left; + } + +.fc-rtl .fc-grid .fc-event-time { + float: right; + } + + + +/* Agenda Week View, Agenda Day View +------------------------------------------------------------------------*/ + +.fc-agenda table { + border-collapse: separate; + } + +.fc-agenda-days th { + text-align: center; + } + +.fc-agenda .fc-agenda-axis { + width: 50px; + padding: 0 4px; + vertical-align: middle; + text-align: right; + white-space: nowrap; + font-weight: normal; + } + +.fc-agenda .fc-day-content { + padding: 2px 2px 1px; + } + +/* make axis border take precedence */ + +.fc-agenda-days .fc-agenda-axis { + border-right-width: 1px; + } + +.fc-agenda-days .fc-col0 { + border-left-width: 0; + } + +/* all-day area */ + +.fc-agenda-allday th { + border-width: 0 1px; + } + +.fc-agenda-allday .fc-day-content { + min-height: 34px; /* TODO: doesnt work well in quirksmode */ + _height: 34px; + } + +/* divider (between all-day and slots) */ + +.fc-agenda-divider-inner { + height: 2px; + overflow: hidden; + } + +.fc-widget-header .fc-agenda-divider-inner { + background: #eee; + } + +/* slot rows */ + +.fc-agenda-slots th { + border-width: 1px 1px 0; + } + +.fc-agenda-slots td { + border-width: 1px 0 0; + background: none; + } + +.fc-agenda-slots td div { + height: 20px; + } + +.fc-agenda-slots tr.fc-slot0 th, +.fc-agenda-slots tr.fc-slot0 td { + border-top-width: 0; + } + +.fc-agenda-slots tr.fc-minor th, +.fc-agenda-slots tr.fc-minor td { + border-top-style: dotted; + } + +.fc-agenda-slots tr.fc-minor th.ui-widget-header { + *border-top-style: solid; /* doesn't work with background in IE6/7 */ + } + + + +/* Vertical Events +------------------------------------------------------------------------*/ + +.fc-event-vert { + border-width: 0 1px; + } + +.fc-event-vert .fc-event-head, +.fc-event-vert .fc-event-content { + position: relative; + z-index: 2; + width: 100%; + overflow: hidden; + } + +.fc-event-vert .fc-event-time { + white-space: nowrap; + font-size: 10px; + } + +.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #fff; + opacity: .3; + filter: alpha(opacity=30); + } + +.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ +.fc-select-helper .fc-event-bg { + display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ + } + +/* resizable */ + +.fc-event-vert .ui-resizable-s { + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + overflow: hidden !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; + } + +.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ + _overflow: hidden; + } + + diff --git a/app/assets/stylesheets/main.css b/app/assets/stylesheets/main.css new file mode 100644 index 0000000..a14e643 --- /dev/null +++ b/app/assets/stylesheets/main.css @@ -0,0 +1,7806 @@ +/* + * Bootstrap v2.2.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ +/* Variables */ +/* Mixins */ +/* Gradients */ +/* Transition */ +/* Box Sizing */ +/* Box Shadow */ +/* Border Radius */ +/* Opacity */ +/* CSS */ +.clearfix { + *zoom: 1; } + .clearfix:before { + display: table; + content: ""; + line-height: 0; } + .clearfix:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { + display: block; } + +audio, canvas, video { + display: inline-block; + *display: inline; + *zoom: 1; } + +audio:not([controls]) { + display: none; } + +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + +a:focus { + outline: thin dotted #333333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } +a:hover, a:active { + outline: 0; } + +sub { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } + +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; + top: -0.5em; } + +sub { + bottom: -0.25em; } + +img { + /* Responsive images (ensure images dont scale beyond their parents) */ + max-width: 100%; + /* Part 1: Set a maxium relative to the parent */ + width: auto\9; + /* IE7-8 need help adjusting responsive images */ + height: auto; + /* Part 2: Scale the height according to the width, otherwise you get stretching */ + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; } + +#map_canvas img, .google-maps img { + max-width: none; } + +button, input, select, textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; } + +button, input { + *overflow: visible; + line-height: normal; } + +button::-moz-focus-inner, input::-moz-focus-inner { + padding: 0; + border: 0; } + +button, html input[type="button"] { + -webkit-appearance: button; + cursor: pointer; } + +input[type="reset"], input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; } + +label, select, button { + cursor: pointer; } + +input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { + cursor: pointer; } +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; } + +textarea { + overflow: auto; + vertical-align: top; } + +@media print { + * { + text-shadow: none !important; + color: black !important; + background: transparent !important; + box-shadow: none !important; } + + a { + text-decoration: underline; } + a:visited { + text-decoration: underline; } + a[href]:after { + content: " (" attr(href) ")"; } + + abbr[title]:after { + content: " (" attr(title) ")"; } + + .ir a:after { + content: ""; } + + pre, blockquote { + border: 1px solid #999999; + page-break-inside: avoid; } + + thead { + display: table-header-group; } + + tr { + page-break-inside: avoid; } + + img { + page-break-inside: avoid; + max-width: 100% !important; } + + @page { + margin: 0.5cm; } + + p, h2, h3 { + orphans: 3; + widows: 3; } + + h2, h3 { + page-break-after: avoid; } } +body { + margin: 0; + font-family: "lucida grande", tahoma, verdana, arial, sans-serif; + font-size: 12px; + line-height: 20px; + color: #333333; + background: #e8e8e8; } + +a { + color: black; + text-decoration: none; + -webkit-transition: All 0.5s ease; + -moz-transition: All 0.5s ease; + -ms-transition: All 0.5s ease; + -o-transition: All 0.5s ease; + transition: All 0.5s ease; } + a:hover { + color: #b5799e; + text-decoration: none; } + +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + +.img-polaroid { + padding: 4px; + background-color: white; + border: 1px solid gray; + border: 1px solid rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + /* Opera 10.5, IE9 */ } + +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; } + +.row { + margin-left: -20px; + *zoom: 1; } + .row:before { + display: table; + content: ""; + line-height: 0; } + .row:after { + display: table; + content: ""; + line-height: 0; + 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, .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 { + display: table; + content: ""; + line-height: 0; } + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + .row-fluid [class*="span"] { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; } + .row-fluid [class*="span"]:first-child { + margin-left: 0; } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; } + .row-fluid .span11 { + width: 91.48936170212765%; + *width: 91.43617021276594%; } + .row-fluid .span10 { + width: 82.97872340425532%; + *width: 82.92553191489361%; } + .row-fluid .span9 { + width: 74.46808510638297%; + *width: 74.41489361702126%; } + .row-fluid .span8 { + width: 65.95744680851064%; + *width: 65.90425531914893%; } + .row-fluid .span7 { + width: 57.44680851063829%; + *width: 57.39361702127659%; } + .row-fluid .span6 { + width: 48.93617021276595%; + *width: 48.88297872340425%; } + .row-fluid .span5 { + width: 40.42553191489362%; + *width: 40.37234042553192%; } + .row-fluid .span4 { + width: 31.914893617021278%; + *width: 31.861702127659576%; } + .row-fluid .span3 { + width: 23.404255319148934%; + *width: 23.351063829787233%; } + .row-fluid .span2 { + width: 14.893617021276595%; + *width: 14.840425531914894%; } + .row-fluid .span1 { + width: 6.382978723404255%; + *width: 6.329787234042553%; } + .row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; } + .row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; } + .row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; } + .row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; } + .row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; } + .row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; } + .row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; } + .row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; } + .row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; } + .row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; } + .row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; } + .row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; } + .row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; } + .row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; } + .row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; } + .row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; } + .row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; } + .row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; } + .row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; } + .row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; } + .row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; } + .row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; } + .row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; } + .row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; } + +[class*="span"].hide, .row-fluid [class*="span"].hide { + display: none; } + +[class*="span"].pull-right, .row-fluid [class*="span"].pull-right { + float: right; } + +.container { + margin-right: auto; + margin-left: auto; + *zoom: 1; } + .container:before { + display: table; + content: ""; + line-height: 0; } + .container:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + +.container-fluid { + padding-right: 0px; + padding-left: 0px; + *zoom: 1; } + .container-fluid:before { + display: table; + content: ""; + line-height: 0; } + .container-fluid:after { + display: table; + content: ""; + line-height: 0; + 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; } + +a.muted:hover { + color: gray; } + +.text-warning { + color: #b5799e; } + +a.text-warning:hover { + color: #a25986; } + +.text-error { + color: #e26666; } + +a.text-error:hover { + color: #da3b3b; } + +.text-info { + color: #47759e; } + +a.text-info:hover { + color: #375b7b; } + +.text-success { + color: #1e825e; } + +a.text-success:hover { + color: #145940; } + +h1, h2, h3, h4, h5, h6 { + margin: 10px 0; + font-family: inherit; + font-weight: bold; + line-height: 20px; + color: inherit; + text-rendering: optimizelegibility; } + +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-weight: normal; + line-height: 1; + color: #999999; } + +h1, h2, h3 { + line-height: 40px; } + +h1 { + font-size: 38.5px; } + +h2 { + font-size: 31.5px; } + +h3 { + font-size: 24.5px; } + +h4 { + font-size: 17.5px; } + +h5 { + font-size: 14px; } + +h6 { + font-size: 11.9px; } + +h1 small { + font-size: 24.5px; } + +h2 small { + font-size: 17.5px; } + +h3 small, h4 small { + font-size: 14px; } + +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #eeeeee; } + +.stylish-lists .upper-alpha { + list-style: upper-alpha; } +.stylish-lists .lower-alpha { + list-style: lower-alpha; } +.stylish-lists .roman-list { + list-style: upper-roman; } +.stylish-lists .decimal-leading-zero { + list-style: decimal-leading-zero; } +.stylish-lists ul, .stylish-lists ol { + padding: 0; + margin: 0 0 10px 25px; + list-style: disc; } +.stylish-lists ul ul, .stylish-lists ul ol { + margin-bottom: 0; } +.stylish-lists ol ol, .stylish-lists ol ul { + margin-bottom: 0; } +.stylish-lists li { + line-height: 20px; } +.stylish-lists ul.unstyled, .stylish-lists ol.unstyled, .stylish-lists ul.inline, .stylish-lists ol.inline { + margin-left: 0; + list-style: none; } +.stylish-lists ul.inline > li, .stylish-lists ol.inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; } +.stylish-lists dl { + margin-bottom: 20px; } +.stylish-lists dt, .stylish-lists dd { + line-height: 20px; } +.stylish-lists dt { + font-weight: bold; } +.stylish-lists dd { + margin-left: 20px; } +.stylish-lists .dl-horizontal { + *zoom: 1; } + .stylish-lists .dl-horizontal:before { + display: table; + content: ""; + line-height: 0; } + .stylish-lists .dl-horizontal:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + .stylish-lists .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .stylish-lists .dl-horizontal dd { + margin-left: 180px; } + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid white; } + +abbr[title], abbr[data-original-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: 4px solid #ebebeb; } + blockquote p { + margin-bottom: 0; + font-size: 12px; + font-weight: 300; + line-height: 24px; } + blockquote .title { + color: #b5799e; + font-weight: bold; + font-size: 14px; } + 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 { + text-align: right; } + 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 { + content: ""; } + +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: #e26666; + background-color: #f2f2f2; + border: 1px solid #e8e8e8; + white-space: nowrap; } + +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: #f4f4f4; + border: 1px solid gray; + 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; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.label, .badge { + display: inline-block; + padding: 2px 4px; + font-size: 11px; + font-weight: 500; + line-height: 14px; + color: white; + vertical-align: baseline; + white-space: nowrap; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + background-color: #999999; } + +.label { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + +.badge { + padding-left: 9px; + padding-right: 9px; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; } + +.label:empty, .badge:empty { + display: none; } + +a.label:hover, a.badge:hover { + color: white; + text-decoration: none; + cursor: pointer; } + +.label-important, .badge-important { + background-color: #e26666; } + +.label-important[href], .badge-important[href] { + background-color: #de5151; } + +.label-warning, .badge-warning { + background-color: #dba26b; } + +.label-warning[href], .badge-warning[href] { + background-color: #d69556; } + +.label-success, .badge-success { + background-color: #1e825e; } + +.label-success[href], .badge-success[href] { + background-color: #196d4f; } + +.label-info, .badge-info { + background-color: #47759e; } + +.label-info[href], .badge-info[href] { + background-color: #3f688c; } + +.label-inverse, .badge-inverse { + background-color: #333333; } + +.label-inverse[href], .badge-inverse[href] { + background-color: #262626; } + +.btn .label, .btn .badge { + position: relative; + top: -1px; } + +.btn-mini .label, .btn-mini .badge { + top: 0; } + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; } + +.table { + width: 100%; + margin-bottom: 10px; } + .table th, .table td { + padding: 8px; + line-height: 20px; + text-align: left; + vertical-align: top; + border-top: 1px solid #d9d9d9; } + .table th { + font-weight: bold; + padding: 10px 8px; } + .table thead th { + vertical-align: bottom; } + .table caption + thead tr:first-child th, .table caption + thead tr:first-child td { + border-top: 0; } + .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td { + border-top: 0; } + .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 #d9d9d9; } + .table .table { + background-color: white; } + +.table-condensed th, .table-condensed td { + padding: 4px 5px; } +.table-condensed th { + padding: 8px 5px; } + +.table-bordered { + border: 1px solid #d9d9d9; + border-collapse: separate; + *border-collapse: collapse; + border-left: 0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + .table-bordered th, .table-bordered td { + border-left: 1px solid #d9d9d9; } + .table-bordered caption + thead tr:first-child th { + border-top: 0; } + .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td { + border-top: 0; } + .table-bordered colgroup + thead tr:first-child th { + border-top: 0; } + .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td { + border-top: 0; } + .table-bordered thead:first-child tr:first-child th { + border-top: 0; } + .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-radius: 2px 0 0 0; + -moz-border-radius: 2px 0 0 0; + border-radius: 2px 0 0 0; } + .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child { + -webkit-border-radius: 0 2px 0 0; + -moz-border-radius: 0 2px 0 0; + border-radius: 0 2px 0 0; } + .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 2px; + -moz-border-radius: 0 0 0 2px; + border-radius: 0 0 0 2px; } + .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child { + -webkit-border-radius: 0 0 2px 0; + -moz-border-radius: 0 0 2px 0; + border-radius: 0 0 2px 0; } + .table-bordered tfoot:last-child tr:last-child > td:last-child { + -webkit-border-radius: 0 0 2px 0; + -moz-border-radius: 0 0 2px 0; + border-radius: 0 0 2px 0; } + .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; } + .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-radius: 0 0 2px 0; + -moz-border-radius: 0 0 2px 0; + border-radius: 0 0 2px 0; } + .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child { + -webkit-border-radius: 2px 0 0 0; + -moz-border-radius: 2px 0 0 0; + border-radius: 2px 0 0 0; } + .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-radius: 2px 0 0 0; + -moz-border-radius: 2px 0 0 0; + border-radius: 2px 0 0 0; } + .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child { + -webkit-border-radius: 0 2px 0 0; + -moz-border-radius: 0 2px 0 0; + border-radius: 0 2px 0 0; } + .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-radius: 0 2px 0 0; + -moz-border-radius: 0 2px 0 0; + border-radius: 0 2px 0 0; } + +.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { + background-color: #e8e8e8; } + +.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { + background-color: #e0e0e0; } + +table td[class*="span"], table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; } + +.row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; } + +.table td.span1, .table th.span1 { + float: none; + width: 44px; + margin-left: 0; } +.table td.span2, .table th.span2 { + float: none; + width: 124px; + margin-left: 0; } +.table td.span3, .table th.span3 { + float: none; + width: 204px; + margin-left: 0; } +.table td.span4, .table th.span4 { + float: none; + width: 284px; + margin-left: 0; } +.table td.span5, .table th.span5 { + float: none; + width: 364px; + margin-left: 0; } +.table td.span6, .table th.span6 { + float: none; + width: 444px; + margin-left: 0; } +.table td.span7, .table th.span7 { + float: none; + width: 524px; + margin-left: 0; } +.table td.span8, .table th.span8 { + float: none; + width: 604px; + margin-left: 0; } +.table td.span9, .table th.span9 { + float: none; + width: 684px; + margin-left: 0; } +.table td.span10, .table th.span10 { + float: none; + width: 764px; + margin-left: 0; } +.table td.span11, .table th.span11 { + float: none; + width: 844px; + margin-left: 0; } +.table td.span12, .table th.span12 { + float: none; + width: 924px; + margin-left: 0; } +.table tbody tr.success td { + background-color: #b2edd8; } +.table tbody tr.error td { + background-color: #fae7e7; } +.table tbody tr.warning td { + background-color: #f9efe6; } +.table tbody tr.info td { + background-color: #a7c0d7; } + +.table-hover tbody tr.success:hover td { + background-color: #9de8cd; } +.table-hover tbody tr.error:hover td { + background-color: #f6d1d1; } +.table-hover tbody tr.warning:hover td { + background-color: #f4e2d2; } +.table-hover tbody tr.info:hover td { + background-color: #95b4cf; } + +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 #f2f2f2; } + 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 { + display: inline-block; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + color: #525252; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + vertical-align: middle; } + +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"] { + display: inline-block; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + color: #525252; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + vertical-align: middle; } + +.uneditable-input { + display: inline-block; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + color: #525252; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + vertical-align: middle; } + +input, textarea, .uneditable-input { + width: 206px; } + +textarea { + height: auto; + background-color: white; + border: 1px solid #b3b3b3; + -webkit-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -moz-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -ms-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -o-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + transition: box-shadow linear 0.2s, box-shadow linear 0.2s; } + +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"] { + background-color: white; + border: 1px solid #b3b3b3; + -webkit-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -moz-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -ms-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -o-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + transition: box-shadow linear 0.2s, box-shadow linear 0.2s; } + +.uneditable-input { + background-color: white; + border: 1px solid #b3b3b3; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; + -webkit-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -moz-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -ms-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + -o-transition: box-shadow linear 0.2s, box-shadow linear 0.2s; + transition: box-shadow linear 0.2s, box-shadow linear 0.2s; } + +textarea: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="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 { + 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); } + +.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: 0; + /* IE7 */ + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; } +input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { + width: auto; } + +select, input[type="file"] { + height: 30px; + /* In IE7, the height of the select element cannot be changed by height, only font-size */ + *margin-top: 4px; + /* For IE7, add top margin to align select with labels */ + line-height: 30px; } + +select { + width: 220px; + border: 1px solid #b3b3b3; + background-color: white; } + select[multiple], select[size] { + height: auto; } + select:focus { + outline: thin dotted #333333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { + outline: thin dotted #333333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.uneditable-input, .uneditable-textarea { + color: #999999; + background-color: #fcfcfc; + border-color: #b3b3b3; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset; + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset; + cursor: not-allowed; } + +.uneditable-input { + overflow: hidden; + white-space: nowrap; } + +.uneditable-textarea { + width: auto; + height: auto; } + +input:-moz-placeholder, textarea:-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #999999; } + +.radio, .checkbox { + min-height: 20px; + padding-left: 20px; } + +.radio input[type="radio"], .checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; } + +.controls > .radio:first-child, .controls > .checkbox:first-child { + padding-top: 5px; } + +.radio.inline, .checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; } + +.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { + margin-left: 10px; } + +.input-mini { + width: 60px; } + +.input-small { + width: 90px; } + +.input-medium { + width: 150px; } + +.input-large { + width: 210px; } + +.input-xlarge { + width: 270px; } + +.input-xxlarge { + width: 530px; } + +input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"] { + float: none; + margin-left: 0; } + +.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"] { + display: inline-block; } + +.input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"] { + display: inline-block; } + +.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 { + display: table; + content: ""; + line-height: 0; } + .controls-row:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + .controls-row [class*="span"] { + float: left; } + +.row-fluid .controls-row [class*="span"] { + float: left; } + +.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { + padding-top: 5px; } + +input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { + cursor: not-allowed; + background-color: #eeeeee; } + +input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { + background-color: transparent; } + +.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline, .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { + color: #dba26b; } +.control-group.warning input, .control-group.warning select, .control-group.warning textarea { + border-color: #dba26b; } +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { + border-color: #d18842; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #e5bc94; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #e5bc94; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #e5bc94; } +.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { + color: #dba26b; + background-color: #efd6bd; + border-color: #dba26b; } +.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline, .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { + color: #e26666; } +.control-group.error input, .control-group.error select, .control-group.error textarea { + border-color: #e26666; } +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { + border-color: #da3b3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ea9191; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ea9191; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ea9191; } +.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { + color: #e26666; + background-color: #f2bcbc; + border-color: #e26666; } +.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline, .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { + color: #1e825e; } +.control-group.success input, .control-group.success select, .control-group.success textarea { + border-color: #1e825e; } +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { + border-color: #145940; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #28ab7c; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #28ab7c; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #28ab7c; } +.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { + color: #1e825e; + background-color: #36d199; + border-color: #1e825e; } +.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline, .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { + color: #47759e; } +.control-group.info input, .control-group.info select, .control-group.info textarea { + border-color: #47759e; } +.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { + border-color: #375b7b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #608fb8; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #608fb8; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #608fb8; } +.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { + color: #47759e; + background-color: #83a7c8; + border-color: #47759e; } + +input:focus:invalid, textarea:focus:invalid, select:focus:invalid { + color: #ea9191; + border-color: #f2bcbc; } + +input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { + border-color: #e46f6f; + -moz-box-shadow: 0 0 6px #f2bcbc; + /* FF3.5+ */ + -webkit-box-shadow: 0 0 6px #f2bcbc; + /* Saf3.0+, Chrome */ + box-shadow: 0 0 6px #f2bcbc; + /* Opera 10.5, IE9 */ } + +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f4f4f4; + border-top: 1px solid #f7f7f7; + *zoom: 1; } + .form-actions:before { + display: table; + content: ""; + line-height: 0; } + .form-actions:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + +.help-block, .help-inline { + color: #d9d9d9; } + +.help-block { + display: block; + margin-bottom: 10px; } + +.help-inline { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + vertical-align: middle; + padding-left: 5px; } + +.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, .input-append .dropdown-menu, .input-prepend .dropdown-menu { + font-size: 14px; } + +.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { + position: relative; + margin-bottom: 0; + *margin-left: 0; + vertical-align: top; + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 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 white; + background-color: #eeeeee; + border: 1px solid #b3b3b3; } + +.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } + +.input-append .active { + background-color: #5fdaae; + border-color: lihjten(#1e825e, 5%); } + +.input-prepend .active { + background-color: #5fdaae; + border-color: lihjten(#1e825e, 5%); } +.input-prepend .add-on, .input-prepend .btn { + margin-right: -1px; } +.input-prepend .add-on:first-child, .input-prepend .btn:first-child { + -webkit-border-radius: 2px 0 0 2px; + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; } + +.input-append input, .input-append select, .input-append .uneditable-input { + -webkit-border-radius: 2px 0 0 2px; + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; } +.input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; } +.input-append .add-on, .input-append .btn, .input-append .btn-group { + margin-left: -1px; } +.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; } + +.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } +.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; } +.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { + margin-right: -1px; + -webkit-border-radius: 2px 0 0 2px; + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; } +.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { + margin-left: -1px; + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; } +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; } + +input.search-query { + padding-right: 14px; + padding-right: 4px \9; + padding-left: 14px; + padding-left: 4px \9; + /* IE7-8 doesnt have border-radius, so dont 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: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } +.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: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } +.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 { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + margin-bottom: 0; + vertical-align: middle; } + +.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; + /* IE7 inline-block hack */ + *zoom: 1; + margin-bottom: 0; + vertical-align: middle; } + +.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 { + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; } + +.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"] { + float: left; + margin-right: 3px; + margin-left: 0; } + +.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 { + display: table; + content: ""; + line-height: 0; } + .form-horizontal .control-group:after { + display: table; + content: ""; + line-height: 0; + clear: both; } +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; } +.form-horizontal .controls { + *display: inline-block; + *padding-left: 20px; + margin-left: 180px; + *margin-left: 0; } + .form-horizontal .controls:first-child { + *padding-left: 180px; } +.form-horizontal .help-block { + margin-bottom: 0; } +.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { + margin-top: 10px; } +.form-horizontal .form-actions { + padding-left: 180px; } + +.btn { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f2f2f2; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, white, #f2f2f2); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, white, #f2f2f2); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, white, #f2f2f2); + /* IE10 */ + background-image: -o-linear-gradient(top, white, #f2f2f2); + /* Opera 11.10+ */ + background-image: linear-gradient(top, white, #f2f2f2); + background-repeat: repeat-x; + border-color: #f0f0f0 #f0f0f0 #e6e6e6; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border: 1px solid #f0f0f0; + *border: 0; + border-bottom-color: #e6e6e6; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + *margin-left: .3em; + -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: #ededed; + *background-color: #e8e8e8; } + .btn:active, .btn.active { + background-color: #cccccc \9; } + .btn:first-child { + *margin-left: 0; } + .btn:hover { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -ms-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; } + .btn:focus { + outline: thin dotted #333333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + .btn.active, .btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) 0 1px 2px rgba(0, 0, 0, 0.05); } + .btn.disabled, .btn[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + -moz-box-shadow: 0 0 0 white; + /* FF3.5+ */ + -webkit-box-shadow: 0 0 0 white; + /* Saf3.0+, Chrome */ + box-shadow: 0 0 0 white; + /* Opera 10.5, IE9 */ } + +.btn-large { + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { + margin-top: 4px; } + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { + margin-top: 0; } + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { + margin-top: -1px; } + +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 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-warning2.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { + color: rgba(255, 255, 255, 0.75); } + +.btn { + border-color: #e6e6e6; + border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } + +.btn-primary { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #457e88; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#579da9), to(#457e88)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #579da9, #457e88); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #579da9, #457e88); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #579da9, #457e88); + /* IE10 */ + background-image: -o-linear-gradient(top, #579da9, #457e88); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #579da9, #457e88); + background-repeat: repeat-x; + border-color: #579da9 #579da9 #457e88; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { + color: white; + background-color: #457e88; + *background-color: #457e88; } + .btn-primary:active, .btn-primary.active { + background-color: #579da9 \9; } + +.btn-warning { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #d18842; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#dba26b), to(#d18842)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #dba26b, #d18842); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #dba26b, #d18842); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #dba26b, #d18842); + /* IE10 */ + background-image: -o-linear-gradient(top, #dba26b, #d18842); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #dba26b, #d18842); + border-color: #dba26b #dba26b #d18842; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { + color: white; + background-color: #d18842; + *background-color: #d18842; } + .btn-warning:active, .btn-warning.active { + background-color: #dba26b \9; } + +.btn-warning2 { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #a25986; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#b5799e), to(#a25986)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #b5799e, #a25986); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #b5799e, #a25986); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #b5799e, #a25986); + /* IE10 */ + background-image: -o-linear-gradient(top, #b5799e, #a25986); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #b5799e, #a25986); + border-color: #b5799e #b5799e #a25986; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .btn-warning2:hover, .btn-warning2:active, .btn-warning2.active, .btn-warning2.disabled, .btn-warning2[disabled] { + color: white; + background-color: #a25986; + *background-color: #a25986; } + .btn-warning2:active, .btn-warning2.active { + background-color: #b5799e \9; } + +.btn-danger { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da3b3b; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#e26666), to(#da3b3b)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #e26666, #da3b3b); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #e26666, #da3b3b); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #e26666, #da3b3b); + /* IE10 */ + background-image: -o-linear-gradient(top, #e26666, #da3b3b); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #e26666, #da3b3b); + border-color: #e26666 #e26666 #da3b3b; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { + color: white; + background-color: #da3b3b; + *background-color: #da3b3b; } + .btn-danger:active, .btn-danger.active { + background-color: #e26666 \9; } + +.btn-success { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #145940; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#1e825e), to(#145940)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #1e825e, #145940); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #1e825e, #145940); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #1e825e, #145940); + /* IE10 */ + background-image: -o-linear-gradient(top, #1e825e, #145940); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #1e825e, #145940); + border-color: #1e825e #1e825e #145940; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { + color: white; + background-color: #145940; + *background-color: #145940; } + .btn-success:active, .btn-success.active { + background-color: #1e825e \9; } + +.btn-info { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #375b7b; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#47759e), to(#375b7b)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #47759e, #375b7b); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #47759e, #375b7b); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #47759e, #375b7b); + /* IE10 */ + background-image: -o-linear-gradient(top, #47759e, #375b7b); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #47759e, #375b7b); + border-color: #47759e #47759e #375b7b; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { + color: white; + background-color: #375b7b; + *background-color: #375b7b; } + .btn-info:active, .btn-info.active { + background-color: #47759e \9; } + +.btn-inverse { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #4d4d4d; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#4d4d4d)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #404040, #4d4d4d); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #404040, #4d4d4d); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #404040, #4d4d4d); + /* IE10 */ + background-image: -o-linear-gradient(top, #404040, #4d4d4d); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #404040, #4d4d4d); + border-color: #4d4d4d #4d4d4d black; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { + color: white; + background-color: #4d4d4d; + *background-color: #4d4d4d; } + .btn-inverse:active, .btn-inverse.active { + background-color: black \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 { + background-color: transparent; + background-image: none; + -moz-box-shadow: 0 0 0 white; + /* FF3.5+ */ + -webkit-box-shadow: 0 0 0 white; + /* Saf3.0+, Chrome */ + box-shadow: 0 0 0 white; + /* Opera 10.5, IE9 */ + border-color: transparent; + cursor: pointer; + color: #579da9; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } + .btn-link:active, .btn-link[disabled] { + background-color: transparent; + background-image: none; + -moz-box-shadow: 0 0 0 white; + /* FF3.5+ */ + -webkit-box-shadow: 0 0 0 white; + /* Saf3.0+, Chrome */ + box-shadow: 0 0 0 white; + /* Opera 10.5, IE9 */ } + .btn-link:hover { + color: #345f66; + text-decoration: underline; + background-color: transparent; } + .btn-link[disabled]:hover { + color: #333333; + text-decoration: none; } + +[class^="icon-"], [class*=" icon-"] { + display: inline-block; + width: 14px; + height: 14px; + *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; + margin-top: 1px; } + +/* White icons with optional class, or on hover/active states of certain elements */ +.icon-white { + background-image: url("../img/glyphicons-halflings-white.png"); } + +.nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"] { + background-image: url("../img/glyphicons-halflings-white.png"); } + +.nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"] { + background-image: url("../img/glyphicons-halflings-white.png"); } + +.navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"] { + background-image: url("../img/glyphicons-halflings-white.png"); } + +.dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"] { + background-image: url("../img/glyphicons-halflings-white.png"); } +.dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { + background-image: url("../img/glyphicons-halflings-white.png"); } + +.dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > 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-full { + 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-text { + 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-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-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-stop { + background-position: -312px -72px; } + +.icon-forward { + background-position: -336px -72px; } + +.icon-fast-forward { + background-position: -360px -72px; } + +.icon-step-forward { + background-position: -384px -72px; } + +.icon-eject { + background-position: -408px -72px; } + +.icon-chevron-left { + background-position: -432px -72px; } + +.icon-chevron-right { + background-position: -456px -72px; } + +.icon-plus-sign { + background-position: 0 -96px; } + +.icon-minus-sign { + background-position: -24px -96px; } + +.icon-remove-sign { + background-position: -48px -96px; } + +.icon-ok-sign { + background-position: -72px -96px; } + +.icon-question-sign { + background-position: -96px -96px; } + +.icon-info-sign { + background-position: -120px -96px; } + +.icon-screenshot { + background-position: -144px -96px; } + +.icon-remove-circle { + background-position: -168px -96px; } + +.icon-ok-circle { + background-position: -192px -96px; } + +.icon-ban-circle { + background-position: -216px -96px; } + +.icon-arrow-left { + background-position: -240px -96px; } + +.icon-arrow-right { + background-position: -264px -96px; } + +.icon-arrow-up { + background-position: -289px -96px; } + +.icon-arrow-down { + background-position: -312px -96px; } + +.icon-share-alt { + background-position: -336px -96px; } + +.icon-resize-full { + background-position: -360px -96px; } + +.icon-resize-small { + background-position: -384px -96px; } + +.icon-plus { + background-position: -408px -96px; } + +.icon-minus { + background-position: -433px -96px; } + +.icon-asterisk { + background-position: -456px -96px; } + +.icon-exclamation-sign { + background-position: 0 -120px; } + +.icon-gift { + background-position: -24px -120px; } + +.icon-leaf { + background-position: -48px -120px; } + +.icon-fire { + background-position: -72px -120px; } + +.icon-eye-open { + background-position: -96px -120px; } + +.icon-eye-close { + background-position: -120px -120px; } + +.icon-warning-sign { + background-position: -144px -120px; } + +.icon-plane { + background-position: -168px -120px; } + +.icon-calendar { + background-position: -192px -120px; } + +.icon-random { + background-position: -216px -120px; + width: 16px; } + +.icon-comment { + background-position: -240px -120px; } + +.icon-magnet { + background-position: -264px -120px; } + +.icon-chevron-up { + background-position: -288px -120px; } + +.icon-chevron-down { + background-position: -313px -119px; } + +.icon-retweet { + background-position: -336px -120px; } + +.icon-shopping-cart { + background-position: -360px -120px; } + +.icon-folder-close { + background-position: -384px -120px; } + +.icon-folder-open { + background-position: -408px -120px; + width: 16px; } + +.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; } + +.btn-group { + position: relative; + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + font-size: 0; + vertical-align: middle; + white-space: nowrap; + *margin-left: .3em; } + .btn-group:first-child { + *margin-left: 0; } + .btn-group + .btn-group { + margin-left: 5px; } + +.btn-toolbar { + font-size: 0; + margin-top: 10px; + margin-bottom: 10px; } + .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: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + line-height: 18px; + font-size: 12px; } + .btn-group > .btn + .btn { + margin-left: -1px; } +.btn-group > .dropdown-menu, .btn-group > .popover { + font-size: 12px; } +.btn-group > .btn-mini { + font-size: 10.5px; } +.btn-group > .btn-small { + font-size: 11.9px; } +.btn-group > .btn-large { + font-size: 17.5px; } +.btn-group > .btn:first-child { + margin-left: 0; + -webkit-border-radius: 2px 0 0 2px; + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; } +.btn-group > .btn:last-child { + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; } +.btn-group > .dropdown-toggle { + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; } +.btn-group > .btn.large:first-child { + margin-left: 0; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } +.btn-group > .btn.large:last-child { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } +.btn-group > .large.dropdown-toggle { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } +.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { + z-index: 2; } +.btn-group .dropdown-toggle:active { + outline: 0; } +.btn-group.open .dropdown-toggle { + outline: 0; + 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: #457e88; } +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #d18842; } +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #da3b3b; } +.btn-group.open .btn-success.dropdown-toggle { + background-color: #145940; } +.btn-group.open .btn-info.dropdown-toggle { + background-color: #375b7b; } +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #212121; } +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + -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); + *padding-top: 5px; + *padding-bottom: 5px; } +.btn-group > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; + *padding-top: 2px; + *padding-bottom: 2px; } +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; + *padding-bottom: 4px; } +.btn-group > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; + *padding-top: 7px; + *padding-bottom: 7px; } + +.btn .caret { + margin-top: 8px; + margin-left: 0; } + +.btn-mini .caret, .btn-small .caret { + margin-top: 6px; } + +.btn-large .caret { + margin-top: 6px; + border-left-width: 5px; + border-right-width: 5px; + border-top-width: 5px; } + +.dropup .btn-large .caret { + border-bottom-width: 5px; } + +.btn-primary .caret, .btn-warning .caret, .btn-warning2 .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { + border-top-color: white; + border-bottom-color: white; } + +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; } + .btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } + .btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; } + .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; } + +.nav { + margin-left: 0; + margin-bottom: 20px; + list-style: none; } + .nav > li > a { + display: block; } + .nav > li > a:hover { + text-decoration: none; + background-color: #eeeeee; } + .nav > li > a > img { + max-width: none; } + .nav > .pull-right { + float: right; } + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #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-left: 15px; + padding-right: 15px; + margin-bottom: 0; } + .nav-list > li > a, .nav-list .nav-header { + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } + .nav-list > li > a { + padding: 3px 15px; } + .nav-list > .active > a { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #579da9; } + .nav-list > .active > a:hover { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #457e88; } + .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { + margin-right: 2px; } + .nav-list .divider { + *width: 100%; + height: 1px; + margin: 9px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: #f2f2f2; + border-bottom: 1px solid white; } + +.nav-tabs, .nav-pills { + *zoom: 1; } + +.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { + display: table; + content: ""; + line-height: 0; } + +.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 #cccccc; } + .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: 0; + -moz-border-radius: 0; + border-radius: 0; } + .nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dfdfdf; } + .nav-tabs > .active > a { + color: black; + border: 1px solid #cccccc; + border-top: 3px solid #579da9; + background: white; + border-bottom-color: transparent; + cursor: default; } + .nav-tabs > .active > a:hover { + color: #525252; + background-color: white; + border: 1px solid #cccccc; + border-bottom-color: transparent; + cursor: default; + border-top: 3px solid #579da9; } + +.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 { + color: white; + background-color: #579da9; } + .nav-pills > .active > a:hover { + color: white; + background-color: #579da9; } + +.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 #d1d1d1; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } + .nav-tabs.nav-stacked > li:first-child > a { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } + .nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } + .nav-tabs.nav-stacked > li > a:hover { + border-color: #d1d1d1; + z-index: 2; } + +.nav-pills.nav-stacked > li > a { + margin-bottom: 3px; } +.nav-pills.nav-stacked > li:last-child > a { + margin-bottom: 1px; } + +.nav .dropdown-toggle .caret { + border-top-color: #579da9; + border-bottom-color: #579da9; + margin-top: 6px; } +.nav .dropdown-toggle:hover .caret { + border-top-color: #457e88; + border-bottom-color: #457e88; } + +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; } + +.nav .active .dropdown-toggle .caret { + border-top-color: white; + border-bottom-color: white; } + +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #525252; + border-bottom-color: #525252; } + +.nav > .dropdown.active > a:hover { + cursor: pointer; } + +.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle { + color: white; + background-color: #999999; + border-color: #999999; } + +.nav > li.dropdown.open.active > a:hover { + color: white; + 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: white; + border-bottom-color: white; + opacity: 1; } + +.tabs-stacked .open > a:hover { + border-color: #999999; } + +.tabbable { + *zoom: 1; } + .tabbable:before { + display: table; + content: ""; + line-height: 0; } + .tabbable:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + +.tab-content { + overflow: auto; + border: 1px solid #e6e6e6; + border-top: 0; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + padding: 10px; } + +.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 #d1d1d1; } + .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-bottom-color: transparent; + border-top-color: #d1d1d1; } + .tabs-below > .nav-tabs > .active > a { + border-color: transparent #d1d1d1 #d1d1d1 #d1d1d1; } + .tabs-below > .nav-tabs > .active > a:hover { + border-color: transparent #d1d1d1 #d1d1d1 #d1d1d1; } + +.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 #d1d1d1; } + .tabs-left > .nav-tabs > li > a { + margin-right: -1px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .tabs-left > .nav-tabs > li > a:hover { + border-color: #eeeeee #dfdfdf #eeeeee #eeeeee; } + .tabs-left > .nav-tabs .active > a { + border-color: #d1d1d1 transparent #d1d1d1 #579da9; + *border-right-color: white; + border-left: 3px solid #579da9; + border-top: 1px solid #d1d1d1; } + .tabs-left > .nav-tabs .active > a:hover { + border-color: #d1d1d1 transparent #d1d1d1 #579da9; + *border-right-color: white; } + +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #d1d1d1; } + .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 #dfdfdf; } + .tabs-right > .nav-tabs .active > a { + border-color: #d1d1d1 #d1d1d1 #d1d1d1 transparent; + *border-left-color: white; } + .tabs-right > .nav-tabs .active > a:hover { + border-color: #d1d1d1 #d1d1d1 #d1d1d1 transparent; + *border-left-color: white; } + +.nav > .disabled > a { + color: #999999; } + .nav > .disabled > a:hover { + text-decoration: none; + background-color: transparent; + cursor: default; } + +.navbar { + overflow: visible; + margin-bottom: 20px; + *position: relative; + *z-index: 2; } + +.navbar-inner { + min-height: 40px; + padding-left: 10px; + padding-right: 10px; + background-color: #e6e6e6; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, white, #e6e6e6); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, white, #e6e6e6); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, white, #e6e6e6); + /* IE10 */ + background-image: -o-linear-gradient(top, white, #e6e6e6); + /* Opera 11.10+ */ + background-image: linear-gradient(top, white, #e6e6e6); + border: 1px solid #d9d9d9; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + /* Opera 10.5, IE9 */ + *zoom: 1; } + .navbar-inner:before { + display: table; + content: ""; + line-height: 0; } + .navbar-inner:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + +.navbar .container { + width: auto; } + +.nav-collapse.collapse { + height: auto; + overflow: visible; } + +.navbar .brand { + float: left; + display: block; + padding: 10px 20px 10px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + color: #707070; + text-shadow: 0 1px 0 white; } + .navbar .brand:hover { + text-decoration: none; } + +.navbar-text { + margin-bottom: 0; + line-height: 40px; + color: #707070; } + +.navbar-link { + color: #707070; } + .navbar-link:hover { + color: #333333; } + +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-left: 1px solid #f2f2f2; + border-right: 1px solid white; } +.navbar .btn { + margin-top: 5px; } +.navbar .btn-group { + margin-top: 5px; } + .navbar .btn-group .btn { + margin-top: 0; } +.navbar .input-prepend .btn, .navbar .input-append .btn { + margin-top: 0; } + +.navbar-form { + margin-bottom: 0; + *zoom: 1; } + .navbar-form:before { + display: table; + content: ""; + line-height: 0; } + .navbar-form:after { + display: table; + content: ""; + line-height: 0; + 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: 5px; + white-space: nowrap; } + .navbar-form .input-append input, .navbar-form .input-prepend input { + margin-top: 0; } + +.navbar-search { + position: relative; + float: left; + margin-top: 5px; + margin-bottom: 0; } + .navbar-search .search-query { + margin-bottom: 0; + padding: 4px 14px; + 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; + margin-bottom: 0; } + .navbar-static-top .navbar-inner { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } + +.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-left: 0; + padding-right: 0; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } + +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { + width: 940px; } + +.navbar-fixed-top { + top: 0; } + .navbar-fixed-top .navbar-inner { + -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + /* Opera 10.5, IE9 */ } + +.navbar-static-top .navbar-inner { + -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + /* Opera 10.5, IE9 */ } + +.navbar-fixed-bottom { + bottom: 0; } + .navbar-fixed-bottom .navbar-inner { + -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + /* FF3.5+ */ + -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + /* Saf3.0+, Chrome */ + box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + /* Opera 10.5, IE9 */ } + +.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: #707070; + text-decoration: none; + text-shadow: 0 1px 0 white; } + .navbar .nav .dropdown-toggle .caret { + margin-top: 8px; } + .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { + background-color: transparent; + color: #333333; + text-decoration: none; } + .navbar .nav > .active > a { + color: #525252; + text-decoration: none; + background-color: #e9e9e9; + -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; + -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; } + .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { + color: #525252; + text-decoration: none; + background-color: #e9e9e9; + -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; + -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; } +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-color: #e9e9e9; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e9e9e9)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #e9e9e9); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #e9e9e9); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #e9e9e9); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #e9e9e9); + border-color: #e9e9e9 #e9e9e9 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + -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: white; + background-color: #e9e9e9; + *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: #f4f4f4; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; + -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25); + /* Opera 10.5, IE9 */ } + +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; } + +.navbar .nav > li > .dropdown-menu:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid gray; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 9px; } +.navbar .nav > li > .dropdown-menu:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid black; + position: absolute; + top: -6px; + left: 10px; } + +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + border-top: 7px solid gray; + border-top-color: rgba(0, 0, 0, 0.2); + border-bottom: 0; + bottom: -7px; + top: auto; } +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + border-top: 6px solid white; + border-bottom: 0; + bottom: -6px; + top: auto; } + +.navbar .nav li.dropdown > a:hover .caret { + border-top-color: #525252; + border-bottom-color: #525252; } +.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle { + background-color: #e9e9e9; + color: #525252; } +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #e9e9e9; + color: #525252; } +.navbar .nav li.dropdown.open > .dropdown-toggle .caret { + border-top-color: #525252; + border-bottom-color: #525252; } +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #707070; + border-bottom-color: #707070; } +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #525252; + border-bottom-color: #525252; } +.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; } +.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { + left: auto; + right: 12px; } +.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { + left: auto; + right: 13px; } +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; } + +.navbar-inverse .navbar-inner { + background-color: #1a1a1a; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#1a1a1a)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #212121, #1a1a1a); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #212121, #1a1a1a); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #212121, #1a1a1a); + /* IE10 */ + background-image: -o-linear-gradient(top, #212121, #1a1a1a); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #212121, #1a1a1a); + border-color: #252525; } +.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: white; } +.navbar-inverse .brand, .navbar-inverse .navbar-text { + color: #999999; } +.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { + background-color: transparent; + color: white; } +.navbar-inverse .nav .active > a { + color: white; + background-color: #1a1a1a; } + .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { + color: white; + background-color: #1a1a1a; } +.navbar-inverse .navbar-link { + color: #999999; } + .navbar-inverse .navbar-link:hover { + color: white; } +.navbar-inverse .divider-vertical { + border-left-color: #1a1a1a; + border-right-color: #212121; } +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle { + background-color: #1a1a1a; + color: white; } +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #1a1a1a; + color: white; } +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret { + border-top-color: white; + border-bottom-color: white; } +.navbar-inverse .nav li.dropdown > a:hover .caret { + border-top-color: white; + border-bottom-color: white; } +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; } +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: white; + border-bottom-color: white; } +.navbar-inverse .navbar-search .search-query { + color: white; + background-color: #515151; + border-color: #1a1a1a; + -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, .navbar-inverse .navbar-search .search-query:-ms-input-placeholder, .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #999999; } + .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 white; + background-color: white; + border: 0; + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + /* FF3.5+ */ + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + /* Saf3.0+, Chrome */ + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + /* Opera 10.5, IE9 */ + outline: 0; } +.navbar-inverse .btn-navbar { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #040404; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#040404)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #151515, #040404); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #151515, #040404); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #151515, #040404); + /* IE10 */ + background-image: -o-linear-gradient(top, #151515, #040404); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #151515, #040404); + border-color: #040404 #040404 black; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .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: white; + background-color: #040404; + *background-color: black; } + .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { + background-color: black \9; } + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f4f4f4; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .breadcrumb > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + text-shadow: 0 1px 0 white; } + .breadcrumb > li > .divider { + padding: 0 5px; + color: gray; } + .breadcrumb > .active { + color: #999999; } + +.pagination { + margin: 20px 0; } + .pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + /* Opera 10.5, IE9 */ } + .pagination ul > li { + display: inline; } + .pagination ul > li > a, .pagination ul > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: white; + border: 1px solid #dfdfdf; + border-left-width: 0; } + .pagination ul > li > a:hover { + background-color: #f4f4f4; } + .pagination ul > .active > a, .pagination ul > .active > span { + background-color: #f4f4f4; } + .pagination ul > .active > a, .pagination ul > .active > span { + color: #999999; + cursor: default; } + .pagination ul > .disabled > span { + color: #999999; + background-color: transparent; + cursor: default; } + .pagination ul > .disabled > a { + color: #999999; + background-color: transparent; + cursor: default; } + .pagination ul > .disabled > a:hover { + color: #999999; + background-color: transparent; + cursor: default; } + .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { + border-left-width: 1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } + .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +.pagination-centered { + text-align: center; } + +.pagination-right { + text-align: right; } + +.pagination-large ul > li > a, .pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; } +.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { + -webkit-border-radius: 6px 0 0 6px; + -moz-border-radius: 6px 0 0 6px; + border-radius: 6px 0 0 6px; } +.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { + -webkit-border-radius: 0 6px 6px 0; + -moz-border-radius: 0 6px 6px 0; + border-radius: 0 6px 6px 0; } + +.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; } + +.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini 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-small 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-small ul > li > a, .pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; } + +.pagination-mini ul > li > a, .pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; } + +.pager { + margin: 20px 0; + list-style: none; + text-align: center; + *zoom: 1; } + .pager:before { + display: table; + content: ""; + line-height: 0; } + .pager:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + .pager li { + display: inline; } + .pager li > a, .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: white; + border: 1px solid #d1d1d1; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } + .pager li > a:hover { + text-decoration: none; + background-color: #f4f4f4; } + .pager .next > a, .pager .next > span { + float: right; } + .pager .previous > a, .pager .previous > span { + float: left; } + .pager .disabled > a { + color: #999999; + background-color: white; + cursor: default; } + .pager .disabled > a:hover { + color: #999999; + background-color: white; + cursor: default; } + .pager .disabled > span { + color: #999999; + background-color: white; + cursor: default; } + +.thumbnails { + margin-left: -20px; + list-style: none; + *zoom: 1; } + .thumbnails:before { + display: table; + content: ""; + line-height: 0; } + .thumbnails:after { + display: table; + content: ""; + line-height: 0; + 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 #d1d1d1; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + /* Opera 10.5, IE9 */ + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; } + +a.thumbnail:hover { + border-color: #579da9; + -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + /* FF3.5+ */ + -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + /* Saf3.0+, Chrome */ + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + /* Opera 10.5, IE9 */ } + +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; } +.thumbnail .caption { + padding: 9px 0; + color: #525252; } + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + background: white; + border: 1px solid #f4e2d2; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color: #b46f2c; } + .alert h4 { + color: #b46f2c; + margin: 0; } + .alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; } + +.alert-success { + background: #28ab7c; + border-color: #1e825e; + color: black; } + .alert-success h4 { + color: black; } + +.alert-error, .alert-danger { + background: #ea9191; + border-color: rubyRed; + color: #681414; } + .alert-error h4, .alert-danger h4 { + color: #681414; } + +.alert-warning { + background: #efd6bd; + border-color: #dba26b; + color: #623c18; } + .alert-warning h4 { + color: #623c18; } + +.alert-info { + background: #83a7c8; + border-color: #47759e; + color: #080d11; } + .alert-info h4 { + color: #080d11; } + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; } + .alert-block > p, .alert-block > ul { + margin-bottom: 0; } + .alert-block p + p { + margin-top: 5px; } + +@-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 { + overflow: hidden; + height: 8px; + margin-bottom: 20px; + background-color: #f0f0f0; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f0f0f0)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #f0f0f0); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #f0f0f0); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #f0f0f0); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #f0f0f0); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #f0f0f0); + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .progress .bar { + width: 0%; + height: 100%; + color: white; + float: left; + font-size: 12px; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0480be; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#149bdf), to(#0480be)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #149bdf, #0480be); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #149bdf, #0480be); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #149bdf, #0480be); + /* IE10 */ + background-image: -o-linear-gradient(top, #149bdf, #0480be); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #149bdf, #0480be); + -webkit-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.15) inset; + -moz-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.15) inset; + box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.15) inset; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -ms-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } + .progress .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: #47759e; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #4f82b0), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #4f82b0), color-stop(0.75, #4f82b0), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 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: #da3b3b; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#e26666), to(#da3b3b)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #e26666, #da3b3b); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #e26666, #da3b3b); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #e26666, #da3b3b); + /* IE10 */ + background-image: -o-linear-gradient(top, #e26666, #da3b3b); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #e26666, #da3b3b); } + +.progress-danger.progress-striped .bar, .progress-striped .bar-danger { + background-color: #e26666; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #ea9191), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #ea9191), color-stop(0.75, #ea9191), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent); } + +.progress-success .bar, .progress .bar-success { + background-color: #145940; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#1e825e), to(#145940)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #1e825e, #145940); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #1e825e, #145940); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #1e825e, #145940); + /* IE10 */ + background-image: -o-linear-gradient(top, #1e825e, #145940); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #1e825e, #145940); } + +.progress-success.progress-striped .bar, .progress-striped .bar-success { + background-color: #1e825e; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #28ab7c), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #28ab7c), color-stop(0.75, #28ab7c), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent); } + +.progress-info .bar, .progress .bar-info { + background-color: #375b7b; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#47759e), to(#375b7b)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #47759e, #375b7b); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #47759e, #375b7b); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #47759e, #375b7b); + /* IE10 */ + background-image: -o-linear-gradient(top, #47759e, #375b7b); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #47759e, #375b7b); } + +.progress-info.progress-striped .bar, .progress-striped .bar-info { + background-color: #dba26b; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #e5bc94), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #e5bc94), color-stop(0.75, #e5bc94), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent); } + +.progress-warning .bar, .progress .bar-warning { + background-color: #d18842; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#dba26b), to(#d18842)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #dba26b, #d18842); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #dba26b, #d18842); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #dba26b, #d18842); + /* IE10 */ + background-image: -o-linear-gradient(top, #dba26b, #d18842); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #dba26b, #d18842); } + +.progress-warning.progress-striped .bar, .progress-striped .bar-warning { + background-color: #b5799e; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #be89aa), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #be89aa), color-stop(0.75, #be89aa), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent); } + +.hero-unit { + padding: 20px; + margin-bottom: 10px; + font-size: 13px; + font-weight: 200; + color: inherit; + background-color: #eeeeee; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .hero-unit h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + color: inherit; + letter-spacing: -1px; } + .hero-unit li { + line-height: 30px; } + +.media, .media-body { + overflow: hidden; + *overflow: visible; + zoom: 1; } + +.media { + margin-top: 15px; } + .media .media { + margin-top: 15px; } + .media:first-child { + margin-top: 0; } + +.media-object { + display: block; } + +.media-heading { + margin: 0 0 5px; } + +.media .pull-left { + margin-right: 10px; } +.media .pull-right { + margin-left: 10px; } + +.media-list { + margin-left: 0; + list-style: none; } + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + padding: 5px; + font-size: 11px; + opacity: 0; } + .tooltip.in { + opacity: 0.8; } + .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: white; + text-align: center; + text-decoration: none; + background-color: black; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + +.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-width: 5px 5px 0; + border-top-color: black; } +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: black; } +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: black; } +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: black; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + width: 236px; + padding: 1px; + text-align: left; + background-color: white; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + border: 1px solid gray; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + /* FF3.5+ */ + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + /* Saf3.0+, Chrome */ + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + /* Opera 10.5, IE9 */ + white-space: normal; } + .popover.top { + margin-top: -10px; } + .popover.right { + margin-left: 10px; } + .popover.bottom { + margin-top: 10px; } + .popover.left { + margin-left: -10px; } + +.popover-title { + margin: 0; + padding: 8px 14px; + 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 .arrow { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 11px; } + .popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 10px; + content: ""; } +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; } + .popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: white; } +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); } + .popover.right .arrow:after { + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: white; } +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; } + .popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: white; } +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); } + .popover.left .arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: white; + bottom: -10px; } + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: black; + opacity: 0.8; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.fade.in { + opacity: 0.8; } + +.modal { + position: fixed; + top: 10%; + left: 50%; + z-index: 1050; + width: 560px; + margin-left: -280px; + background-color: white; + *border: 1px solid #999999; + /* IE6-7 */ + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + /* FF3.5+ */ + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + /* Saf3.0+, Chrome */ + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + /* Opera 10.5, IE9 */ + -webkit-box-sizing: padding-box; + -moz-box-sizing: padding-box; + box-sizing: padding-box; + outline: none; } + .modal.fade { + -webkit-transition: top 0.3s ease-out, top 0.3s ease-out; + -moz-transition: top 0.3s ease-out, top 0.3s ease-out; + -ms-transition: top 0.3s ease-out, top 0.3s ease-out; + -o-transition: top 0.3s ease-out, top 0.3s ease-out; + transition: top 0.3s ease-out, top 0.3s ease-out; + top: -25%; } + .modal.fade.in { + top: 10%; } + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eeeeee; } + .modal-header .close { + margin-top: 2px; } + .modal-header h3 { + margin: 0; + line-height: 30px; } + +.modal-body { + position: relative; + overflow-y: auto; + max-height: 400px; + padding: 15px; } + +.modal-form { + margin-bottom: 0; } + +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f4f4f4; + border-top: 1px solid #d1d1d1; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + -webkit-box-shadow: 0 1px 0 white inset; + -moz-box-shadow: 0 1px 0 white inset; + box-shadow: 0 1px 0 white inset; + *zoom: 1; } + .modal-footer:before { + display: table; + content: ""; + line-height: 0; } + .modal-footer:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + .modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; } + .modal-footer .btn-group .btn + .btn { + margin-left: -1px; } + .modal-footer .btn-block + .btn-block { + margin-left: 0; } + +.dropup, .dropdown { + position: relative; } + +.dropdown-toggle { + *margin-bottom: -3px; } + .dropdown-toggle:active { + outline: 0; } + +.open .dropdown-toggle { + outline: 0; } + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid black; + 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: 0; + margin: 0; + list-style: none; + background: #333333; + -webkit-box-shadow: 0 0 40px black inset; + -moz-box-shadow: 0 0 40px black inset; + box-shadow: 0 0 40px black inset; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + -webkit-box-sizing: padding-box; + -moz-box-sizing: padding-box; + box-sizing: 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: #cccccc; + border-bottom: 1px solid white; } + .dropdown-menu li { + border-bottom: 1px solid #1a1a1a; } + .dropdown-menu li > a { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; + display: block; + padding: 6px 10px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #e6e6e6; + white-space: nowrap; } + .dropdown-menu li:last-child { + border-bottom: none; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } + .dropdown-menu li:hover, .dropdown-menu li:focus { + text-decoration: none; + color: white; + background: #b5799e; } + +.dropdown-submenu:hover > a { + text-decoration: none; + color: white; + background: #b5799e; } + +.dropdown-menu .active > a { + color: white; + text-decoration: none; + outline: 0; + background: #b5799e; } + .dropdown-menu .active > a:hover { + color: white; + text-decoration: none; + outline: 0; + background: #b5799e; } +.dropdown-menu .disabled > a { + color: #999999; } + .dropdown-menu .disabled > a:hover { + color: #999999; + text-decoration: none; + background-color: transparent; + background-image: none; + cursor: default; } + +.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 black; + content: ""; } + +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; } + +.dropdown-submenu { + position: relative; } + .dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; } + .dropdown-submenu:hover > .dropdown-menu { + display: block; } + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; } + +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; } +.dropdown-submenu:hover > a:after { + border-left-color: white; } +.dropdown-submenu.pull-left { + float: none; } + .dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 2px 0 2px 2px; + -moz-border-radius: 2px 0 2px 2px; + border-radius: 2px 0 2px 2px; } + +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; } + +.typeahead { + z-index: 1051; + margin-top: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + +.accordion { + margin-bottom: 20px; } + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e9e9e9; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + +.accordion-heading { + border-bottom: 0; } + .accordion-heading .accordion-toggle { + display: block; + padding: 8px 12px; + color: white; + background: #4d4d4d; + font-size: 13px; } + +.accordion-toggle { + cursor: pointer; } + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e9e9e9; } + +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; } + +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; } + .carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -ms-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } + .carousel-inner > .item > img { + display: block; + line-height: 1; } + .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { + display: block; } + .carousel-inner > .active { + left: 0; } + .carousel-inner > .next, .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } + .carousel-inner > .next { + left: 100%; } + .carousel-inner > .prev { + left: -100%; } + .carousel-inner > .next.left, .carousel-inner > .prev.right { + left: 0; } + .carousel-inner > .active.left { + left: -100%; } + .carousel-inner > .active.right { + left: 100%; } + +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: white; + text-align: center; + background: #212121; + border: 3px solid white; + -webkit-border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; + opacity: 0.5; } + .carousel-control.right { + left: auto; + right: 15px; } + .carousel-control:hover { + color: white; + text-decoration: none; + opacity: 0.9; } + +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 15px; + background: #333333; + background: rgba(0, 0, 0, 0.75); } + .carousel-caption h4, .carousel-caption p { + color: white; + line-height: 20px; } + .carousel-caption h4 { + margin: 0 0 5px; } + .carousel-caption p { + margin-bottom: 0; } + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f4f4f4; + border: 1px solid #e3e3e3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; } + .well blockquote { + border-color: #d1d1d1; + 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; } + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: black; + text-shadow: 0 1px 0 white; + opacity: 0.2; } + .close:hover { + color: black; + text-decoration: none; + cursor: pointer; + opacity: 0.4; } + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } + +.pull-right { + float: right; } + +.pull-left { + float: left; } + +.hide { + display: none; } + +.show { + display: block; } + +.invisible { + visibility: hidden; } + +.affix { + position: fixed; } + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -ms-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.in { + opacity: 1; } + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -ms-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } + .collapse.in { + height: auto; } + +.hidden { + display: none; + visibility: hidden; } + +.visible-phone, .visible-tablet, .hidden-desktop { + display: none !important; } + +.visible-desktop { + display: inherit !important; } + +.no-margin { + margin: 0 !important; } + +.no-padding { + padding: 0 !important; } + +/* Dashboard CSS */ +.jet-blue-bg { + background: #47759e !important; } + +.go-green-bg { + background: #1e825e !important; } + +.nagpur-orange-bg { + background: #b5799e !important; } + +.ruby-red-bg { + background: #e26666 !important; } + +.lemon-yellow-bg { + background: #dba26b !important; } + +/* Login */ +.sign-in-container { + margin: 0px auto; } + .sign-in-container .login-wrapper { + background: #fcfcfc; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: 0 18px 6px -8px #999999, 0 0 2px gray; + -moz-box-shadow: 0 18px 6px -8px #999999, 0 0 2px gray; + box-shadow: 0 18px 6px -8px #999999, 0 0 2px gray; + position: relative; } + .sign-in-container .login-wrapper .header { + padding: 30px 20px 10px 20px; + margin: 0; } + .sign-in-container .login-wrapper .header h3 { + line-height: 40px; + margin: 0; + padding: 0; + color: #e26666; } + .sign-in-container .login-wrapper .header p { + font-size: 12px; + text-align: left; + line-height: 18px; + color: gray; + padding: 10px 0; + margin: 0; } + .sign-in-container .login-wrapper .header .logo img { + max-width: 80px; + float: right; } + .sign-in-container .login-wrapper .content { + padding: 10px 20px; } + .sign-in-container .login-wrapper .content .input { + height: 30px; + font-weight: normal; + color: #cccccc; + border: 1px solid #e6e6e6; + box-shadow: none; + border-radius: 2px; } + .sign-in-container .login-wrapper .content .input:hover, .sign-in-container .login-wrapper .content select:hover { + background: #fafafa; } + .sign-in-container .login-wrapper .actions { + padding: 10px 20px; + background: white; + border-radius: 0 0 4px 4px; } + .sign-in-container .login-wrapper .actions .btn { + float: right; } + .sign-in-container .login-wrapper .actions .link { + float: right; + padding: 8px; + margin-right: 10px; + color: #777777; } + +/* SignUp */ +.signup { + margin: 30px auto; } + .signup .logo img { + max-width: 60px; + margin: 0 auto; + margin-bottom: 30px; + text-align: center; } + .signup .signup-wrapper { + background: #4d4d4d; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + padding: 30px; } + .signup .signup-wrapper .header { + padding: 0px 10px 10px 10px; + margin: 0; } + .signup .signup-wrapper .header h2 { + line-height: 32px; + margin: 0; + padding: 0; + color: #e6e6e6; } + .signup .signup-wrapper .header p { + font-size: 12px; + text-align: left; + line-height: 18px; + color: #999999; + padding: 10px 0; + margin: 0; } + .signup .signup-wrapper .header .logo img { + max-width: 80px; + float: right; } + .signup .signup-wrapper .content { + padding: 10px; } + .signup .signup-wrapper .content .input { + margin-top: 15px; + font-weight: 400; + background: #333333; + border: 1px solid #666666; } + .signup .signup-wrapper .content .select { + height: 52px; + width: 340px; } + .signup .signup-wrapper .content .select option { + padding: 10px 20px; } + .signup .signup-wrapper .content .input:hover, .signup .signup-wrapper .content select:hover { + background: #e6e6e6; + color: #333333; } + .signup .signup-wrapper .actions { + padding: 10px; } + .signup .signup-wrapper .actions a { + color: #b3b3b3; } + .signup .signup-wrapper .checkbox { + visibility: hidden; } + .signup .signup-wrapper .checkbox-wrapper { + display: block; + position: relative; + top: 10px; + width: 120px; + color: #b3b3b3; } + .signup .signup-wrapper .checkbox-wrapper .label-text { + position: absolute; + left: 20px; + top: -2px; + color: #b3b3b3; + font-size: 12px; } + .signup .signup-wrapper .checkbox-label { + position: absolute; + top: 0; + left: 0px; + right: 10px; + width: 14px; + height: 14px; + color: #e6e6e6; + background: #4d4d4d; + border: 1px solid #666666; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + .signup .signup-wrapper .checkbox-label:after { + border: 1px solid #b3b3b3; + position: absolute; + top: 4px; + left: 3px; + opacity: 0; + content: ''; + width: 6px; + height: 3px; + background: transparent; + border: 2px solid #e6e6e6; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } + .signup .signup-wrapper .checkbox-label:hover::after { + opacity: 0.5; } + .signup .signup-wrapper .checkbox:checked + .checkbox-label:after { + opacity: 1; } + +/* Modal Gallery */ +#gallery .thumbnail-img img { + width: 12%; } + +.modal-gallery { + width: auto; + max-height: none; + outline: none; } + .modal-gallery.fade.in { + top: 50%; } + .modal-gallery .modal-body { + max-height: none; } + .modal-gallery .modal-title { + display: inline-block; + max-height: 54px; + overflow: hidden; } + .modal-gallery .modal-image { + position: relative; + margin: auto; + min-width: 128px; + min-height: 128px; + overflow: hidden; + cursor: pointer; + border-radius: 4px; } + .modal-gallery .modal-image:hover:before, .modal-gallery .modal-image:hover:after { + content: '\2039'; + position: absolute; + top: 50%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: white; + text-align: center; + background: #222222; + border: 3px solid white; + -webkit-border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; + opacity: 0.5; + z-index: 1; } + .modal-gallery .modal-image:hover:after { + content: '\203A'; + left: auto; + right: 15px; } + +.modal-single .modal-image:hover:before, .modal-single .modal-image:hover:after { + display: none; } + +.modal-loading .modal-image { + background: url(../img/loading-orange.gif) center no-repeat; } + +.modal-gallery.fade .modal-image { + -webkit-transition: width 0.15s ease, height 0.15s ease; + -moz-transition: width 0.15s ease, height 0.15s ease; + -ms-transition: width 0.15s ease, height 0.15s ease; + -o-transition: width 0.15s ease, height 0.15s ease; + transition: width 0.15s ease, height 0.15s ease; } +.modal-gallery .modal-image * { + position: absolute; + top: 0; + opacity: 0; + border-radius: 4px; } +.modal-gallery.fade .modal-image * { + -webkit-transition: opacity 0.5s linear; + -moz-transition: opacity 0.5s linear; + -ms-transition: opacity 0.5s linear; + -o-transition: opacity 0.5s linear; + transition: opacity 0.5s linear; } +.modal-gallery .modal-image *.in { + opacity: 1; } + +.modal-fullscreen { + border: none; + border-radius: 0; + background: transparent; + overflow: hidden; } + .modal-fullscreen.modal-loading { + border: 0; + box-shadow: none; } + .modal-fullscreen .modal-body { + padding: 0; } + .modal-fullscreen .modal-header { + position: absolute; + top: 0; + right: 0; + left: 0; + background: transparent; + border: 0; + box-shadow: none; + opacity: 0; + z-index: 2000; } + .modal-fullscreen .modal-footer { + position: absolute; + top: 0; + right: 0; + left: 0; + background: transparent; + border: 0; + box-shadow: none; + opacity: 0; + z-index: 2000; + top: auto; + bottom: 0; } + .modal-fullscreen .close, .modal-fullscreen .modal-title { + color: white; + text-shadow: 0 0 2px rgba(33, 33, 33, 0.8); } + .modal-fullscreen .modal-header:hover, .modal-fullscreen .modal-footer:hover { + opacity: 1; } + +/* Fancy Tooltips */ +.fancy-tooltip-wrapper, .fancy-tooltip-wrapper1 { + padding: 0; + width: 240px; + height: 40px; + margin: 20px auto 0px auto; } + .fancy-tooltip-wrapper li, .fancy-tooltip-wrapper1 li { + float: left; } + .fancy-tooltip-wrapper li a, .fancy-tooltip-wrapper1 li a { + display: block; + width: 44px; + height: 40px; + margin: 0 2px; + outline: none; + background: transparent url(../img/social_icons.png) no-repeat top left; + text-indent: -9000px; + position: relative; } + .fancy-tooltip-wrapper li .tooltip-facebook, .fancy-tooltip-wrapper1 li .tooltip-facebook { + background-position: 0px 0px; } + .fancy-tooltip-wrapper li .tooltip-linkedin, .fancy-tooltip-wrapper1 li .tooltip-linkedin { + background-position: -44px 0px; } + .fancy-tooltip-wrapper li .tooltip-gplus, .fancy-tooltip-wrapper1 li .tooltip-gplus { + background-position: -86px 0px; } + .fancy-tooltip-wrapper li .tooltip-twitter, .fancy-tooltip-wrapper1 li .tooltip-twitter { + background-position: -130px 0px; } + .fancy-tooltip-wrapper li .tooltip-dribbble, .fancy-tooltip-wrapper1 li .tooltip-dribbble { + background-position: -174px 0px; } + .fancy-tooltip-wrapper li a span, .fancy-tooltip-wrapper1 li a span { + width: 100px; + height: auto; + line-height: 20px; + padding: 10px; + left: 50%; + margin-left: -62px; + font-weight: 400; + font-style: italic; + font-size: 14px; + color: white; + text-align: center; + border: 2px solid #2f4e69; + background: #47759e; + text-indent: 0px; + border-radius: 5px; + position: absolute; + pointer-events: none; + bottom: 100px; + opacity: 0; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } + .fancy-tooltip-wrapper li a span:before, .fancy-tooltip-wrapper1 li a span:before { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #47759e; } + .fancy-tooltip-wrapper li a span:after, .fancy-tooltip-wrapper1 li a span:after { + content: ''; + position: absolute; + bottom: -15px; + left: 50%; + margin-left: -9px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #2f4e69; + bottom: -14px; + margin-left: -10px; + border-top: 10px solid #2f4e69; } + .fancy-tooltip-wrapper li a:hover span, .fancy-tooltip-wrapper1 li a:hover span { + opacity: 0.9; + bottom: 40px; } + +.fancy-tooltip-wrapper1 li a span { + width: 80px; + height: 80px; + line-height: 80px; + padding: 10px; + left: 50%; + margin-left: -52px; + text-align: center; + text-indent: 0px; + position: absolute; + pointer-events: none; + border-radius: 50%; + bottom: -40px; + opacity: 0; + -webkit-transform: scale(0.2); + -moz-transform: scale(0.2); + -o-transform: scale(0.2); + -ms-transform: scale(0.2); + transform: scale(0.2); } +.fancy-tooltip-wrapper1 li a:hover span { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } + +/* Bootstrap Date Range Picker */ +.daterangepicker { + position: absolute; + background: #f2f2f2; + top: 100px; + left: 20px; + padding: 4px; + margin-top: 1px; + -webkit-box-shadow: 0 0 2px #cccccc inset; + -moz-box-shadow: 0 0 2px #cccccc inset; + box-shadow: 0 0 2px #cccccc inset; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .daterangepicker.dropdown-menu { + max-width: none; } + .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { + float: left; + margin: 4px; } + .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { + float: right; + margin: 4px; } + .daterangepicker .ranges { + width: 160px; + text-align: left; } + .daterangepicker .ranges .range_inputs > div { + float: left; } + .daterangepicker .ranges .range_inputs > div:nth-child(2) { + padding-left: 11px; } + .daterangepicker .calendar { + display: none; + max-width: 230px; } + .daterangepicker .calendar th, .daterangepicker .calendar td { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + white-space: nowrap; + text-align: center; } + .daterangepicker .ranges label { + color: #333333; + font-size: 11px; + margin-bottom: 2px; + text-transform: uppercase; + text-shadow: 1px 1px 0 white; } + .daterangepicker .ranges input { + font-size: 11px; } + .daterangepicker .ranges ul { + list-style: none; + margin: 0; + padding: 0; } + .daterangepicker .ranges li { + font-size: 13px; + background: #d9d9d9; + border: 1px solid #cccccc; + color: black; + padding: 3px 12px; + margin-bottom: 8px; + border-radius: 2px; + cursor: pointer; } + .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { + background: #47759e; + border: 1px solid #47759e; + color: white; } + .daterangepicker .calendar { + border: 1px solid #d1d1d1; + padding: 4px; + border-radius: 4px; + background: white; } + .daterangepicker.opensleft:before { + position: absolute; + top: -7px; + right: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid gray; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; } + .daterangepicker.opensleft:after { + position: absolute; + top: -6px; + right: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid white; + border-left: 6px solid transparent; + content: ''; } + .daterangepicker.opensright:before { + position: absolute; + top: -7px; + left: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid gray; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; } + .daterangepicker.opensright:after { + position: absolute; + top: -6px; + left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid white; + border-left: 6px solid transparent; + content: ''; } + .daterangepicker table { + width: 100%; + margin: 0; } + .daterangepicker td, .daterangepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + cursor: pointer; + white-space: nowrap; } + .daterangepicker td.off, .daterangepicker td.disabled { + color: #999; } + .daterangepicker td.available:hover { + background: #eee; } + .daterangepicker th.available:hover { + background: #eee; } + .daterangepicker td.in-range { + background: #ebf4f8; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; } + .daterangepicker td.active { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #375b7b; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#47759e), to(#375b7b)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #47759e, #375b7b); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #47759e, #375b7b); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #47759e, #375b7b); + /* IE10 */ + background-image: -o-linear-gradient(top, #47759e, #375b7b); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #47759e, #375b7b); + border-color: #47759e #47759e #375b7b; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } + .daterangepicker td.active:hover, .daterangepicker td.active:active, .daterangepicker td.active.active, .daterangepicker td.active.disabled, .daterangepicker td.active[disabled] { + color: white; + background-color: #375b7b; + *background-color: #375b7b; } + .daterangepicker td.active:active, .daterangepicker td.active.active { + background-color: #47759e \9; } + .daterangepicker td.week { + font-size: 80%; + color: gray; } + .daterangepicker th.week { + font-size: 80%; + color: gray; } + +/* Colorpicker CSS */ +.colorpicker-saturation { + width: 100px; + height: 100px; + background-image: url(../img/saturation.png); + cursor: crosshair; + float: left; } + .colorpicker-saturation i { + display: block; + height: 5px; + width: 5px; + border: 1px solid black; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + position: absolute; + top: 0; + left: 0; + margin: -4px 0 0 -4px; } + .colorpicker-saturation i b { + display: block; + height: 5px; + width: 5px; + border: 1px solid white; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } + +.colorpicker-hue, .colorpicker-alpha { + width: 15px; + height: 100px; + float: left; + cursor: row-resize; + margin-left: 4px; + margin-bottom: 4px; } + +.colorpicker-hue i, .colorpicker-alpha i { + display: block; + height: 1px; + background: black; + border-top: 1px solid white; + position: absolute; + top: 0; + left: 0; + width: 100%; + margin-top: -1px; } + +.colorpicker-hue { + background-image: url(../img/hue.png); } + +.colorpicker-alpha { + background-image: url(../img/alpha.png); + display: none; } + +.colorpicker { + zoom: 1; + top: 0; + left: 0; + min-width: 120px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .colorpicker:before { + display: table; + content: ""; } + .colorpicker div { + position: relative; } + .colorpicker.alpha { + min-width: 140px; } + .colorpicker.alpha .colorpicker-alpha { + display: block; } + +.colorpicker-color { + height: 10px; + margin-top: 5px; + clear: both; + background-image: url(../img/alpha.png); + background-position: 0 100%; } + .colorpicker-color div { + height: 10px; } + +.input-append.color .add-on i, .input-prepend.color .add-on i { + display: block; + cursor: pointer; + width: 18px; + height: 20px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + +/* Tiny Scrollbar CSS */ +#scrollbar, #scrollbar-one, #scrollbar-two, #scrollbar-three { + width: 100%; + clear: both; + margin: 0; } + #scrollbar .viewport, #scrollbar-one .viewport, #scrollbar-two .viewport, #scrollbar-three .viewport { + width: 98%; + height: 180px; + overflow: hidden; + position: relative; } + #scrollbar .overview, #scrollbar-one .overview, #scrollbar-two .overview, #scrollbar-three .overview { + list-style: none; + position: absolute; + left: 0; + top: 0; + width: 100%; } + #scrollbar .thumb, #scrollbar-one .thumb, #scrollbar-two .thumb, #scrollbar-three .thumb { + background-color: #b5799e; } + #scrollbar .thumb .end, #scrollbar-one .thumb .end, #scrollbar-two .thumb .end, #scrollbar-three .thumb .end { + background-color: #b5799e; } + #scrollbar .scrollbar, #scrollbar-one .scrollbar, #scrollbar-two .scrollbar, #scrollbar-three .scrollbar { + position: relative; + float: right; + width: 3px; } + #scrollbar .track, #scrollbar-one .track, #scrollbar-two .track, #scrollbar-three .track { + background-color: #cccccc; + height: 100%; + width: 3px; + position: relative; + padding: 0; } + #scrollbar .thumb, #scrollbar-one .thumb, #scrollbar-two .thumb, #scrollbar-three .thumb { + height: 20px; + width: 3px; + cursor: pointer; + overflow: hidden; + position: absolute; + top: 0; } + #scrollbar .thumb .end, #scrollbar-one .thumb .end, #scrollbar-two .thumb .end, #scrollbar-three .thumb .end { + overflow: hidden; + height: 5px; + width: 13px; } + #scrollbar .disable, #scrollbar-one .disable, #scrollbar-two .disable, #scrollbar-three .disable { + display: none; } + +#scrollbar-one .thumb, #scrollbar-two .thumb { + background-color: #47759e; } + #scrollbar-one .thumb .end, #scrollbar-two .thumb .end { + background-color: #47759e; } + +#scrollbar-three .viewport { + height: 250px; } + +.noSelect { + user-select: none; + -o-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; } + +.info-fade { + color: gray; } + +.right-align-text { + text-align: right !important; } + +ul { + margin: 0; + padding: 0; + list-style: none; } + +.show-grid { + margin-top: 10px; + margin-bottom: 20px; } + .show-grid [class*="span"] { + background: #cccccc; + text-align: center; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + min-height: 40px; + line-height: 40px; } + .show-grid [class*="span"]:hover { + background: #d9d9d9; } + +/* google visualization table tr bg */ +.google-visualization-table-tr-head, .google-visualization-table-tr-head td { + background: #fafafa !important; } + +/* Icomoon font sizes */ +.icomoon-small [data-icon]:before { + font-size: 12px; } + +.icomoon-medium [data-icon]:before { + font-size: 24px; } + +.icomoon-large [data-icon]:before { + font-size: 36px; } + +/* Tab style */ +#scrollUp { + bottom: 0px; + right: 10px; + width: 70px; + height: 40px; + padding: 10px 5px; + font-size: 14px; + text-align: center; + color: white; + background-color: #aa6f93; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b5799e), color-stop(85%, #b5799e), to(#81476b)); + background-image: -webkit-linear-gradient(#b5799e, #b5799e 85%, #81476b); + background-image: -moz-linear-gradient(top, #b5799e, #b5799e 85%, #81476b); + background-image: -o-linear-gradient(#b5799e, #b5799e 85%, #81476b); + background-image: linear-gradient(#b5799e, #b5799e 85%, #81476b); + background-repeat: no-repeat; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + -webkit-transition: bottom 150ms linear; + -moz-transition: bottom 150ms linear; + transition: bottom 150ms linear; } + +.actions-button [data-icon]:before { + font-size: 13px; } +.actions-button li { + float: left; + margin-right: 10px; } + .actions-button li:last-child { + margin-right: 0; } + .actions-button li a { + color: #666666; } + +/* Next-prev icons */ +.next-prev-btn-container { + margin-left: 10px; } + .next-prev-btn-container .button { + display: inline-block; + position: relative; + color: white; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); + text-align: center; + padding: 4px 17px; + font-size: 12px; + font-weight: bold; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #a25986; + background: #b5799e; } + .next-prev-btn-container .button:hover { + color: #d9d9d9; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } + .next-prev-btn-container .button.prev { + border-left: none; } + .next-prev-btn-container .button.prev:after { + background: #b5799e; + content: ''; + position: absolute; + height: 50%; + width: 15px; + border-left: 1px solid #a25986; + left: -5px; + top: 1px; + -webkit-transform: skew(-40deg, 0); + -moz-transform: skew(-40deg, 0); + -o-transform: skew(-40deg, 0); + -ms-transform: skew(-40deg, 0); + transform: skew(-40deg, 0); } + .next-prev-btn-container .button.prev:before { + background: #b5799e; + content: ''; + position: absolute; + height: 48%; + width: 15px; + border-left: 1px solid #a25986; + bottom: 1px; + left: -5px; + -webkit-transform: skew(40deg, 0); + -moz-transform: skew(40deg, 0); + -o-transform: skew(40deg, 0); + -ms-transform: skew(40deg, 0); + transform: skew(40deg, 0); } + .next-prev-btn-container .button.next { + border-right: none; } + .next-prev-btn-container .button.next:after { + background: #b5799e; + content: ''; + position: absolute; + height: 48%; + width: 15px; + border-right: 1px solid #a25986; + right: -5px; + bottom: 1px; + -webkit-transform: skew(-40deg, 0); + -moz-transform: skew(-40deg, 0); + -o-transform: skew(-40deg, 0); + -ms-transform: skew(-40deg, 0); + transform: skew(-40deg, 0); } + .next-prev-btn-container .button.next:before { + background: #b5799e; + content: ''; + position: absolute; + height: 50%; + width: 15px; + border-right: 1px solid #a25986; + top: 1px; + right: -5px; + -webkit-transform: skew(40deg, 0); + -moz-transform: skew(40deg, 0); + -o-transform: skew(40deg, 0); + -ms-transform: skew(40deg, 0); + transform: skew(40deg, 0); } + +/* Horizontal Rule */ +.hr-stylish { + padding: 0; + border: none; + line-height: 0; + border-top: medium double #b3b3b3; + color: #b3b3b3; + text-align: center; } + .hr-stylish:after { + content: ""; + display: inline-block; + position: relative; + top: -12px; + font-size: 14px; + padding: 0 10px; + background: #f7f7f7; } + +.breadcrumb-beauty { + list-style: none; + overflow: hidden; + font-size: 12px; + background: #e6e6e6; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #d9d9d9; } + .breadcrumb-beauty li { + float: left; } + .breadcrumb-beauty li a { + background: #e6e6e6; + color: #4d4d4d; + padding: 4px 0 4px 48px; + position: relative; + display: block; + float: left; } + .breadcrumb-beauty li a:after { + content: " "; + display: block; + width: 0; + height: 0; + border-top: 50px solid transparent; + border-bottom: 50px solid transparent; + border-left: 30px solid #e6e6e6; + position: absolute; + top: 50%; + margin-top: -50px; + left: 100%; + z-index: 2; } + .breadcrumb-beauty li:first-child a { + padding-left: 10px; + -webkit-border-radius: 2px 0 0 2px; + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; } + .breadcrumb-beauty li:nth-child(2) a { + background: #d9d9d9; } + .breadcrumb-beauty li:nth-child(2) a:after { + border-left-color: #d9d9d9; } + .breadcrumb-beauty li:nth-child(3) a { + background: #d1d1d1; } + .breadcrumb-beauty li:nth-child(3) a:after { + border-left-color: #d1d1d1; } + .breadcrumb-beauty li:nth-child(4) a { + background: #c9c9c9; } + .breadcrumb-beauty li:nth-child(4) a:after { + border-left-color: #c9c9c9; } + .breadcrumb-beauty li:last-child a { + background: transparent !important; + color: black; + pointer-events: none; + cursor: default; } + .breadcrumb-beauty li:last-child a:after { + border-left-color: transparent; } + +/* Animated Progress bar */ +.animated-status-bar .progress { + background: #e6e6e6; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset; } +.animated-status-bar .progress-striped { + height: 16px; + -webkit-transition: 0.4s linear; + -moz-transition: 0.4s linear; + -o-transition: 0.4s linear; + transition: 0.4s linear; + -webkit-transition-property: width, background-color; + -moz-transition-property: width, background-color; + -o-transition-property: width, background-color; + transition-property: width, background-color; } +.animated-status-bar #five:checked ~ .progress > .progress-striped { + width: 5%; + background-color: #e26666; } +.animated-status-bar #twentyfive:checked ~ .progress > .progress-striped { + width: 25%; + background-color: #b5799e; } +.animated-status-bar #fifty:checked ~ .progress > .progress-striped { + width: 50%; + background-color: #dba26b; } +.animated-status-bar #seventyfive:checked ~ .progress > .progress-striped { + width: 75%; + background-color: #47759e; } +.animated-status-bar #onehundred:checked ~ .progress > .progress-striped { + width: 100%; + background-color: #1e825e; } +.animated-status-bar .radio { + display: none; } +.animated-status-bar .label { + background: #47759e; + display: inline-block; + margin: 0 5px 20px; + padding: 3px 8px; + color: white; + text-shadow: 0 1px black; + border-radius: 3px; + cursor: pointer; } +.animated-status-bar .radio:checked + .label { + color: white; + background: #b5799e; } + +/* Main Header */ +header { + background-color: #202020; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), color-stop(85%, #292929), to(black)); + background-image: -webkit-linear-gradient(#333333, #292929 85%, black); + background-image: -moz-linear-gradient(top, #333333, #292929 85%, black); + background-image: -o-linear-gradient(#333333, #292929 85%, black); + background-image: linear-gradient(#333333, #292929 85%, black); + background-repeat: no-repeat; + height: 50px; + line-height: 50px; + vertical-align: middle; + width: 100%; + left: top; + left: 0; + top: 0; + position: absolute; } + header .logo { + max-width: 120px; + padding-left: 10px; } + header .logo:hover { + opacity: 0.7; } + header .mini-nav { + float: right; + height: 50px; + margin: 0; } + header .mini-nav li { + background-color: #1e1e1e; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595959), color-stop(85%, #262626), to(black)); + background-image: -webkit-linear-gradient(#595959, #262626 85%, black); + background-image: -moz-linear-gradient(top, #595959, #262626 85%, black); + background-image: -o-linear-gradient(#595959, #262626 85%, black); + background-image: linear-gradient(#595959, #262626 85%, black); + background-repeat: no-repeat; + -webkit-box-shadow: 0 0 35px #0d0d0d inset; + -moz-box-shadow: 0 0 35px #0d0d0d inset; + box-shadow: 0 0 35px #0d0d0d inset; + -webkit-transition: All 0.8s ease; + -moz-transition: All 0.8s ease; + -ms-transition: All 0.8s ease; + -o-transition: All 0.8s ease; + transition: All 0.8s ease; + padding: 0px 30px; + float: left; + position: relative; + height: 100%; + border-right: 1px solid #2e2e2e; + cursor: pointer; + display: block; } + header .mini-nav li a { + color: #dddddd; + font-size: 11px; + display: block; } + header .mini-nav li .fs1 { + padding-top: 10px; } + header .mini-nav li .info-label, header .mini-nav li .info-label-green, header .mini-nav li .info-label-orange { + display: inline-block; + position: absolute; + top: 5px; + right: 28px; + width: 20px; + text-align: center; + background: #47759e; + color: white; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + z-index: 10000; + line-height: 16px; } + header .mini-nav li .info-label:before, header .mini-nav li .info-label-green:before, header .mini-nav li .info-label-orange:before { + content: ''; + position: absolute; + background: #47759e; + width: 6px; + height: 6px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + bottom: -3px; + left: 50%; + margin-left: -3px; } + header .mini-nav li .info-label-green { + background: #1e825e; } + header .mini-nav li .info-label-green:before { + background: #1e825e; } + header .mini-nav li .info-label-orange { + background: #b5799e; } + header .mini-nav li .info-label-orange:before { + background: #b5799e; } + header .mini-nav li:hover { + background-color: #0a0a0a; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), color-stop(85%, black), to(#333333)); + background-image: -webkit-linear-gradient(black, black 85%, #333333); + background-image: -moz-linear-gradient(top, black, black 85%, #333333); + background-image: -o-linear-gradient(black, black 85%, #333333); + background-image: linear-gradient(black, black 85%, #333333); + background-repeat: no-repeat; + -webkit-box-shadow: 0 0 10px black inset; + -moz-box-shadow: 0 0 10px black inset; + box-shadow: 0 0 10px black inset; } + header .user-profile { + background-color: #1e1e1e; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595959), color-stop(85%, #262626), to(black)); + background-image: -webkit-linear-gradient(#595959, #262626 85%, black); + background-image: -moz-linear-gradient(top, #595959, #262626 85%, black); + background-image: -o-linear-gradient(#595959, #262626 85%, black); + background-image: linear-gradient(#595959, #262626 85%, black); + background-repeat: no-repeat; + -webkit-box-shadow: 0 0 35px #0d0d0d inset; + -moz-box-shadow: 0 0 35px #0d0d0d inset; + box-shadow: 0 0 35px #0d0d0d inset; + padding: 0px 30px; + float: right; + cursor: pointer; + height: 100%; + line-height: 20px; } + header .user-profile img { + margin-top: 5px; + width: 32px; + height: 32px; + border: 2px solid white; } + header .user-profile img:hover { + border: 2px solid #b3b3b3; } + header .user-profile .caret { + border-top: 4px solid white; + display: block; + margin: 2px auto 0 auto; } + +/* Main Nav */ +#mainnav { + display: block; + float: left; + position: relative; + top: 50px; } + #mainnav > ul { + width: 110px; + position: absolute; } + #mainnav > ul > li { + display: block; + position: relative; + background: #333333; + /* Old browsers */ + background: -moz-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(2%, #404040), color-stop(85%, #404040), color-stop(100%, #262626)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%); + /* IE10+ */ + background: linear-gradient(to right, #404040 2%, #404040 85%, #262626 100%); + /* W3C */ + border-bottom: 1px solid #3b3b3b; } + #mainnav > ul > li:hover > a { + color: gray; } + #mainnav > ul > li.active { + background: #f2f2f2; + /* Old browsers */ + border-bottom: none; } + #mainnav > ul > li.active .icon { + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + background: gray; + border: 4px solid #4d4d4d; } + #mainnav > ul > li.active .fs1 { + color: white; } + #mainnav > ul > li.active > a { + color: #333333; } + #mainnav > ul > li:last-child { + border-bottom: none; } + #mainnav > ul > li > a { + display: block; + outline: 0; + height: 60px; + padding: 8px 5px; + text-transform: uppercase; + text-decoration: none; + color: #cccccc; + font-size: 11px; + text-align: center; } + #mainnav > ul > li > a > .icon { + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + background: #333333; + border: 4px solid #4d4d4d; + width: 32px; + height: 32px; + display: block; + margin: auto; + margin-bottom: 4px; } + #mainnav > ul > li > a > .icon .fs1 { + line-height: 36px; } + #mainnav > ul > li > a > .label { + margin: 0 20px 0 0; + float: right; + padding: 3px 5px 2px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2); } + #mainnav > ul ul { + display: none; } + #mainnav > ul li.open ul { + display: block; } + #mainnav > ul ul li { + background-color: #202020; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), color-stop(85%, #292929), to(black)); + background-image: -webkit-linear-gradient(#333333, #292929 85%, black); + background-image: -moz-linear-gradient(top, #333333, #292929 85%, black); + background-image: -o-linear-gradient(#333333, #292929 85%, black); + background-image: linear-gradient(#333333, #292929 85%, black); + background-repeat: no-repeat; } + #mainnav > ul ul li a { + -webkit-transition: All 0.2s ease; + -moz-transition: All 0.2s ease; + -ms-transition: All 0.2s ease; + -o-transition: All 0.2s ease; + transition: All 0.2s ease; + padding: 8px 5px; + text-transform: uppercase; + text-align: center; + display: block; + font-size: 11px; + color: #d9d9d9; } + #mainnav > ul ul li a:hover { + background: #333333; } + #mainnav > ul .active { + background: #4d4d4d; + color: white; } + +/* Comments */ +.comments { + margin: 0; + padding: 0; + margin-top: -15px; } + .comments li { + padding: 5px 0; + margin: 10px auto; } + .comments li img.avatar { + height: 60px; + width: 60px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + padding: 4px; + background: #f7f7f7; + border: 1px solid #cccccc; } + .comments li.in img.avatar { + margin-right: 10px; + float: left; } + .comments li .name { + color: #b5799e; + font-size: 13px; + font-weight: 400; } + .comments li .date-time { + color: #1a1a1a; + font-size: 11px; + font-weight: 400; } + .comments li.out img.avatar { + float: right; + margin-left: 10px; + padding: 4px; + background: #f7f7f7; + border: 1px solid #cccccc; } + .comments li .message { + display: block; + padding: 5px 10px; + position: relative; + background: #fafafa; } + .comments li.in .message { + text-align: left; + border-left: 1px solid #b5799e; + margin-left: 80px; } + .comments li.in .message .arrow { + display: block; + position: absolute; + top: 8px; + left: -8px; + width: 2px; + height: 16px; + border-right: 6px solid #b5799e; } + .comments li.out .message { + border-right: 1px solid #47759e; + margin-right: 80px; + text-align: right; } + .comments li.out .message .arrow { + display: block; + position: absolute; + top: 8px; + right: -8px; + width: 2px; + height: 16px; + border-left: 6px solid #47759e; } + .comments li.out .name { + color: #47759e; } + .comments li.out .name, .comments li.out .date-time { + text-align: right; } + .comments li .message .body { + display: block; } + +.chat-form { + margin-top: 15px; + padding: 10px; + background: #e0e0e0; + clear: both; } + .chat-form .input-cont { + margin-right: 55px; } + .chat-form .input-cont input { + width: 100%; + margin-top: 0; } + +/* Stats Count */ +#stats-count li { + background-color: #ebebeb; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #ebebeb); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #cccccc; + display: block; + height: 34px; + padding: 5px; + margin-bottom: 4px; } + #stats-count li .arrow { + display: block; + height: 30px; + float: left; + padding-right: 10px; + padding-top: 4px; + line-height: 0.16; } + #stats-count li [data-icon]:before { + font-size: 16px; } + #stats-count li h5.stat-value { + color: #4d4d4d; + font-size: 14px; + line-height: 20px; + margin: 0 0 5px 0; } + #stats-count li .stat-name { + font-size: 10px; + line-height: 14px; + color: #b3b3b3; + font-weight: normal; + text-transform: uppercase; + padding-left: 4px; } + +/* Current Statistics */ +.current-statistics .clients, .current-statistics .sales, .current-statistics .products, .current-statistics .income, .current-statistics .expenses, .current-statistics .signups { + background: #666666; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + height: 40px; + padding: 10px; + text-align: center; + position: relative; } + .current-statistics .clients:before, .current-statistics .sales:before, .current-statistics .products:before, .current-statistics .income:before, .current-statistics .expenses:before, .current-statistics .signups:before { + content: ''; + position: absolute; + background: #666666; + width: 12px; + height: 12px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + top: -4px; + left: 50%; + margin-left: -6px; } +.current-statistics .sales { + background: #1e825e; } + .current-statistics .sales:before { + background: #1e825e; } + .current-statistics .sales h3 { + color: white; } +.current-statistics .products { + background: #dba26b; } + .current-statistics .products:before { + background: #dba26b; } + .current-statistics .products h3 { + color: white; } +.current-statistics .income { + background: #47759e; } + .current-statistics .income:before { + background: #47759e; } + .current-statistics .income h3 { + color: white; } +.current-statistics .expenses { + background: #b5799e; } + .current-statistics .expenses:before { + background: #b5799e; } + .current-statistics .expenses h3 { + color: white; } +.current-statistics .signups { + background: #579da9; } + .current-statistics .signups:before { + background: #579da9; } + .current-statistics .signups h3 { + color: white; } +.current-statistics h3 { + color: white; + margin: 0; + font-weight: 300; } + +/* Featured Posts */ +.featured-articles-container { + background: #f7f7f7; + padding: 10px; } + .featured-articles-container .articles a { + position: relative; + border-bottom: 1px dotted #d9d9d9; + color: #0d0d0d; + display: block; + font-size: 12px; + font-weight: 500; + line-height: 30px; + padding-left: 20px; + margin-bottom: 1px; } + .featured-articles-container .articles a:hover { + color: #737373; } + .featured-articles-container .articles a .label-bullet, .featured-articles-container .articles a .label-bullet-blue { + position: absolute; + left: 1px; + top: 10px; + width: 0; + height: 0; + border-top: 9px solid #be89aa; + border-left: 9px solid transparent; } + .featured-articles-container .articles a .label-bullet-blue { + border-top: 9px solid #4f82b0; } + .featured-articles-container .articles a .date { + font-size: 10px; + padding-left: 2px; + color: #b3b3b3; + font-weight: normal; } + .featured-articles-container .articles:hover { + opacity: 1; + cursor: default; } + .featured-articles-container .articles .phone { + text-align: right; + font-size: 12px; + padding-top: 5px; } + +/* Todo's Container */ +.todo-container { + width: 100%; } + .todo-container .todo-list { + min-height: 180px; } + .todo-container .todo-list li { + background: whitesmoke; + border-bottom: 1px dotted #cccccc; + line-height: 34px; } + .todo-container .todo-list li:last-child { + border-bottom: 0; } + .todo-container .todo-list li input[type="checkbox"] { + margin: 0 2px 0 10px; } + .todo-container .todo-list li input[type="checkbox"]:checked + label { + text-decoration: line-through; + color: #999999; } + .todo-container .todo-list li label { + display: inline-block; + cursor: pointer; + font-size: 12px; } + .todo-container .todo-list li label .date { + font-size: 10px; + color: #b3b3b3; + padding-left: 5px; } + .todo-container .todo-list li:hover { + background: #fafafa; } + .todo-container .todo-list .new { + border-left: 3px solid #b5799e; + margin: 1px 0; } + .todo-container .todo-list .completed { + border-left: 3px solid #1e825e; + margin: 1px 0; } + .todo-container .todo-list .process { + border-left: 3px solid #dba26b; + margin: 1px 0; } + +/* Easy Pie Charts Container */ +.easy-pie-charts-container .pie-chart { + padding-top: 5px; + width: 20%; + float: left; } + .easy-pie-charts-container .pie-chart h5 { + margin-bottom: 0; + color: #4d4d4d; } + .easy-pie-charts-container .pie-chart .name { + text-align: center; + padding-top: 10px; } +.easy-pie-charts-container .easyPieChart { + margin: auto; } + +/* Icomoon Icons Container */ +.icomoon-icons-container li, .icomoon-icons-container li .rounded { + background-color: #ededed; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ededed)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f2f2f2, #ededed); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f2f2f2, #ededed); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f2f2f2, #ededed); + /* IE10 */ + background-image: -o-linear-gradient(top, #f2f2f2, #ededed); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f2f2f2, #ededed); + border: 1px solid #d9d9d9; + color: #666666; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + display: inline-block; + float: left; + margin-right: 5px; + margin-bottom: 5px; + font-size: 16px; + text-align: center; + vertical-align: middle; + width: 36px; + height: 36px; + line-height: 36px; } + .icomoon-icons-container li:hover, .icomoon-icons-container li .rounded:hover { + background: white; + cursor: pointer; } + +.icomoon-icons-container li.rounded { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; + border: 1px solid #cccccc; } + +/* Stats */ +.stats li { + padding: 10px 5px; + background: #f7f7f7; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-transition: All 0.5s ease; + -moz-transition: All 0.5s ease; + -ms-transition: All 0.5s ease; + -o-transition: All 0.5s ease; + transition: All 0.5s ease; + border: 1px solid #d9d9d9; + height: 42px; + margin-bottom: 4px; } + .stats li:last-child { + margin-bottom: 0px; } + .stats li:hover { + opacity: 0.7; + cursor: pointer; } + .stats li .left { + border-right: 1px solid #e6e6e6; + float: left; + display: inline-block; + text-align: left; + width: 100px; + margin-right: 5px; } + .stats li .left h4 { + margin-top: 0; + margin-bottom: 6px; + color: #4d4d4d; } + .stats li .left p { + font-size: 11px; + color: #b5799e; + text-transform: uppercase; + margin-bottom: 0; } + .stats li:nth-child(2) p { + color: #1e825e; } + .stats li:nth-child(3) p { + color: #dba26b; } + .stats li:nth-child(4) p { + color: #47759e; } + .stats li:nth-child(5) p { + color: #e26666; } + .stats li .chart { + margin-top: 10px; + margin-left: 5px; + float: left; } + +/* Data Tables Container */ +#dt_example { + /* Sorting */ } + #dt_example .dataTables_length { + float: left; } + #dt_example .dataTables_length select { + width: 80px; + height: 30px; + margin-bottom: 0; } + #dt_example .dataTables_filter { + float: right; } + #dt_example .dataTables_filter input { + width: 160px; + margin-bottom: 0; } + #dt_example .dataTables_info { + float: left; + margin-bottom: 5px; } + #dt_example .dataTables_paginate { + margin: 5px 0; + float: right; } + #dt_example .dataTables_paginate .first, #dt_example .dataTables_paginate .previous, #dt_example .dataTables_paginate .next, #dt_example .dataTables_paginate .paginate_active, #dt_example .dataTables_paginate .last, #dt_example .dataTables_paginate .paginate_button { + background-color: #e6e6e6; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f2f2f2, #e6e6e6); + /* IE10 */ + background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f2f2f2, #e6e6e6); + border-left: 1px solid #d9d9d9; + border-top: 1px solid #d9d9d9; + border-bottom: 1px solid #d9d9d9; + padding: 7px 10px; } + #dt_example .dataTables_paginate .first:hover, #dt_example .dataTables_paginate .previous:hover, #dt_example .dataTables_paginate .next:hover, #dt_example .dataTables_paginate .paginate_active:hover, #dt_example .dataTables_paginate .last:hover, #dt_example .dataTables_paginate .paginate_button:hover { + background: #f9f9f9; + cursor: pointer; } + #dt_example .dataTables_paginate .last { + border-right: 1px solid #d9d9d9; } + #dt_example .dataTables_paginate .paginate_active { + background: #f9f9f9; } + #dt_example .dataTable .sorting { + cursor: pointer; + background: url(../img/sorting.png) no-repeat center right; } + #dt_example .dataTable .sorting_asc { + cursor: pointer; + background: url(../img/sorting_asc.png) no-repeat center right; } + #dt_example .dataTable .sorting_desc { + cursor: pointer; + background: url(../img/sorting_desc.png) no-repeat center right; } + +/* Progress UI */ +.progress-statistics li { + padding: 5px 10px; + background: #f7f7f7; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-transition: All 0.5s ease; + -moz-transition: All 0.5s ease; + -ms-transition: All 0.5s ease; + -o-transition: All 0.5s ease; + transition: All 0.5s ease; + border: 1px solid #d9d9d9; + height: 38px; + margin-bottom: 4px; } + .progress-statistics li:last-child { + margin-bottom: 0px; } + .progress-statistics li:hover { + opacity: 0.7; + cursor: pointer; } + .progress-statistics li .progress { + background-color: #e0e0e0; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), to(#e0e0e0)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, whitesmoke, #e0e0e0); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, whitesmoke, #e0e0e0); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, whitesmoke, #e0e0e0); + /* IE10 */ + background-image: -o-linear-gradient(top, whitesmoke, #e0e0e0); + /* Opera 11.10+ */ + background-image: linear-gradient(top, whitesmoke, #e0e0e0); + margin-top: 3px; } + .progress-statistics li .details { + font-size: 11px; + font-weight: bold; + display: inline; } + +/* Doc icons */ +.doc-icons-container { + position: relative; + line-height: 100%; } + .doc-icons-container .icon { + display: inline-block; + position: relative; + width: 40px; + height: 50px; + background: #d9d9d9; + margin: 0 15px 0 0; } + .doc-icons-container .icon:before { + position: absolute; + content: ""; + top: 0px; + right: -10px; + width: 0; + height: 40px; + border-left: 10px solid #d9d9d9; + border-top: 10px solid transparent; } + .doc-icons-container .icon:after { + position: absolute; + content: ""; + top: 0px; + right: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-bottom: 10px solid rgba(0, 0, 0, 0.2); } + .doc-icons-container .icon.light-blue { + background: #608fb8; + color: #274158; } + .doc-icons-container .icon.light-blue:before { + border-left-color: #608fb8; } + .doc-icons-container .icon.light-green { + background: #28ab7c; + color: #0b2f22; } + .doc-icons-container .icon.light-green:before { + border-left-color: #28ab7c; } + .doc-icons-container .icon.light-yellow { + background: #e5bc94; + color: #b46f2c; } + .doc-icons-container .icon.light-yellow:before { + border-left-color: #e5bc94; } + .doc-icons-container .icon.light-orange { + background: #c79ab6; + color: #81476b; } + .doc-icons-container .icon.light-orange:before { + border-left-color: #c79ab6; } + .doc-icons-container .doc-icon { + position: absolute; + top: 10px; + width: 50px; + height: 20px; + font-size: 16px; + text-align: center; + line-height: 20px; } + .doc-icons-container .doc-type { + position: absolute; + bottom: 0; + width: 50px; + height: 16px; + font-size: 11px; + text-transform: uppercase; + text-align: center; + line-height: 8px; } + +/* DASHBOARD */ +.dashboard-wrapper { + position: relative; + top: 0; + margin-top: 50px; + margin-left: 110px; + background: #f2f2f2; + -webkit-border-radius: 0 0 0 4px; + -moz-border-radius: 0 0 0 4px; + border-radius: 0 0 0 4px; + min-height: 1060px; + margin-bottom: 10px; + padding: 10px; } + .dashboard-wrapper .main-container .widget { + background: #fafafa; + border: 1px solid #bfbfbf; + clear: both; + margin-top: 0px; + margin-bottom: 30px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } + .dashboard-wrapper .main-container .widget .widget-header { + background-color: #ebebeb; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #ebebeb); + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + border-bottom: 1px solid #d9d9d9; + height: 24px; + line-height: 24px; + padding: 10px; } + .dashboard-wrapper .main-container .widget .widget-header .fs1 { + margin-right: 1px; } + .dashboard-wrapper .main-container .widget .widget-header .fs1:hover { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); } + .dashboard-wrapper .main-container .widget .widget-header .title { + color: #404040; + float: left; + font-weight: bold; + font-size: 13px; } + .dashboard-wrapper .main-container .widget .widget-header .title .attribution, .dashboard-wrapper .main-container .widget .widget-header .title .mini-title { + font-size: 11px; + padding-left: 4px; + color: #b3b3b3; + font-weight: normal; } + .dashboard-wrapper .main-container .widget .widget-header span.tools { + padding: 0; + float: right; + margin: 0; } + .dashboard-wrapper .main-container .widget .widget-header span.tools > a { + display: inline-block; + margin-right: 5px; + color: #666666; + margin-top: 3px; } + .dashboard-wrapper .main-container .widget .widget-header span.tools > a:hover { + text-decoration: none; + opacity: .6; } + .dashboard-wrapper .main-container .widget .widget-body { + margin: 10px; + padding: 5px; + background: #f2f2f2; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + +/* Metro Nav */ +.metro-navigation .nav-block { + display: block; + float: left; + height: 70px; + width: 14%; + cursor: pointer; + text-decoration: none; + color: white; + overflow: hidden; + position: relative; + font-weight: 300; + letter-spacing: 0.02em; + line-height: 20px; + font-smooth: always; + margin: 0 1% 1% 0; + overflow: hidden; + z-index: 1; } + .metro-navigation .nav-block [data-icon]::before { + font-size: 32px; + color: white; + line-height: 36px; } + .metro-navigation .nav-block a { + height: 100%; + vertical-align: top; + padding: 5px 10px; + overflow: hidden; + text-overflow: ellipsis; + position: absolute; + font-weight: 400; + color: white; + font-size: 16px; + font-smooth: always; + line-height: 16px; + width: 100%; } + .metro-navigation .nav-block.double { + width: 39%; } + .metro-navigation .nav-block:hover { + outline: 2px rgba(0, 0, 0, 0.75) solid; } + .metro-navigation .nav-block .brand, .metro-navigation .nav-block .tile-status { + position: absolute; + bottom: -10px; + left: 10px; + min-height: 30px; + background-color: transparent; + *zoom: 1; + font-size: 14px; } + .metro-navigation .nav-block .tile-status { + right: 10px; } +.metro-navigation * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .metro-navigation *:after, .metro-navigation *:before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } +.metro-navigation .current { + border: 3px #375b7b solid; + font-size: 16px; } + .metro-navigation .current:after { + width: 0; + height: 0; + border-top: 40px solid #375b7b; + border-left: 40px solid transparent; + position: absolute; + display: block; + right: 0; + content: "."; + top: 0; + z-index: 1001; } + .metro-navigation .current:before { + position: absolute; + content: "+"; + color: white; + right: 4px; + font-family: iconFont; + z-index: 1002; } +.metro-navigation .block-orange { + background: #b5799e; } +.metro-navigation .block-green { + background: #1e825e; } +.metro-navigation .block-yellow { + background: #dba26b; } +.metro-navigation .block-blue { + background: #47759e; } +.metro-navigation .block-red { + background: #e26666; } + +/* Metro Gallery */ +.metro-gallery .img-block { + display: block; + float: left; + height: 100px; + width: 14.5%; + cursor: pointer; + overflow: hidden; + position: relative; + margin: 0 0.5% 0.5% 0; + overflow: hidden; + z-index: 1; } + .metro-gallery .img-block a { + height: 100%; + width: 100%; } + .metro-gallery .img-block a img { + width: 100%; + height: 100px; } + .metro-gallery .img-block.double { + width: 39.5%; } + .metro-gallery .img-block .img-title { + background: rgba(0, 0, 0, 0.6); + width: 100%; + padding: 5px; + position: absolute; + bottom: 0px; + min-height: 20px; + font-size: 13px; + color: white; } + +/* Fancy Inputs */ +.fancy-inputs { + /* SLIDE ONE */ + /* SLIDE TWO */ + /* SLIDE THREE */ + /* SQUARED ONE */ + /* SQUARED TWO */ + /* SQUARED THREE */ } + .fancy-inputs input[type=checkbox] { + visibility: hidden; } + .fancy-inputs .slide-one { + width: 60px; + height: 10px; + background: #333333; + margin: 10px 20px 0 10px; + display: inline-block; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + position: relative; } + .fancy-inputs .slide-one label { + display: block; + width: 16px; + height: 16px; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + -webkit-transition: All 0.4s ease; + -moz-transition: All 0.4s ease; + -ms-transition: All 0.4s ease; + -o-transition: All 0.4s ease; + transition: All 0.4s ease; + cursor: pointer; + position: absolute; + top: -3px; + left: -3px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset; + background-color: #ebebeb; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #ebebeb); } + .fancy-inputs .slide-one input[type=checkbox]:checked + label { + left: 45px; } + .fancy-inputs .slide-two { + width: 80px; + height: 30px; + background: #333333; + margin: 0px 20px 0px 0; + display: inline-block; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + position: relative; } + .fancy-inputs .slide-two:after { + content: ''; + position: absolute; + top: 14px; + left: 14px; + height: 2px; + width: 52px; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + background: #cccccc; } + .fancy-inputs .slide-two label { + display: block; + width: 22px; + height: 22px; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + -webkit-transition: All 0.4s ease; + -moz-transition: All 0.4s ease; + -ms-transition: All 0.4s ease; + -o-transition: All 0.4s ease; + transition: All 0.4s ease; + cursor: pointer; + position: absolute; + top: 4px; + z-index: 1; + left: 4px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + background-color: #ebebeb; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #ebebeb); } + .fancy-inputs .slide-two label:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + background-color: black; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(black)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #1a1a1a, black); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #1a1a1a, black); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #1a1a1a, black); + /* IE10 */ + background-image: -o-linear-gradient(top, #1a1a1a, black); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #1a1a1a, black); + left: 6px; + top: 6px; } + .fancy-inputs .slide-two input[type=checkbox]:checked + label { + left: 54px; } + .fancy-inputs .slide-two input[type=checkbox]:checked + label:after { + background: #1c7a58; } + .fancy-inputs .slide-three { + width: 80px; + height: 30px; + background: #333333; + margin: 0px 20px 0px 0; + display: inline-block; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + position: relative; } + .fancy-inputs .slide-three:after { + content: 'OFF'; + font: 12px/30px Arial, sans-serif; + color: black; + position: absolute; + right: 12px; + z-index: 0; + font-weight: bold; + text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); } + .fancy-inputs .slide-three:before { + content: 'ON'; + font: 12px/30px Arial, sans-serif; + color: #00bf00; + position: absolute; + left: 10px; + z-index: 0; + font-weight: bold; } + .fancy-inputs .slide-three label { + display: block; + width: 38px; + height: 24px; + -webkit-border-radius: 50px; + -moz-border-radius: 50px; + border-radius: 50px; + -webkit-transition: All 0.4s ease; + -moz-transition: All 0.4s ease; + -ms-transition: All 0.4s ease; + -o-transition: All 0.4s ease; + transition: All 0.4s ease; + cursor: pointer; + position: absolute; + top: 3px; + left: 3px; + z-index: 1; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + background-color: #ebebeb; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #ebebeb); } + .fancy-inputs .slide-three input[type=checkbox]:checked + label { + left: 39px; } + .fancy-inputs .squared-one { + width: 28px; + height: 28px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + background-color: #ebebeb; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #ebebeb); + margin: 0px 20px 0 0; + display: inline-block; + position: relative; } + .fancy-inputs .squared-one label { + cursor: pointer; + position: absolute; + width: 20px; + height: 20px; + left: 4px; + top: 4px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + background-color: #333333; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#333333)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #1a1a1a, #333333); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #1a1a1a, #333333); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #1a1a1a, #333333); + /* IE10 */ + background-image: -o-linear-gradient(top, #1a1a1a, #333333); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #1a1a1a, #333333); } + .fancy-inputs .squared-one label:after { + opacity: 0; + content: ''; + position: absolute; + width: 16px; + height: 16px; + background: #1c7a58; + top: 2px; + left: 2px; } + .fancy-inputs .squared-one label:hover::after { + opacity: 0.3; } + .fancy-inputs .squared-one input[type=checkbox]:checked + label:after { + opacity: 1; } + .fancy-inputs .squared-two { + width: 28px; + height: 28px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + background-color: #e6e6e6; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e6e6e6)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f7f7f7, #e6e6e6); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #f7f7f7, #e6e6e6); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f7f7f7, #e6e6e6); + /* IE10 */ + background-image: -o-linear-gradient(top, #f7f7f7, #e6e6e6); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #f7f7f7, #e6e6e6); + margin: 0px 20px 0 0; + display: inline-block; + position: relative; } + .fancy-inputs .squared-two label { + cursor: pointer; + position: absolute; + width: 20px; + height: 20px; + left: 4px; + top: 4px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + background-color: #1a1a1a; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#1a1a1a)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #080808, #1a1a1a); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #080808, #1a1a1a); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #080808, #1a1a1a); + /* IE10 */ + background-image: -o-linear-gradient(top, #080808, #1a1a1a); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #080808, #1a1a1a); } + .fancy-inputs .squared-two label:after { + opacity: 0; + content: ''; + position: absolute; + width: 9px; + height: 5px; + background: transparent; + top: 4px; + left: 4px; + border: 3px solid #fcfff4; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } + .fancy-inputs .squared-two label:hover::after { + opacity: 0.3; } + .fancy-inputs .squared-two input[type=checkbox]:checked + label:after { + opacity: 1; } + .fancy-inputs .squared-three { + width: 20px; + margin: 4px 0 0 0; + display: inline-block; + position: relative; } + .fancy-inputs .squared-three label { + cursor: pointer; + position: absolute; + width: 20px; + height: 20px; + top: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; + background-color: #4d4d4d; + /* Fallback Color */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#4d4d4d)); + /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #333333, #4d4d4d); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #333333, #4d4d4d); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #333333, #4d4d4d); + /* IE10 */ + background-image: -o-linear-gradient(top, #333333, #4d4d4d); + /* Opera 11.10+ */ + background-image: linear-gradient(top, #333333, #4d4d4d); } + .fancy-inputs .squared-three label:after { + opacity: 0; + content: ''; + position: absolute; + width: 9px; + height: 5px; + background: transparent; + top: 4px; + left: 4px; + border: 3px solid #fcfff4; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } + .fancy-inputs .squared-three label:hover::after { + opacity: 0.3; } + .fancy-inputs .squared-three input[type=checkbox]:checked + label:after { + opacity: 1; } + +/* INVOICE page CSS starts here */ +.invoice { + border: 1px solid #cccccc; + padding: 15px; } + .invoice .invoice-head { + border-bottom: 1px solid #cccccc; + height: 48px; } + .invoice .invoice-head .logo { + margin: 0; } + .invoice .invoice-head .invoice-info { + float: right; + margin-top: 8px; + text-align: right; } + .invoice .invoice-head .invoice-info span { + color: #b5799e; + font-weight: bold; + font-size: 12px; + float: right; + text-align: right; } + .invoice .invoice-head .invoice-info .date { + color: #47759e; + font-size: 11px; + font-weight: 500; } + .invoice .invoice-data-container { + padding: 20px 0; } + .invoice .invoice-data-container .from { + width: 40%; } + .invoice .invoice-data-container .from h5 { + color: #4d4d4d; + margin: 0 0 10px 0; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } + .invoice .invoice-data-container .from span { + color: #be89aa; + display: block; + font-size: 12px; + margin-bottom: 3px; } + +/* INVOICE page CSS ends here */ +/* Not Found page CSS starts here */ +.error-container { + margin-top: 50px; + margin-bottom: 50px; + text-align: center; } + .error-container h1 { + margin-bottom: .5em; + line-height: 1em; + color: #b5799e; } + .error-container h2 { + margin-bottom: .75em; } + .error-container .error-details { + margin-bottom: 1.5em; + font-size: 16px; } + .error-container .error-actions a { + margin: 0 0.5em; } + +.number { + text-align: right; + font-size: 150px; + color: #b5799e; + line-height: 100%; } + +/* Not Found page CSS ends here */ +/* Dashboard Wrapper Ends Here */ +footer { + background-color: #282828; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d0d0d), color-stop(85%, #262626), to(#333333)); + background-image: -webkit-linear-gradient(#0d0d0d, #262626 85%, #333333); + background-image: -moz-linear-gradient(top, #0d0d0d, #262626 85%, #333333); + background-image: -o-linear-gradient(#0d0d0d, #262626 85%, #333333); + background-image: linear-gradient(#0d0d0d, #262626 85%, #333333); + background-repeat: no-repeat; + color: white; + height: 30px; + font-weight: normal; + line-height: 30px; + font-size: 11px; + padding: 10px; + z-index: 1; } + +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; } + + .visible-desktop { + display: none !important; } + + .visible-tablet { + display: inherit !important; } + + .hidden-tablet { + display: none !important; } + + .dashboard-wrapper { + margin-left: 0; + min-height: 680px; + padding: 10px 5px; + background: #fafafa; } + .dashboard-wrapper .main-container { + margin-right: 0px; } + .dashboard-wrapper .main-container .widget .widget-header .tools { + display: none; } + .dashboard-wrapper .main-container .widget .widget-header .mini-title { + display: none; } + .dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart { + float: none; + width: 100%; } + .dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart .easyPieChart { + margin: auto; } + .dashboard-wrapper .main-container .widget .widget-body .current-statistics h3 { + font-size: 18px; } } +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; } + + .visible-desktop { + display: none !important; } + + .visible-phone { + display: inherit !important; } + + .hidden-phone { + display: none !important; } } +@media (max-width: 767px) { + body { + padding-left: 10px; + padding-right: 10px; } + + .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { + margin-left: -20px; + margin-right: -20px; } + + .container-fluid { + padding: 0; } + + .dl-horizontal dt { + float: none; + clear: none; + width: auto; + text-align: left; } + .dl-horizontal dd { + margin-left: 0; } + + .container { + width: auto; } + + .row-fluid { + width: 100%; } + + .row { + margin-left: 0; } + + .thumbnails { + margin-left: 0; } + .thumbnails > li { + float: none; + margin-left: 0; } + + [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { + float: none; + display: block; + width: 100%; + margin-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + + .span12 { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + + .row-fluid .span12 { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .row-fluid [class*="offset"]:first-child { + margin-left: 0; } + + .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + + .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { + display: inline-block; + width: auto; } + + .controls-row [class*="span"] + [class*="span"] { + margin-left: 0; } + + .modal { + position: fixed; + top: 20px; + left: 20px; + right: 20px; + width: auto; + margin: 0; } + .modal.fade { + top: -100px; } + .modal.fade.in { + top: 20px; } } +@media (max-width: 480px) { + body { + background: #fafafa; } + + .nav-collapse { + -webkit-transform: translate3d(0, 0, 0); } + + .page-header h1 small { + display: block; + line-height: 20px; } + + input[type="checkbox"], input[type="radio"] { + border: 1px solid gray; } + + .form-horizontal .control-label { + float: none; + width: auto; + padding-top: 0; + text-align: left; } + .form-horizontal .controls { + margin-left: 0; } + .form-horizontal .control-list { + padding-top: 0; } + .form-horizontal .form-actions { + padding-left: 10px; + padding-right: 10px; } + + .media .pull-left, .media .pull-right { + float: none; + display: block; + margin-bottom: 10px; } + + .media-object { + margin-right: 0; + margin-left: 0; } + + .modal { + top: 10px; + left: 10px; + right: 10px; } + + .modal-header .close { + padding: 10px; + margin: -10px; } + + .carousel-caption { + position: static; } + + #dt_example .dataTables_length, #dt_example .dataTables_filter { + display: none; } + + #dt_example .dataTables_paginate .next, #dt_example .dataTables_paginate .previous { + display: none; } + + header .user-profile { + padding: 0 10px; } + header .mini-nav { + margin: 0; } + header .mini-nav li { + padding: 0px 15px; + border-right: 1px solid #333333; } + header .mini-nav li:first-child { + border-left: 1px solid #333333; } + header .mini-nav li:last-child { + border-right: none; } + header .mini-nav li .info-label, header .mini-nav li .info-label-green, header .mini-nav li .info-label-orange { + display: inline-block; + position: absolute; + top: 5px; + right: 13px; } + header .mini-nav li .info-label-green { + background: #1e825e; } + header .mini-nav li .info-label-green:before { + background: #1e825e; } + header .mini-nav li .info-label-orange { + background: #b5799e; } + header .mini-nav li .info-label-orange:before { + background: #b5799e; } + + .input-left-top-margins { + margin-left: 0 !important; + margin-top: 4px !important; } + + .input-top-margin { + margin-top: 4px !important; } + + .input-bottom-margin { + margin-bottom: 4px !important; } + + .hidden-phone { + display: none; } + + #scrollUp { + display: none !important; } + + .dashboard-wrapper { + margin-left: 0; + min-height: 280px; + padding: 10px 5px; + background: #fafafa; } + .dashboard-wrapper .main-container { + margin-right: 0px; } + .dashboard-wrapper .main-container .widget .widget-header .tools { + display: none; } + .dashboard-wrapper .main-container .widget .widget-header .mini-title { + display: none; } + .dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart { + float: none; + width: 100%; } + .dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart .easyPieChart { + margin: auto; } + .dashboard-wrapper .main-container .widget .widget-body .metro-gallery .img-block { + height: 36px; } + .dashboard-wrapper .main-container .widget .widget-body .metro-gallery .img-block img { + height: 36px; } + .dashboard-wrapper .main-container .widget .widget-body .metro-gallery .img-block .img-title { + display: none; } + .dashboard-wrapper .main-container .widget .widget-body .metro-navigation .nav-block { + width: 49%; } + .dashboard-wrapper .main-container .widget .widget-body .metro-navigation .nav-block:hover { + outline: none; + opacity: 0.8; } + .dashboard-wrapper .main-container .widget .widget-body .metro-navigation .nav-block.double { + width: 49%; } + .dashboard-wrapper .main-container .widget .widget-body .fc-header-title h2 { + display: none; } + .dashboard-wrapper .main-container .widget .widget-body .fc-header-right { + display: none; } } +@media (min-width: 768px) and (max-width: 979px) { + .row { + margin-left: -20px; + *zoom: 1; } + .row:before { + display: table; + content: ""; + line-height: 0; } + .row:after { + display: table; + content: ""; + line-height: 0; + 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, .span12 { + width: 724px; } + + .span11 { + width: 662px; } + + .span10 { + width: 600px; } + + .span9 { + width: 538px; } + + .span8 { + width: 476px; } + + .span7 { + width: 414px; } + + .span6 { + width: 352px; } + + .span5 { + width: 290px; } + + .span4 { + width: 228px; } + + .span3 { + width: 166px; } + + .span2 { + width: 104px; } + + .span1 { + width: 42px; } + + .offset12 { + margin-left: 764px; } + + .offset11 { + margin-left: 702px; } + + .offset10 { + margin-left: 640px; } + + .offset9 { + margin-left: 578px; } + + .offset8 { + margin-left: 516px; } + + .offset7 { + margin-left: 454px; } + + .offset6 { + margin-left: 392px; } + + .offset5 { + margin-left: 330px; } + + .offset4 { + margin-left: 268px; } + + .offset3 { + margin-left: 206px; } + + .offset2 { + margin-left: 144px; } + + .offset1 { + margin-left: 82px; } + + .row-fluid { + width: 100%; + *zoom: 1; } + .row-fluid:before { + display: table; + content: ""; + line-height: 0; } + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + .row-fluid [class*="span"] { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin-left: 2.7624309392265194%; + *margin-left: 2.709239449864817%; } + .row-fluid [class*="span"]:first-child { + margin-left: 0; } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.7624309392265194%; } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; } + .row-fluid .span11 { + width: 91.43646408839778%; + *width: 91.38327259903608%; } + .row-fluid .span10 { + width: 82.87292817679558%; + *width: 82.81973668743387%; } + .row-fluid .span9 { + width: 74.30939226519337%; + *width: 74.25620077583166%; } + .row-fluid .span8 { + width: 65.74585635359117%; + *width: 65.69266486422946%; } + .row-fluid .span7 { + width: 57.18232044198895%; + *width: 57.12912895262725%; } + .row-fluid .span6 { + width: 48.61878453038674%; + *width: 48.56559304102504%; } + .row-fluid .span5 { + width: 40.05524861878453%; + *width: 40.00205712942283%; } + .row-fluid .span4 { + width: 31.491712707182323%; + *width: 31.43852121782062%; } + .row-fluid .span3 { + width: 22.92817679558011%; + *width: 22.87498530621841%; } + .row-fluid .span2 { + width: 14.3646408839779%; + *width: 14.311449394616199%; } + .row-fluid .span1 { + width: 5.801104972375691%; + *width: 5.747913483013988%; } + .row-fluid .offset12 { + margin-left: 105.52486187845304%; + *margin-left: 105.41847889972962%; } + .row-fluid .offset12:first-child { + margin-left: 102.76243093922652%; + *margin-left: 102.6560479605031%; } + .row-fluid .offset11 { + margin-left: 96.96132596685082%; + *margin-left: 96.8549429881274%; } + .row-fluid .offset11:first-child { + margin-left: 94.1988950276243%; + *margin-left: 94.09251204890089%; } + .row-fluid .offset10 { + margin-left: 88.39779005524862%; + *margin-left: 88.2914070765252%; } + .row-fluid .offset10:first-child { + margin-left: 85.6353591160221%; + *margin-left: 85.52897613729868%; } + .row-fluid .offset9 { + margin-left: 79.8342541436464%; + *margin-left: 79.72787116492299%; } + .row-fluid .offset9:first-child { + margin-left: 77.07182320441989%; + *margin-left: 76.96544022569647%; } + .row-fluid .offset8 { + margin-left: 71.2707182320442%; + *margin-left: 71.16433525332079%; } + .row-fluid .offset8:first-child { + margin-left: 68.50828729281768%; + *margin-left: 68.40190431409427%; } + .row-fluid .offset7 { + margin-left: 62.70718232044199%; + *margin-left: 62.600799341718584%; } + .row-fluid .offset7:first-child { + margin-left: 59.94475138121547%; + *margin-left: 59.838368402492065%; } + .row-fluid .offset6 { + margin-left: 54.14364640883978%; + *margin-left: 54.037263430116376%; } + .row-fluid .offset6:first-child { + margin-left: 51.38121546961326%; + *margin-left: 51.27483249088986%; } + .row-fluid .offset5 { + margin-left: 45.58011049723757%; + *margin-left: 45.47372751851417%; } + .row-fluid .offset5:first-child { + margin-left: 42.81767955801105%; + *margin-left: 42.71129657928765%; } + .row-fluid .offset4 { + margin-left: 37.01657458563536%; + *margin-left: 36.91019160691196%; } + .row-fluid .offset4:first-child { + margin-left: 34.25414364640884%; + *margin-left: 34.14776066768544%; } + .row-fluid .offset3 { + margin-left: 28.45303867403315%; + *margin-left: 28.346655695309746%; } + .row-fluid .offset3:first-child { + margin-left: 25.69060773480663%; + *margin-left: 25.584224756083227%; } + .row-fluid .offset2 { + margin-left: 19.88950276243094%; + *margin-left: 19.783119783707537%; } + .row-fluid .offset2:first-child { + margin-left: 17.12707182320442%; + *margin-left: 17.02068884448102%; } + .row-fluid .offset1 { + margin-left: 11.32596685082873%; + *margin-left: 11.219583872105325%; } + .row-fluid .offset1:first-child { + margin-left: 8.56353591160221%; + *margin-left: 8.457152932878806%; } + + input, textarea, .uneditable-input { + margin-left: 0; } + + .controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; } + + input.span12, textarea.span12, .uneditable-input.span12 { + width: 710px; } + + input.span11, textarea.span11, .uneditable-input.span11 { + width: 648px; } + + input.span10, textarea.span10, .uneditable-input.span10 { + width: 586px; } + + input.span9, textarea.span9, .uneditable-input.span9 { + width: 524px; } + + input.span8, textarea.span8, .uneditable-input.span8 { + width: 462px; } + + input.span7, textarea.span7, .uneditable-input.span7 { + width: 400px; } + + input.span6, textarea.span6, .uneditable-input.span6 { + width: 338px; } + + input.span5, textarea.span5, .uneditable-input.span5 { + width: 276px; } + + input.span4, textarea.span4, .uneditable-input.span4 { + width: 214px; } + + input.span3, textarea.span3, .uneditable-input.span3 { + width: 152px; } + + input.span2, textarea.span2, .uneditable-input.span2 { + width: 90px; } + + input.span1, textarea.span1, .uneditable-input.span1 { + width: 28px; } } +@media (min-width: 1200px) { + .row { + margin-left: -30px; + *zoom: 1; } + .row:before { + display: table; + content: ""; + line-height: 0; } + .row:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + + [class*="span"] { + float: left; + min-height: 1px; + margin-left: 30px; } + + .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span12 { + width: 1170px; } + + .span11 { + width: 1070px; } + + .span10 { + width: 970px; } + + .span9 { + width: 870px; } + + .span8 { + width: 770px; } + + .span7 { + width: 670px; } + + .span6 { + width: 570px; } + + .span5 { + width: 470px; } + + .span4 { + width: 370px; } + + .span3 { + width: 270px; } + + .span2 { + width: 170px; } + + .span1 { + width: 70px; } + + .offset12 { + margin-left: 1230px; } + + .offset11 { + margin-left: 1130px; } + + .offset10 { + margin-left: 1030px; } + + .offset9 { + margin-left: 930px; } + + .offset8 { + margin-left: 830px; } + + .offset7 { + margin-left: 730px; } + + .offset6 { + margin-left: 630px; } + + .offset5 { + margin-left: 530px; } + + .offset4 { + margin-left: 430px; } + + .offset3 { + margin-left: 330px; } + + .offset2 { + margin-left: 230px; } + + .offset1 { + margin-left: 130px; } + + .row-fluid { + width: 100%; + *zoom: 1; } + .row-fluid:before { + display: table; + content: ""; + line-height: 0; } + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + clear: both; } + .row-fluid [class*="span"] { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin-left: 2.564102564102564%; + *margin-left: 2.5109110747408616%; } + .row-fluid [class*="span"]:first-child { + margin-left: 0; } + .row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.564102564102564%; } + .row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; } + .row-fluid .span11 { + width: 91.45299145299145%; + *width: 91.39979996362975%; } + .row-fluid .span10 { + width: 82.90598290598291%; + *width: 82.8527914166212%; } + .row-fluid .span9 { + width: 74.35897435897436%; + *width: 74.30578286961266%; } + .row-fluid .span8 { + width: 65.81196581196582%; + *width: 65.75877432260411%; } + .row-fluid .span7 { + width: 57.26495726495726%; + *width: 57.21176577559556%; } + .row-fluid .span6 { + width: 48.717948717948715%; + *width: 48.664757228587014%; } + .row-fluid .span5 { + width: 40.17094017094017%; + *width: 40.11774868157847%; } + .row-fluid .span4 { + width: 31.623931623931625%; + *width: 31.570740134569924%; } + .row-fluid .span3 { + width: 23.076923076923077%; + *width: 23.023731587561375%; } + .row-fluid .span2 { + width: 14.52991452991453%; + *width: 14.476723040552828%; } + .row-fluid .span1 { + width: 5.982905982905983%; + *width: 5.929714493544281%; } + .row-fluid .offset12 { + margin-left: 105.12820512820512%; + *margin-left: 105.02182214948171%; } + .row-fluid .offset12:first-child { + margin-left: 102.56410256410257%; + *margin-left: 102.45771958537915%; } + .row-fluid .offset11 { + margin-left: 96.58119658119658%; + *margin-left: 96.47481360247316%; } + .row-fluid .offset11:first-child { + margin-left: 94.01709401709402%; + *margin-left: 93.91071103837061%; } + .row-fluid .offset10 { + margin-left: 88.03418803418803%; + *margin-left: 87.92780505546462%; } + .row-fluid .offset10:first-child { + margin-left: 85.47008547008548%; + *margin-left: 85.36370249136206%; } + .row-fluid .offset9 { + margin-left: 79.48717948717949%; + *margin-left: 79.38079650845607%; } + .row-fluid .offset9:first-child { + margin-left: 76.92307692307693%; + *margin-left: 76.81669394435352%; } + .row-fluid .offset8 { + margin-left: 70.94017094017094%; + *margin-left: 70.83378796144753%; } + .row-fluid .offset8:first-child { + margin-left: 68.37606837606839%; + *margin-left: 68.26968539734497%; } + .row-fluid .offset7 { + margin-left: 62.393162393162385%; + *margin-left: 62.28677941443899%; } + .row-fluid .offset7:first-child { + margin-left: 59.82905982905982%; + *margin-left: 59.72267685033642%; } + .row-fluid .offset6 { + margin-left: 53.84615384615384%; + *margin-left: 53.739770867430444%; } + .row-fluid .offset6:first-child { + margin-left: 51.28205128205128%; + *margin-left: 51.175668303327875%; } + .row-fluid .offset5 { + margin-left: 45.299145299145295%; + *margin-left: 45.1927623204219%; } + .row-fluid .offset5:first-child { + margin-left: 42.73504273504273%; + *margin-left: 42.62865975631933%; } + .row-fluid .offset4 { + margin-left: 36.75213675213675%; + *margin-left: 36.645753773413354%; } + .row-fluid .offset4:first-child { + margin-left: 34.18803418803419%; + *margin-left: 34.081651209310785%; } + .row-fluid .offset3 { + margin-left: 28.205128205128204%; + *margin-left: 28.0987452264048%; } + .row-fluid .offset3:first-child { + margin-left: 25.641025641025642%; + *margin-left: 25.53464266230224%; } + .row-fluid .offset2 { + margin-left: 19.65811965811966%; + *margin-left: 19.551736679396257%; } + .row-fluid .offset2:first-child { + margin-left: 17.094017094017094%; + *margin-left: 16.98763411529369%; } + .row-fluid .offset1 { + margin-left: 11.11111111111111%; + *margin-left: 11.004728132387708%; } + .row-fluid .offset1:first-child { + margin-left: 8.547008547008547%; + *margin-left: 8.440625568285142%; } + + input, textarea, .uneditable-input { + margin-left: 0; } + + .controls-row [class*="span"] + [class*="span"] { + margin-left: 30px; } + + input.span12, textarea.span12, .uneditable-input.span12 { + width: 1156px; } + + input.span11, textarea.span11, .uneditable-input.span11 { + width: 1056px; } + + input.span10, textarea.span10, .uneditable-input.span10 { + width: 956px; } + + input.span9, textarea.span9, .uneditable-input.span9 { + width: 856px; } + + input.span8, textarea.span8, .uneditable-input.span8 { + width: 756px; } + + input.span7, textarea.span7, .uneditable-input.span7 { + width: 656px; } + + input.span6, textarea.span6, .uneditable-input.span6 { + width: 556px; } + + input.span5, textarea.span5, .uneditable-input.span5 { + width: 456px; } + + input.span4, textarea.span4, .uneditable-input.span4 { + width: 356px; } + + input.span3, textarea.span3, .uneditable-input.span3 { + width: 256px; } + + input.span2, textarea.span2, .uneditable-input.span2 { + width: 156px; } + + input.span1, textarea.span1, .uneditable-input.span1 { + width: 56px; } + + .thumbnails { + margin-left: -30px; } + .thumbnails > li { + margin-left: 30px; } + + .row-fluid .thumbnails { + margin-left: 0; } } +@media (max-width: 979px) { + body { + padding-top: 0; } + + .navbar-fixed-top, .navbar-fixed-bottom { + position: static; } + + .navbar-fixed-top { + margin-bottom: 20px; } + + .navbar-fixed-bottom { + margin-top: 20px; } + + .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { + padding: 5px; } + + .navbar .container { + width: auto; + padding: 0; } + .navbar .brand { + padding-left: 10px; + padding-right: 10px; + margin: 0 0 0 -5px; } + + .nav-collapse { + clear: both; } + .nav-collapse .nav { + float: none; + margin: 0 0 10px; } + .nav-collapse .nav > li { + float: none; } + .nav-collapse .nav > li > a { + margin-bottom: 2px; } + .nav-collapse .nav > .divider-vertical { + display: none; } + .nav-collapse .nav .nav-header { + color: #707070; + text-shadow: none; } + .nav-collapse .nav > li > a { + padding: 9px 15px; + font-weight: bold; + color: #707070; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .nav-collapse .dropdown-menu a { + padding: 9px 15px; + font-weight: bold; + color: #707070; } + .nav-collapse .btn { + padding: 4px 10px 4px; + font-weight: normal; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + .nav-collapse .dropdown-menu li + li a { + margin-bottom: 2px; } + .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover { + background-color: #f7f7f7; } + + .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { + color: #999999; } + .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover { + background-color: #1a1a1a; } + + .nav-collapse.in .btn-group { + margin-top: 5px; + padding: 0; } + .nav-collapse .dropdown-menu { + position: static; + top: auto; + left: auto; + float: none; + display: none; + max-width: none; + margin: 0 15px; + padding: 0; + background-color: transparent; + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + .nav-collapse .open > .dropdown-menu { + display: block; } + .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after, .nav-collapse .dropdown-menu .divider { + display: none; } + .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { + display: none; } + .nav-collapse .navbar-form, .nav-collapse .navbar-search { + float: none; + padding: 10px 15px; + margin: 10px 0; + border-top: 1px solid #f7f7f7; + border-bottom: 1px solid #f7f7f7; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1); } + + .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { + border-top-color: #1a1a1a; + border-bottom-color: #1a1a1a; } + + .navbar .nav-collapse .nav.pull-right { + float: none; + margin-left: 0; } + + .nav-collapse { + overflow: hidden; + height: 0; } + .nav-collapse.collapse { + overflow: hidden; + height: 0; } + + .navbar .btn-navbar { + display: block; } + + .navbar-static .navbar-inner { + padding-left: 10px; + padding-right: 10px; } } +@media (min-width: 980px) { + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; } } diff --git a/app/assets/stylesheets/select2.css b/app/assets/stylesheets/select2.css new file mode 100644 index 0000000..1e9cb3d --- /dev/null +++ b/app/assets/stylesheets/select2.css @@ -0,0 +1,523 @@ +/* +Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012 +*/ +.select2-container { + position: relative; + display: inline-block; + /* inline-block for ie7 */ + zoom: 1; + *display: inline; + vertical-align: top; +} + +.select2-container, +.select2-drop, +.select2-search, +.select2-search input{ + /* + Force border-box so that % widths fit the parent + container without overlap because of margin/padding. + + More Info : http://www.quirksmode.org/css/box.html + */ + -moz-box-sizing: border-box; /* firefox */ + -ms-box-sizing: border-box; /* ie */ + -webkit-box-sizing: border-box; /* webkit */ + -khtml-box-sizing: border-box; /* konqueror */ + box-sizing: border-box; /* css3 */ +} + +.select2-container .select2-choice { + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); + background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%); + background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0); + background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #aaa; + display: block; + overflow: hidden; + white-space: nowrap; + position: relative; + height: 26px; + line-height: 26px; + padding: 0 0 0 8px; + color: #444; + text-decoration: none; +} + +.select2-container.select2-drop-above .select2-choice +{ + border-bottom-color: #aaa; + -webkit-border-radius:0px 0px 4px 4px; + -moz-border-radius:0px 0px 4px 4px; + border-radius:0px 0px 4px 4px; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); + background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); + background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); + background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%); +} + +.select2-container .select2-choice span { + margin-right: 26px; + display: block; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; +} + +.select2-container .select2-choice abbr { + display: block; + position: absolute; + right: 26px; + top: 8px; + width: 12px; + height: 12px; + font-size: 1px; + background: url('select2.png') right top no-repeat; + cursor: pointer; + text-decoration: none; + border:0; + outline: 0; +} +.select2-container .select2-choice abbr:hover { + background-position: right -11px; + cursor: pointer; +} + +.select2-drop { + background: #fff; + color: #000; + border: 1px solid #aaa; + border-top: 0; + position: absolute; + top: 100%; + -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + box-shadow: 0 4px 5px rgba(0, 0, 0, .15); + z-index: 9999; + width:100%; + margin-top:-1px; + + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.select2-drop.select2-drop-above { + -webkit-border-radius: 4px 4px 0px 0px; + -moz-border-radius: 4px 4px 0px 0px; + border-radius: 4px 4px 0px 0px; + margin-top:1px; + border-top: 1px solid #aaa; + border-bottom: 0; + + -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); + -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); + -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); + box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); +} + +.select2-container .select2-choice div { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + background: #ccc; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); + background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); + background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0); + background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); + border-left: 1px solid #aaa; + position: absolute; + right: 0; + top: 0; + display: block; + height: 100%; + width: 18px; +} + +.select2-container .select2-choice div b { + background: url('select2.png') no-repeat 0 1px; + display: block; + width: 100%; + height: 100%; +} + +.select2-search { + display: inline-block; + white-space: nowrap; + z-index: 10000; + min-height: 26px; + width: 100%; + margin: 0; + padding-left: 4px; + padding-right: 4px; +} + +.select2-search-hidden { + display: block; + position: absolute; + left: -10000px; +} + +.select2-search input { + background: #fff url('select2.png') no-repeat 100% -22px; + background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); + background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); + background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); + padding: 4px 20px 4px 5px; + outline: 0; + border: 1px solid #aaa; + font-family: sans-serif; + font-size: 1em; + width:100%; + margin:0; + height:auto !important; + min-height: 26px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} + +.select2-drop.select2-drop-above .select2-search input +{ + margin-top:4px; +} + +.select2-search input.select2-active { + background: #fff url('../img/loading.gif') no-repeat 100%; + background: url('../img/loading.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); + background: url('../img/loading.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('../img/loading.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); + background: url('../img/loading.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); + background: url('../img/loading.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); + background: url('../img/loading.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); +} + + +.select2-container-active .select2-choice, +.select2-container-active .select2-choices { + -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); + -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); + -o-box-shadow : 0 0 5px rgba(0,0,0,.3); + box-shadow : 0 0 5px rgba(0,0,0,.3); + border: 1px solid #5897fb; + outline: none; +} + +.select2-dropdown-open .select2-choice { + border: 1px solid #aaa; + border-bottom-color: transparent; + -webkit-box-shadow: 0 1px 0 #fff inset; + -moz-box-shadow : 0 1px 0 #fff inset; + -o-box-shadow : 0 1px 0 #fff inset; + box-shadow : 0 1px 0 #fff inset; + background-color: #eee; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); + background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); + background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); + background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); + background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); + background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); + -webkit-border-bottom-left-radius : 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomleft : 0; + -moz-border-radius-bottomright: 0; + border-bottom-left-radius : 0; + border-bottom-right-radius: 0; +} + +.select2-dropdown-open .select2-choice div { + background: transparent; + border-left: none; +} +.select2-dropdown-open .select2-choice div b { + background-position: -18px 1px; +} + +/* results */ +.select2-results { + margin: 4px 4px 4px 0; + padding: 0 0 0 4px; + position: relative; + overflow-x: hidden; + overflow-y: auto; + max-height: 200px; +} + +.select2-results ul.select2-result-sub { + margin: 0 0 0 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; +} + +.select2-results li.select2-result-with-children > .select2-result-label { + font-weight: bold; +} + +.select2-results .select2-result-label { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; +} + +.select2-results .select2-highlighted { + background: #3875d7; + color: #fff; +} +.select2-results li em { + background: #feffde; + font-style: normal; +} +.select2-results .select2-highlighted em { + background: transparent; +} +.select2-results .select2-no-results, +.select2-results .select2-searching, +.select2-results .select2-selection-limit { + background: #f4f4f4; + display: list-item; +} + +/* +disabled look for already selected 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-disabled { + display: none; +} + +.select2-more-results.select2-active { + background: #f4f4f4 url('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; +} + + +/* multiselect */ + +.select2-container-multi .select2-choices { + background-color: #fff; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); + background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); + border: 1px solid #aaa; + margin: 0; + padding: 0; + cursor: text; + overflow: hidden; + height: auto !important; + height: 1%; + position: relative; +} + +.select2-container-multi .select2-choices { + min-height: 26px; +} + +.select2-container-multi.select2-container-active .select2-choices { + -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); + -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); + -o-box-shadow : 0 0 5px rgba(0,0,0,.3); + box-shadow : 0 0 5px rgba(0,0,0,.3); + 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 { + white-space: nowrap; + margin: 0; + padding: 0; +} + +.select2-container-multi .select2-choices .select2-search-field input { + color: #666; + background: transparent !important; + font-family: sans-serif; + font-size: 100%; + height: 15px; + padding: 5px; + margin: 1px 0; + outline: 0; + border: 0; + -webkit-box-shadow: none; + -moz-box-shadow : none; + -o-box-shadow : none; + box-shadow : none; +} + +.select2-container-multi .select2-choices .select2-search-field input.select2-active { + background: #fff url('../img/loading.gif') no-repeat 100% !important; +} + +.select2-default { + color: #999 !important; +} + +.select2-container-multi .select2-choices .select2-search-choice { + -webkit-border-radius: 3px; + -moz-border-radius : 3px; + border-radius : 3px; + -moz-background-clip : padding; + -webkit-background-clip: padding-box; + background-clip : padding-box; + background-color: #e4e4e4; + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); + background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); + color: #333; + border: 1px solid #aaaaaa; + line-height: 13px; + padding: 3px 5px 3px 18px; + margin: 3px 0 3px 5px; + position: relative; + cursor: default; +} +.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; + position: absolute; + right: 3px; + top: 4px; + width: 12px; + height: 13px; + font-size: 1px; + background: url('../img/select2.png') right top no-repeat; + outline: none; +} + +.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 -11px; +} +.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { + background-position: right -11px; +} + +/* 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 { + background-image: none; + background-color: #f4f4f4; + border: 1px solid #ddd; + padding: 3px 5px 3px 5px; +} + +.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-result-selectable .select2-match { text-decoration: underline; } +.select2-result-unselectable .select2-match { text-decoration: none; } + +.select2-offscreen { position: absolute; left: -10000px; } + +/* Retina-ize icons */ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { + .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { + background-repeat: no-repeat !important; + background-size: 60px 40px !important; + } + .select2-search input { + background-position: 100% -21px !important; + } +} diff --git a/app/assets/stylesheets/style.scss b/app/assets/stylesheets/style.scss new file mode 100644 index 0000000..59d6823 --- /dev/null +++ b/app/assets/stylesheets/style.scss @@ -0,0 +1,4 @@ +body:before { + white-space: pre; + font-family: monospace; +} diff --git a/app/assets/stylesheets/timepicker.css b/app/assets/stylesheets/timepicker.css new file mode 100644 index 0000000..c96c402 --- /dev/null +++ b/app/assets/stylesheets/timepicker.css @@ -0,0 +1,84 @@ +.bootstrap-timepicker.dropdown-menu { + border-radius: 4px 4px 4px 4px; + display: none; + left: 0; + margin-top: 1px; + padding: 4px; + color: #fff; + top: 0; + min-width: 10px; + z-index: 99999; +} +.bootstrap-timepicker.dropdown-menu.open { + display: inline-block; +} +.bootstrap-timepicker.dropdown-menu:before { + border-bottom: 7px solid rgba(0, 0, 0, 0.2); + border-left: 7px solid transparent; + border-right: 7px solid transparent; + content: ""; + left: 6px; + position: absolute; + top: -7px; +} +.bootstrap-timepicker.dropdown-menu:after { + border-bottom: 6px solid #000; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + content: ""; + left: 7px; + position: absolute; + top: -6px; +} +.bootstrap-timepicker.modal { + margin-left: -100px; + margin-top: 0; + top: 30%; + width: 200px; + left: 50% !important; +} +.bootstrap-timepicker.modal .modal-content { + padding: 0; +} +.bootstrap-timepicker table { + margin: 0; + width: 100%; +} +.bootstrap-timepicker table td { + height: 30px; + margin: 0; + padding: 2px; + text-align: center; +} +.bootstrap-timepicker table td span { + width: 100%; +} +.bootstrap-timepicker table td a { + border: 1px solid transparent; + display: inline-block; + margin: 0; + outline: 0 none; + padding: 8px 0; + width: 3em; +} +.bootstrap-timepicker table td a:hover { + background-color: #EEEEEE; + border-color: #DDDDDD; + border-radius: 4px 4px 4px 4px; +} +.bootstrap-timepicker table td a i { + margin-top: 2px; +} +.bootstrap-timepicker table td input { + margin: 0; + text-align: center; + width: 25px; +} +.bootstrap-timepicker-component .add-on { + cursor: pointer; +} +.bootstrap-timepicker-component .add-on i { + display: block; + height: 16px; + width: 16px; +} diff --git a/app/controllers/sessions_controller.rb b/app/controllers/sessions_controller.rb new file mode 100644 index 0000000..8b04482 --- /dev/null +++ b/app/controllers/sessions_controller.rb @@ -0,0 +1,6 @@ +class SessionsController < ApplicationController + + def new + end + +end diff --git a/app/helpers/sessions_helper.rb b/app/helpers/sessions_helper.rb new file mode 100644 index 0000000..309f8b2 --- /dev/null +++ b/app/helpers/sessions_helper.rb @@ -0,0 +1,2 @@ +module SessionsHelper +end diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index e749804..4da1cad 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -5,9 +5,16 @@ <%= stylesheet_link_tag "application", :media => "all" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> + + + - +<%= render "layouts/shared/header" %> +<%= render "layouts/shared/sidebar" %> <%= yield %> diff --git a/app/views/layouts/shared/_header.html.erb b/app/views/layouts/shared/_header.html.erb new file mode 100644 index 0000000..7cb2e86 --- /dev/null +++ b/app/views/layouts/shared/_header.html.erb @@ -0,0 +1,54 @@ +
+ +
+ + profile + + + +
+ +
\ No newline at end of file diff --git a/app/views/layouts/shared/_sidebar.html.erb b/app/views/layouts/shared/_sidebar.html.erb new file mode 100644 index 0000000..dd8afcd --- /dev/null +++ b/app/views/layouts/shared/_sidebar.html.erb @@ -0,0 +1,98 @@ +
+ diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb new file mode 100644 index 0000000..e69de29 diff --git a/config/routes.rb b/config/routes.rb index 02a2803..1a0d226 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -1,58 +1,11 @@ Railsgoat::Application.routes.draw do - # The priority is based upon order of creation: - # first created -> highest priority. - # Sample of regular route: - # match 'products/:id' => 'catalog#view' - # Keep in mind you can assign values other than :controller and :action +get "login" => "sessions/new" - # Sample of named route: - # match 'products/:id/purchase' => 'catalog#purchase', :as => :purchase - # This route can be invoked with purchase_url(:id => product.id) +resources :sessions do + +end + +root :to => "sessions#new" - # Sample resource route (maps HTTP verbs to controller actions automatically): - # resources :products - - # Sample resource route with options: - # resources :products do - # member do - # get 'short' - # post 'toggle' - # end - # - # collection do - # get 'sold' - # end - # end - - # Sample resource route with sub-resources: - # resources :products do - # resources :comments, :sales - # resource :seller - # end - - # Sample resource route with more complex sub-resources - # resources :products do - # resources :comments - # resources :sales do - # get 'recent', :on => :collection - # end - # end - - # Sample resource route within a namespace: - # namespace :admin do - # # Directs /admin/products/* to Admin::ProductsController - # # (app/controllers/admin/products_controller.rb) - # resources :products - # end - - # You can have the root of your site routed with "root" - # just remember to delete public/index.html. - # root :to => 'welcome#index' - - # See how all your routes lay out with "rake routes" - - # This is a legacy wild controller route that's not recommended for RESTful applications. - # Note: This route will make all actions in every controller accessible via GET requests. - # match ':controller(/:action(/:id))(.:format)' end diff --git a/test/functional/sessions_controller_test.rb b/test/functional/sessions_controller_test.rb new file mode 100644 index 0000000..d30ebc3 --- /dev/null +++ b/test/functional/sessions_controller_test.rb @@ -0,0 +1,7 @@ +require 'test_helper' + +class SessionsControllerTest < ActionController::TestCase + # test "the truth" do + # assert true + # end +end diff --git a/test/unit/helpers/sessions_helper_test.rb b/test/unit/helpers/sessions_helper_test.rb new file mode 100644 index 0000000..7d44e09 --- /dev/null +++ b/test/unit/helpers/sessions_helper_test.rb @@ -0,0 +1,4 @@ +require 'test_helper' + +class SessionsHelperTest < ActionView::TestCase +end