mirror of
https://github.com/BeamMP/BeamMP-Website.git
synced 2026-02-16 10:40:51 +00:00
2603 lines
77 KiB
CSS
2603 lines
77 KiB
CSS
/*! Select2 Bootstrap Theme v0.1.0-beta.7 | MIT License | github.com/select2/select2-bootstrap-theme */
|
|
.select2-container.select2-container--bootstrap {
|
|
display: block;
|
|
/*------------------------------------* #COMMON STYLES
|
|
\*------------------------------------*/
|
|
/**
|
|
* Search field in the Select2 dropdown.
|
|
*/
|
|
/**
|
|
* No outline for all search fields - in the dropdown
|
|
* and inline in multi Select2s.
|
|
*/
|
|
/**
|
|
* Adjust Select2's choices hover and selected styles to match
|
|
* Bootstrap 3's default dropdown styles.
|
|
*
|
|
* @see http://getbootstrap.com/components/#dropdowns
|
|
*/
|
|
/**
|
|
* Clear the selection.
|
|
*/
|
|
/**
|
|
* Address disabled Select2 styles.
|
|
*
|
|
* @see https://select2.github.io/examples.html#disabled
|
|
* @see http://getbootstrap.com/css/#forms-control-disabled
|
|
*/
|
|
/*------------------------------------* #DROPDOWN
|
|
\*------------------------------------*/
|
|
/**
|
|
* Dropdown border color and box-shadow.
|
|
*/
|
|
/**
|
|
* Limit the dropdown height.
|
|
*/
|
|
/*------------------------------------* #SINGLE SELECT2
|
|
\*------------------------------------*/
|
|
/*------------------------------------* #MULTIPLE SELECT2
|
|
\*------------------------------------*/
|
|
/**
|
|
* Address Bootstrap control sizing classes
|
|
*
|
|
* 1. Reset Bootstrap defaults.
|
|
* 2. Adjust the dropdown arrow button icon position.
|
|
*
|
|
* @see http://getbootstrap.com/css/#forms-control-sizes
|
|
*/
|
|
/* 1 */
|
|
/*------------------------------------* #RTL SUPPORT
|
|
\*------------------------------------*/ }
|
|
.select2-container.select2-container--bootstrap .select2-selection {
|
|
box-shadow: none;
|
|
background-color: #353535;
|
|
border: 1px solid #404040;
|
|
border-radius: 2px;
|
|
color: white;
|
|
font-family: -apple-system, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
|
|
font-size: 13px;
|
|
outline: 0; }
|
|
.select2-container.select2-container--bootstrap .select2-selection.form-control {
|
|
border-radius: 2px; }
|
|
.select2-container.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
|
|
box-shadow: none;
|
|
background-color: #353535;
|
|
border: 1px solid #404040;
|
|
border-radius: 2px;
|
|
color: white;
|
|
font-family: -apple-system, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
|
|
font-size: 13px; }
|
|
.select2-container.select2-container--bootstrap .select2-search__field {
|
|
outline: 0;
|
|
/* Firefox 18- */
|
|
/**
|
|
* Firefox 19+
|
|
*
|
|
* @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
|
|
*/ }
|
|
.select2-container.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
|
|
color: #5C5C5C; }
|
|
.select2-container.select2-container--bootstrap .select2-search__field:-moz-placeholder {
|
|
color: #5C5C5C; }
|
|
.select2-container.select2-container--bootstrap .select2-search__field::-moz-placeholder {
|
|
color: #5C5C5C;
|
|
opacity: 1; }
|
|
.select2-container.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
|
|
color: #5C5C5C; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option {
|
|
/**
|
|
* Disabled results.
|
|
*
|
|
* @see https://select2.github.io/examples.html#disabled-results
|
|
*/
|
|
/**
|
|
* Hover state.
|
|
*/
|
|
/**
|
|
* Selected state.
|
|
*/ }
|
|
.select2-container.select2-container--bootstrap .select2-results__option[role=group] {
|
|
padding: 0; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
|
|
color: #444444;
|
|
cursor: not-allowed; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option[aria-selected=true] {
|
|
background-color: #2c97de;
|
|
color: white; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
|
|
background-color: #2c97de;
|
|
color: #fff; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option .select2-results__option {
|
|
padding: 6px 12px; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
|
|
padding-left: 0; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -12px;
|
|
padding-left: 24px; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -24px;
|
|
padding-left: 36px; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -36px;
|
|
padding-left: 48px; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -48px;
|
|
padding-left: 60px; }
|
|
.select2-container.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -60px;
|
|
padding-left: 72px; }
|
|
.select2-container.select2-container--bootstrap .select2-results__group {
|
|
color: #444444;
|
|
text-transform: uppercase;
|
|
display: block;
|
|
padding: 6px 12px;
|
|
font-size: 10px;
|
|
line-height: 1.52857;
|
|
white-space: nowrap; }
|
|
.select2-container.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container.select2-container--bootstrap.select2-container--open .select2-selection {
|
|
box-shadow: none;
|
|
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
border-color: #2c97de; }
|
|
.select2-container.select2-container--bootstrap.select2-container--open {
|
|
/**
|
|
* Make the dropdown arrow point up while the dropdown is visible.
|
|
*/
|
|
/**
|
|
* Handle border radii of the container when the dropdown is showing.
|
|
*/ }
|
|
.select2-container.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
|
|
border-color: transparent transparent #5C5C5C transparent;
|
|
border-width: 0 4px 4px 4px; }
|
|
.select2-container.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-color: transparent; }
|
|
.select2-container.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0;
|
|
border-top-color: transparent; }
|
|
.select2-container.select2-container--bootstrap .select2-selection__clear {
|
|
color: #5C5C5C;
|
|
cursor: pointer;
|
|
float: right;
|
|
font-weight: bold;
|
|
margin-right: 10px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection__clear:hover {
|
|
color: #333; }
|
|
.select2-container.select2-container--bootstrap.select2-container--disabled .select2-selection {
|
|
border-color: #404040;
|
|
box-shadow: none; }
|
|
.select2-container.select2-container--bootstrap.select2-container--disabled .select2-selection,
|
|
.select2-container.select2-container--bootstrap.select2-container--disabled .select2-search__field {
|
|
cursor: not-allowed; }
|
|
.select2-container.select2-container--bootstrap.select2-container--disabled .select2-selection,
|
|
.select2-container.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
|
|
background-color: transparent; }
|
|
.select2-container.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
|
|
.select2-container.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
|
|
display: none; }
|
|
.select2-container.select2-container--bootstrap .select2-dropdown {
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
border-color: #2c97de;
|
|
overflow-x: hidden;
|
|
background: #1A1A1A;
|
|
margin-top: -1px; }
|
|
.select2-container.select2-container--bootstrap .select2-dropdown--above {
|
|
margin-top: 1px; }
|
|
.select2-container.select2-container--bootstrap .select2-results > .select2-results__options {
|
|
max-height: 200px;
|
|
overflow-y: auto; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single {
|
|
height: 33px;
|
|
line-height: 1.52857;
|
|
padding: 6px 24px 6px 12px;
|
|
/**
|
|
* Adjust the single Select2's dropdown arrow button appearance.
|
|
*/ }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 12px;
|
|
top: 0;
|
|
width: 4px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
|
|
border-color: #5C5C5C transparent transparent transparent;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0 4px;
|
|
height: 0;
|
|
left: 0;
|
|
margin-left: -4px;
|
|
margin-top: -2px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 0; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
|
|
color: white;
|
|
padding: 0; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
|
|
color: #5C5C5C; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple {
|
|
min-height: 33px;
|
|
padding: 0;
|
|
height: auto;
|
|
/**
|
|
* Make Multi Select2's choices match Bootstrap 3's default button styles.
|
|
*/
|
|
/**
|
|
* Minus 2px borders.
|
|
*/
|
|
/**
|
|
* Clear the selection.
|
|
*/ }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
line-height: 1.52857;
|
|
list-style: none;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
width: 100%;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
|
|
color: #5C5C5C;
|
|
float: left;
|
|
margin-top: 5px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
|
|
color: white;
|
|
background: #212121;
|
|
border: 1px solid #404040;
|
|
border-radius: 4px;
|
|
cursor: default;
|
|
float: left;
|
|
margin: 5px 0 0 6px;
|
|
padding: 0 6px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
|
|
background: transparent;
|
|
padding: 0 12px;
|
|
height: 31px;
|
|
line-height: 1.52857;
|
|
margin-top: 0;
|
|
min-width: 5em; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
|
|
color: #999;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin-right: 3px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
|
|
color: #333; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
|
|
margin-top: 6px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single.input-sm,
|
|
.input-group-sm .select2-container.select2-container--bootstrap .select2-selection--single,
|
|
.form-group-sm .select2-container.select2-container--bootstrap .select2-selection--single {
|
|
border-radius: 1px;
|
|
font-size: 10px;
|
|
height: 27px;
|
|
line-height: 1.5;
|
|
padding: 5px 22px 5px 10px;
|
|
/* 2 */ }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
|
|
.input-group-sm .select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
|
|
.form-group-sm .select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
|
|
margin-left: -5px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-sm,
|
|
.input-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple,
|
|
.form-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple {
|
|
min-height: 27px;
|
|
border-radius: 1px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
|
|
.input-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
|
|
.form-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
|
|
font-size: 10px;
|
|
line-height: 1.5;
|
|
margin: 4px 0 0 5px;
|
|
padding: 0 5px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
|
|
.input-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
|
|
.form-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
|
|
padding: 0 10px;
|
|
font-size: 10px;
|
|
height: 25px;
|
|
line-height: 1.5; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
|
|
.input-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
|
|
.form-group-sm .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
|
|
margin-top: 5px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single.input-lg,
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection--single,
|
|
.form-group-lg .select2-container.select2-container--bootstrap .select2-selection--single {
|
|
border-radius: 4px;
|
|
font-size: 14px;
|
|
height: 41px;
|
|
line-height: 1.33333;
|
|
padding: 10px 31px 10px 16px;
|
|
/* 1 */ }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
|
|
.form-group-lg .select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
|
|
width: 5px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
|
|
.form-group-lg .select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
|
|
border-width: 5px 5px 0 5px;
|
|
margin-left: -5px;
|
|
margin-left: -10px;
|
|
margin-top: -2.5px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-lg,
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple,
|
|
.form-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple {
|
|
min-height: 41px;
|
|
border-radius: 4px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
|
|
.form-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
|
|
font-size: 14px;
|
|
line-height: 1.33333;
|
|
border-radius: 4px;
|
|
margin: 9px 0 0 8px;
|
|
padding: 0 10px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
|
|
.form-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
|
|
padding: 0 16px;
|
|
font-size: 14px;
|
|
height: 39px;
|
|
line-height: 1.33333; }
|
|
.select2-container.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
|
|
.form-group-lg .select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
|
|
margin-top: 10px; }
|
|
.select2-container.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
|
|
/**
|
|
* Make the dropdown arrow point up while the dropdown is visible.
|
|
*/ }
|
|
.select2-container.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
|
border-color: transparent transparent #5C5C5C transparent;
|
|
border-width: 0 5px 5px 5px; }
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
|
|
/**
|
|
* Make the dropdown arrow point up while the dropdown is visible.
|
|
*/ }
|
|
.input-group-lg .select2-container.select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
|
border-color: transparent transparent #5C5C5C transparent;
|
|
border-width: 0 5px 5px 5px; }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] {
|
|
/**
|
|
* Single Select2
|
|
*
|
|
* 1. Makes sure that .select2-selection__placeholder is positioned
|
|
* correctly.
|
|
*/
|
|
/**
|
|
* Multiple Select2
|
|
*/ }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
|
|
padding-left: 24px;
|
|
padding-right: 12px; }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
text-align: right;
|
|
/* 1 */ }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
|
float: left; }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
|
left: 12px;
|
|
right: auto; }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
|
|
margin-left: 0; }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
|
|
float: right; }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
|
margin-left: 0;
|
|
margin-right: 6px; }
|
|
.select2-container.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
|
margin-left: 2px;
|
|
margin-right: auto; }
|
|
|
|
/*------------------------------------* #ADDITIONAL GOODIES
|
|
\*------------------------------------*/
|
|
/**
|
|
* Address Bootstrap's validation states
|
|
*
|
|
* If a Select2 widget parent has one of Bootstrap's validation state modifier
|
|
* classes, adjust Select2's border colors and focus states accordingly.
|
|
* You may apply said classes to the Select2 dropdown (body > .select2-container)
|
|
* via JavaScript match Bootstraps' to make its styles match.
|
|
*
|
|
* @see http://getbootstrap.com/css/#forms-control-validation
|
|
*/
|
|
.has-warning .select2-dropdown,
|
|
.has-warning .select2-selection {
|
|
border-color: #e76d3b; }
|
|
|
|
.has-warning .select2-container--focus .select2-selection,
|
|
.has-warning .select2-container--open .select2-selection {
|
|
box-shadow: none;
|
|
border-color: #d5501a; }
|
|
|
|
.has-warning.select2-drop-active {
|
|
border-color: #d5501a; }
|
|
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
|
|
border-top-color: #d5501a; }
|
|
|
|
.has-error .select2-dropdown,
|
|
.has-error .select2-selection {
|
|
border-color: #cc3e4a; }
|
|
|
|
.has-error .select2-container--focus .select2-selection,
|
|
.has-error .select2-container--open .select2-selection {
|
|
box-shadow: none;
|
|
border-color: #aa2d38; }
|
|
|
|
.has-error.select2-drop-active {
|
|
border-color: #aa2d38; }
|
|
.has-error.select2-drop-active.select2-drop.select2-drop-above {
|
|
border-top-color: #aa2d38; }
|
|
|
|
.has-success .select2-dropdown,
|
|
.has-success .select2-selection {
|
|
border-color: #84b547; }
|
|
|
|
.has-success .select2-container--focus .select2-selection,
|
|
.has-success .select2-container--open .select2-selection {
|
|
box-shadow: none;
|
|
border-color: #699039; }
|
|
|
|
.has-success.select2-drop-active {
|
|
border-color: #699039; }
|
|
.has-success.select2-drop-active.select2-drop.select2-drop-above {
|
|
border-top-color: #699039; }
|
|
|
|
/**
|
|
* Select2 widgets in Bootstrap Input Groups
|
|
*
|
|
* When Select2 widgets are combined with other elements using Bootstraps
|
|
* "Input Group" component, we don't want specific edges of the Select2
|
|
* container to have a border-radius.
|
|
*
|
|
* Use .select2-bootstrap-prepend and .select2-bootstrap-append on
|
|
* a Bootstrap 3 .input-group to let the contained Select2 widget know which
|
|
* edges should not be rounded as they are directly followed by another element.
|
|
*
|
|
* @see http://getbootstrap.com/components/#input-groups
|
|
*/
|
|
/**
|
|
* Mimick Bootstraps .input-group .form-control styles.
|
|
*
|
|
* @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
|
|
*/
|
|
.input-group .select2-container--bootstrap {
|
|
display: table;
|
|
table-layout: fixed;
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
/**
|
|
* Adjust z-index like Bootstrap does to show the focus-box-shadow
|
|
* above appended buttons in .input-group and .form-group.
|
|
*/ }
|
|
.input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus {
|
|
z-index: 3; }
|
|
|
|
.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0; }
|
|
|
|
.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0; }
|
|
|
|
/**
|
|
* Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
|
|
* Multi Select2's height which - depending on how many elements have been selected -
|
|
* may grow taller than its initial size.
|
|
*
|
|
* @see http://getbootstrap.com/components/#input-groups
|
|
*/
|
|
.select2-bootstrap-append .select2-container--bootstrap,
|
|
.select2-bootstrap-append .input-group-btn,
|
|
.select2-bootstrap-append .input-group-btn .btn,
|
|
.select2-bootstrap-prepend .select2-container--bootstrap,
|
|
.select2-bootstrap-prepend .input-group-btn,
|
|
.select2-bootstrap-prepend .input-group-btn .btn {
|
|
vertical-align: top; }
|
|
|
|
/**
|
|
* Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
|
|
*
|
|
* Provides `!important` for certain properties of the class applied to the
|
|
* original `<select>` element to hide it.
|
|
*
|
|
* @see https://github.com/select2/select2/pull/3301
|
|
* @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
|
|
*/
|
|
.form-control.select2-hidden-accessible {
|
|
position: absolute !important;
|
|
width: 1px !important; }
|
|
|
|
/**
|
|
* Display override for inline forms
|
|
*/
|
|
.form-inline .select2-container--bootstrap {
|
|
display: inline-block; }
|
|
|
|
.ct-label {
|
|
fill: white;
|
|
color: white;
|
|
font-size: 10px;
|
|
line-height: 1; }
|
|
|
|
.ct-chart-line .ct-label,
|
|
.ct-chart-bar .ct-label {
|
|
display: block;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex; }
|
|
|
|
.ct-label.ct-horizontal.ct-start {
|
|
-webkit-box-align: flex-end;
|
|
-ms-flex-align: flex-end;
|
|
align-items: flex-end;
|
|
-webkit-box-pack: flex-start;
|
|
-ms-flex-pack: flex-start;
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
text-anchor: start; }
|
|
|
|
.ct-label.ct-horizontal.ct-end {
|
|
-webkit-box-align: flex-start;
|
|
-ms-flex-align: flex-start;
|
|
align-items: flex-start;
|
|
-webkit-box-pack: flex-start;
|
|
-ms-flex-pack: flex-start;
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
text-anchor: start; }
|
|
|
|
.ct-label.ct-vertical.ct-start {
|
|
-webkit-box-align: flex-end;
|
|
-ms-flex-align: flex-end;
|
|
align-items: flex-end;
|
|
-webkit-box-pack: flex-end;
|
|
-ms-flex-pack: flex-end;
|
|
justify-content: flex-end;
|
|
text-align: right;
|
|
text-anchor: end; }
|
|
|
|
.ct-label.ct-vertical.ct-end {
|
|
-webkit-box-align: flex-end;
|
|
-ms-flex-align: flex-end;
|
|
align-items: flex-end;
|
|
-webkit-box-pack: flex-start;
|
|
-ms-flex-pack: flex-start;
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
text-anchor: start; }
|
|
|
|
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
|
|
-webkit-box-align: flex-end;
|
|
-ms-flex-align: flex-end;
|
|
align-items: flex-end;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
text-anchor: start; }
|
|
|
|
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
|
|
-webkit-box-align: flex-start;
|
|
-ms-flex-align: flex-start;
|
|
align-items: flex-start;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
text-anchor: start; }
|
|
|
|
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
|
|
-webkit-box-align: flex-end;
|
|
-ms-flex-align: flex-end;
|
|
align-items: flex-end;
|
|
-webkit-box-pack: flex-start;
|
|
-ms-flex-pack: flex-start;
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
text-anchor: start; }
|
|
|
|
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
|
|
-webkit-box-align: flex-start;
|
|
-ms-flex-align: flex-start;
|
|
align-items: flex-start;
|
|
-webkit-box-pack: flex-start;
|
|
-ms-flex-pack: flex-start;
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
text-anchor: start; }
|
|
|
|
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: flex-end;
|
|
-ms-flex-pack: flex-end;
|
|
justify-content: flex-end;
|
|
text-align: right;
|
|
text-anchor: end; }
|
|
|
|
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: flex-start;
|
|
-ms-flex-pack: flex-start;
|
|
justify-content: flex-start;
|
|
text-align: left;
|
|
text-anchor: end; }
|
|
|
|
.ct-grid {
|
|
stroke: rgba(255, 255, 255, 0.1);
|
|
stroke-width: 1px;
|
|
stroke-dasharray: 2px; }
|
|
|
|
.ct-point {
|
|
stroke-width: 10px;
|
|
stroke-linecap: round; }
|
|
|
|
.ct-line {
|
|
fill: none;
|
|
stroke-width: 4px; }
|
|
|
|
.ct-area {
|
|
stroke: none;
|
|
fill-opacity: 0.1; }
|
|
|
|
.ct-bar {
|
|
fill: none;
|
|
stroke-width: 10px; }
|
|
|
|
.ct-slice-donut {
|
|
fill: none;
|
|
stroke-width: 60px; }
|
|
|
|
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
|
|
stroke: #1F7BC0; }
|
|
|
|
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
|
|
fill: #1F7BC0; }
|
|
|
|
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
|
|
stroke: #70D0DF; }
|
|
|
|
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
|
|
fill: #70D0DF; }
|
|
|
|
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
|
|
stroke: #B9DBAD; }
|
|
|
|
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
|
|
fill: #B9DBAD; }
|
|
|
|
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
|
|
stroke: #84B474; }
|
|
|
|
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
|
|
fill: #84B474; }
|
|
|
|
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
|
|
stroke: #35BDA8; }
|
|
|
|
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
|
|
fill: #35BDA8; }
|
|
|
|
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
|
|
stroke: #E66C40; }
|
|
|
|
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
|
|
fill: #E66C40; }
|
|
|
|
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
|
|
stroke: #CB3E4B; }
|
|
|
|
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
|
|
fill: #CB3E4B; }
|
|
|
|
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
|
|
stroke: #6b0392; }
|
|
|
|
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
|
|
fill: #6b0392; }
|
|
|
|
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
|
|
stroke: #f05b4f; }
|
|
|
|
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
|
|
fill: #f05b4f; }
|
|
|
|
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
|
|
stroke: #dda458; }
|
|
|
|
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
|
|
fill: #dda458; }
|
|
|
|
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
|
|
stroke: #eacf7d; }
|
|
|
|
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
|
|
fill: #eacf7d; }
|
|
|
|
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
|
|
stroke: #86797d; }
|
|
|
|
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
|
|
fill: #86797d; }
|
|
|
|
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
|
|
stroke: #b2c326; }
|
|
|
|
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
|
|
fill: #b2c326; }
|
|
|
|
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
|
|
stroke: #6188e2; }
|
|
|
|
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
|
|
fill: #6188e2; }
|
|
|
|
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
|
|
stroke: #a748ca; }
|
|
|
|
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
|
|
fill: #a748ca; }
|
|
|
|
.ct-square {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-square:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 100%; }
|
|
.ct-square:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-square > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-minor-second {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-minor-second:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 93.75%; }
|
|
.ct-minor-second:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-minor-second > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-major-second {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-major-second:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 88.88889%; }
|
|
.ct-major-second:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-major-second > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-minor-third {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-minor-third:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 83.33333%; }
|
|
.ct-minor-third:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-minor-third > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-major-third {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-major-third:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 80%; }
|
|
.ct-major-third:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-major-third > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-perfect-fourth {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-perfect-fourth:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 75%; }
|
|
.ct-perfect-fourth:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-perfect-fourth > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-perfect-fifth {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-perfect-fifth:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 66.66667%; }
|
|
.ct-perfect-fifth:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-perfect-fifth > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-minor-sixth {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-minor-sixth:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 62.5%; }
|
|
.ct-minor-sixth:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-minor-sixth > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-golden-section {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-golden-section:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 61.8047%; }
|
|
.ct-golden-section:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-golden-section > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-major-sixth {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-major-sixth:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 60%; }
|
|
.ct-major-sixth:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-major-sixth > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-minor-seventh {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-minor-seventh:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 56.25%; }
|
|
.ct-minor-seventh:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-minor-seventh > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-major-seventh {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-major-seventh:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 53.33333%; }
|
|
.ct-major-seventh:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-major-seventh > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-octave {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-octave:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 50%; }
|
|
.ct-octave:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-octave > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-major-tenth {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-major-tenth:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 40%; }
|
|
.ct-major-tenth:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-major-tenth > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-major-eleventh {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-major-eleventh:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 37.5%; }
|
|
.ct-major-eleventh:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-major-eleventh > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-major-twelfth {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-major-twelfth:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 33.33333%; }
|
|
.ct-major-twelfth:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-major-twelfth > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.ct-double-octave {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%; }
|
|
.ct-double-octave:before {
|
|
display: block;
|
|
float: left;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
padding-bottom: 25%; }
|
|
.ct-double-octave:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.ct-double-octave > svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
.daterangepicker {
|
|
position: absolute;
|
|
color: inherit;
|
|
background: #2D2D2D;
|
|
border-radius: 4px;
|
|
width: 278px;
|
|
padding: 4px;
|
|
margin-top: 1px;
|
|
top: 100px;
|
|
left: 20px;
|
|
/* Calendars */ }
|
|
.daterangepicker:before, .daterangepicker:after {
|
|
position: absolute;
|
|
display: inline-block;
|
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
content: ''; }
|
|
.daterangepicker:before {
|
|
top: -7px;
|
|
border-right: 7px solid transparent;
|
|
border-left: 7px solid transparent;
|
|
border-bottom: 7px solid #262626; }
|
|
.daterangepicker:after {
|
|
top: -6px;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #2D2D2D;
|
|
border-left: 6px solid transparent; }
|
|
.daterangepicker.opensleft:before {
|
|
right: 9px; }
|
|
.daterangepicker.opensleft:after {
|
|
right: 10px; }
|
|
.daterangepicker.openscenter:before {
|
|
left: 0;
|
|
right: 0;
|
|
width: 0;
|
|
margin-left: auto;
|
|
margin-right: auto; }
|
|
.daterangepicker.openscenter:after {
|
|
left: 0;
|
|
right: 0;
|
|
width: 0;
|
|
margin-left: auto;
|
|
margin-right: auto; }
|
|
.daterangepicker.opensright:before {
|
|
left: 9px; }
|
|
.daterangepicker.opensright:after {
|
|
left: 10px; }
|
|
.daterangepicker.dropup {
|
|
margin-top: -5px; }
|
|
.daterangepicker.dropup:before {
|
|
top: initial;
|
|
bottom: -7px;
|
|
border-bottom: initial;
|
|
border-top: 7px solid #ccc; }
|
|
.daterangepicker.dropup:after {
|
|
top: initial;
|
|
bottom: -6px;
|
|
border-bottom: initial;
|
|
border-top: 6px solid #2D2D2D; }
|
|
.daterangepicker.dropdown-menu {
|
|
max-width: none;
|
|
z-index: 3001; }
|
|
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
|
|
float: none; }
|
|
.daterangepicker.show-calendar .calendar {
|
|
display: block; }
|
|
.daterangepicker .calendar {
|
|
display: none;
|
|
max-width: 270px;
|
|
margin: 4px; }
|
|
.daterangepicker .calendar.single .calendar-table {
|
|
border: none; }
|
|
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
min-width: 32px; }
|
|
.daterangepicker .calendar-table {
|
|
border: 1px solid #2D2D2D;
|
|
padding: 4px;
|
|
border-radius: 4px;
|
|
background: #2D2D2D; }
|
|
.daterangepicker table {
|
|
width: 100%;
|
|
margin: 0; }
|
|
.daterangepicker td, .daterangepicker th {
|
|
text-align: center;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 4px;
|
|
border: 1px solid transparent;
|
|
white-space: nowrap;
|
|
cursor: pointer; }
|
|
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
|
background: #383838; }
|
|
.daterangepicker td.week, .daterangepicker th.week {
|
|
font-size: 80%;
|
|
color: #ccc; }
|
|
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
color: #444444; }
|
|
.daterangepicker td.in-range {
|
|
background-color: #444444;
|
|
border-color: transparent;
|
|
color: white;
|
|
border-radius: 0; }
|
|
.daterangepicker td.start-date {
|
|
border-radius: 4px 0 0 4px; }
|
|
.daterangepicker td.end-date {
|
|
border-radius: 0 4px 4px 0; }
|
|
.daterangepicker td.start-date.end-date {
|
|
border-radius: 4px; }
|
|
.daterangepicker td.active, .daterangepicker td.active:hover {
|
|
background-color: #2c97de;
|
|
border-color: transparent;
|
|
color: #fff; }
|
|
.daterangepicker th.month {
|
|
width: auto; }
|
|
.daterangepicker td.disabled, .daterangepicker option.disabled {
|
|
color: #999;
|
|
cursor: not-allowed;
|
|
text-decoration: line-through; }
|
|
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
|
font-size: 12px;
|
|
padding: 1px;
|
|
height: auto;
|
|
margin: 0;
|
|
cursor: default; }
|
|
.daterangepicker select.monthselect {
|
|
margin-right: 2%;
|
|
width: 56%; }
|
|
.daterangepicker select.yearselect {
|
|
width: 40%; }
|
|
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
|
|
width: 50px;
|
|
margin-bottom: 0; }
|
|
.daterangepicker .input-mini {
|
|
border: #404040 solid #ccc;
|
|
border-radius: 2px;
|
|
color: #5c5c5c;
|
|
height: 30px;
|
|
background: #353535;
|
|
line-height: 30px;
|
|
display: block;
|
|
vertical-align: middle;
|
|
margin: 0 0 5px 0;
|
|
padding: 0 6px 0 28px;
|
|
width: 100%; }
|
|
.daterangepicker .input-mini.active {
|
|
border: 1px solid #404040;
|
|
border-radius: 2px;
|
|
background: #353535; }
|
|
.daterangepicker .daterangepicker_input {
|
|
position: relative; }
|
|
.daterangepicker .daterangepicker_input i {
|
|
position: absolute;
|
|
left: 8px;
|
|
top: 8px; }
|
|
.daterangepicker .calendar-time {
|
|
text-align: center;
|
|
margin: 5px auto;
|
|
line-height: 30px;
|
|
position: relative;
|
|
padding-left: 28px; }
|
|
.daterangepicker .calendar-time select.disabled {
|
|
color: #ccc;
|
|
cursor: not-allowed; }
|
|
|
|
.ranges {
|
|
font-size: 11px;
|
|
float: none;
|
|
margin: 4px;
|
|
text-align: left; }
|
|
.ranges ul {
|
|
list-style: none;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 100%; }
|
|
.ranges li {
|
|
font-size: 13px;
|
|
background: #262626;
|
|
border: 1px solid #262626;
|
|
border-radius: 4px;
|
|
color: #08c;
|
|
padding: 3px 12px;
|
|
margin-bottom: 8px;
|
|
cursor: pointer; }
|
|
.ranges li:hover {
|
|
background: #08c;
|
|
border: 1px solid #08c;
|
|
color: #fff; }
|
|
.ranges li.active {
|
|
background: #08c;
|
|
border: 1px solid #08c;
|
|
color: #fff; }
|
|
|
|
/* Larger Screen Styling */
|
|
@media (min-width: 564px) {
|
|
.daterangepicker {
|
|
width: auto; }
|
|
.daterangepicker .ranges ul {
|
|
width: 160px; }
|
|
.daterangepicker.single .ranges ul {
|
|
width: 100%; }
|
|
.daterangepicker.single .calendar.left {
|
|
clear: none; }
|
|
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
|
|
float: left; }
|
|
.daterangepicker .calendar.left {
|
|
clear: left;
|
|
margin-right: 0; }
|
|
.daterangepicker .calendar.left .calendar-table {
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0; }
|
|
.daterangepicker .calendar.right {
|
|
margin-left: 0; }
|
|
.daterangepicker .calendar.right .calendar-table {
|
|
border-left: none;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0; }
|
|
.daterangepicker .left .daterangepicker_input {
|
|
padding-right: 12px; }
|
|
.daterangepicker .calendar.left .calendar-table {
|
|
padding-right: 12px; }
|
|
.daterangepicker .ranges, .daterangepicker .calendar {
|
|
float: left; } }
|
|
|
|
@media (min-width: 730px) {
|
|
.daterangepicker .ranges {
|
|
width: auto;
|
|
float: left; }
|
|
.daterangepicker .calendar.left {
|
|
clear: none; } }
|
|
|
|
.toast-title {
|
|
font-weight: bold; }
|
|
|
|
.toast-message {
|
|
-ms-word-wrap: break-word;
|
|
word-wrap: break-word; }
|
|
|
|
.toast-message a,
|
|
.toast-message label {
|
|
color: #ffffff; }
|
|
|
|
.toast-message a:hover {
|
|
color: #cccccc;
|
|
text-decoration: none; }
|
|
|
|
.toast-close-button {
|
|
position: relative;
|
|
right: -0.3em;
|
|
top: -0.3em;
|
|
float: right;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
-webkit-text-shadow: 0 1px 0 #ffffff;
|
|
text-shadow: 0 1px 0 #ffffff;
|
|
opacity: 0.8;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
|
filter: alpha(opacity=80); }
|
|
|
|
.toast-close-button:hover,
|
|
.toast-close-button:focus {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
opacity: 0.4;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
filter: alpha(opacity=40); }
|
|
|
|
/*Additional properties for button version
|
|
iOS requires the button element instead of an anchor tag.
|
|
If you want the anchor version, it requires `href="#"`.*/
|
|
button.toast-close-button {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none; }
|
|
|
|
.toast-top-center {
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%; }
|
|
|
|
.toast-bottom-center {
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 100%; }
|
|
|
|
.toast-top-full-width {
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%; }
|
|
|
|
.toast-bottom-full-width {
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 100%; }
|
|
|
|
.toast-top-left {
|
|
top: 12px;
|
|
left: 12px; }
|
|
|
|
.toast-top-right {
|
|
top: 12px;
|
|
right: 12px; }
|
|
|
|
.toast-bottom-right {
|
|
right: 12px;
|
|
bottom: 12px; }
|
|
|
|
.toast-bottom-left {
|
|
bottom: 12px;
|
|
left: 12px; }
|
|
|
|
#toast-container {
|
|
position: fixed;
|
|
z-index: 999999;
|
|
/*overrides*/ }
|
|
|
|
#toast-container * {
|
|
box-sizing: border-box; }
|
|
|
|
#toast-container > div {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0 0 6px;
|
|
padding: 15px 15px 15px 50px;
|
|
width: 300px;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-position: 15px center;
|
|
background-repeat: no-repeat;
|
|
box-shadow: 0 0 12px #999999;
|
|
color: #ffffff;
|
|
opacity: 0.9;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
|
filter: alpha(opacity=80); }
|
|
|
|
#toast-container > :hover {
|
|
box-shadow: 0 0 12px #000000;
|
|
opacity: 1;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
|
filter: alpha(opacity=100);
|
|
cursor: pointer; }
|
|
|
|
#toast-container > .toast-info {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
|
|
|
|
#toast-container > .toast-error {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
|
|
|
|
#toast-container > .toast-success {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
|
|
|
|
#toast-container > .toast-warning {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
|
|
|
|
#toast-container.toast-top-center > div,
|
|
#toast-container.toast-bottom-center > div {
|
|
width: 300px;
|
|
margin: auto; }
|
|
|
|
#toast-container.toast-top-full-width > div,
|
|
#toast-container.toast-bottom-full-width > div {
|
|
width: 96%;
|
|
margin: auto; }
|
|
|
|
.toast {
|
|
background-color: #030303; }
|
|
|
|
.toast-success {
|
|
background-color: #84b547; }
|
|
|
|
.toast-error {
|
|
background-color: #cc3e4a; }
|
|
|
|
.toast-info {
|
|
background-color: #2c97de; }
|
|
|
|
.toast-warning {
|
|
background-color: #e76d3b; }
|
|
|
|
.toast-progress {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 4px;
|
|
background-color: #000000;
|
|
opacity: 0.4;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
filter: alpha(opacity=40); }
|
|
|
|
/*Responsive Design*/
|
|
@media all and (max-width: 240px) {
|
|
#toast-container > div {
|
|
padding: 8px 8px 8px 50px;
|
|
width: 11em; }
|
|
#toast-container .toast-close-button {
|
|
right: -0.2em;
|
|
top: -0.2em; } }
|
|
|
|
@media all and (min-width: 241px) and (max-width: 480px) {
|
|
#toast-container > div {
|
|
padding: 8px 8px 8px 50px;
|
|
width: 18em; }
|
|
#toast-container .toast-close-button {
|
|
right: -0.2em;
|
|
top: -0.2em; } }
|
|
|
|
@media all and (min-width: 481px) and (max-width: 768px) {
|
|
#toast-container > div {
|
|
padding: 15px 15px 15px 50px;
|
|
width: 25em; } }
|
|
|
|
/*!
|
|
* FullCalendar v2.9.0 Stylesheet
|
|
* Docs & License: http://fullcalendar.io/
|
|
* (c) 2016 Adam Shaw
|
|
*/
|
|
.fc {
|
|
direction: ltr;
|
|
text-align: left; }
|
|
|
|
.fc-rtl {
|
|
text-align: right; }
|
|
|
|
body .fc {
|
|
/* extra precedence to overcome jqui */
|
|
font-size: 1em; }
|
|
|
|
/* Colors
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-unthemed th,
|
|
.fc-unthemed td,
|
|
.fc-unthemed thead,
|
|
.fc-unthemed tbody,
|
|
.fc-unthemed .fc-divider,
|
|
.fc-unthemed .fc-row,
|
|
.fc-unthemed .fc-content,
|
|
.fc-unthemed .fc-popover {
|
|
border-color: #2D2D2D; }
|
|
|
|
.fc-unthemed .fc-popover {
|
|
background-color: #fff; }
|
|
|
|
.fc-unthemed .fc-divider,
|
|
.fc-unthemed .fc-popover .fc-header {
|
|
background: #eee; }
|
|
|
|
.fc-unthemed .fc-popover .fc-header .fc-close {
|
|
color: #666; }
|
|
|
|
.fc-unthemed .fc-today {
|
|
background: #BDDFF4; }
|
|
|
|
.fc-highlight {
|
|
/* when user is selecting cells */
|
|
background: #262626; }
|
|
|
|
.fc-bgevent {
|
|
/* default look for background events */
|
|
background: #8fdf82;
|
|
opacity: .3;
|
|
filter: alpha(opacity=30);
|
|
/* for IE */ }
|
|
|
|
.fc-nonbusiness {
|
|
/* default look for non-business-hours areas */
|
|
/* will inherit .fc-bgevent's styles */
|
|
background: #d7d7d7; }
|
|
|
|
/* Icons (inline elements with styled text that mock arrow icons)
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-icon {
|
|
display: inline-block;
|
|
height: 1em;
|
|
line-height: 1em;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
font-family: "Courier New", Courier, monospace;
|
|
/* don't allow browser text-selection */
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none; }
|
|
|
|
/*
|
|
Acceptable font-family overrides for individual icons:
|
|
"Arial", sans-serif
|
|
"Times New Roman", serif
|
|
|
|
NOTE: use percentage font sizes or else old IE chokes
|
|
*/
|
|
.fc-icon:after {
|
|
position: relative; }
|
|
|
|
.fc-icon-left-single-arrow:after {
|
|
content: "\02039";
|
|
font-weight: bold;
|
|
font-size: 200%;
|
|
top: -7%; }
|
|
|
|
.fc-icon-right-single-arrow:after {
|
|
content: "\0203A";
|
|
font-weight: bold;
|
|
font-size: 200%;
|
|
top: -7%; }
|
|
|
|
.fc-icon-left-double-arrow:after {
|
|
content: "\000AB";
|
|
font-size: 160%;
|
|
top: -7%; }
|
|
|
|
.fc-icon-right-double-arrow:after {
|
|
content: "\000BB";
|
|
font-size: 160%;
|
|
top: -7%; }
|
|
|
|
.fc-icon-left-triangle:after {
|
|
content: "\25C4";
|
|
font-size: 125%;
|
|
top: 3%; }
|
|
|
|
.fc-icon-right-triangle:after {
|
|
content: "\25BA";
|
|
font-size: 125%;
|
|
top: 3%; }
|
|
|
|
.fc-icon-down-triangle:after {
|
|
content: "\25BC";
|
|
font-size: 125%;
|
|
top: 2%; }
|
|
|
|
.fc-icon-x:after {
|
|
content: "\000D7";
|
|
font-size: 200%;
|
|
top: 6%; }
|
|
|
|
/* Buttons (styled <button> tags, normalized to work cross-browser)
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc button {
|
|
/* force height to include the border and padding */
|
|
box-sizing: border-box;
|
|
/* dimensions */
|
|
margin: 0;
|
|
height: 2.1em;
|
|
padding: 0 .6em;
|
|
/* text & cursor */
|
|
font-size: 1em;
|
|
/* normalize */
|
|
white-space: nowrap;
|
|
cursor: pointer; }
|
|
|
|
/* Firefox has an annoying inner border */
|
|
.fc button::-moz-focus-inner {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
.fc-state-default {
|
|
/* non-theme */
|
|
border: 1px solid; }
|
|
|
|
.fc-state-default.fc-corner-left {
|
|
/* non-theme */
|
|
border-top-left-radius: 2px;
|
|
border-bottom-left-radius: 2px; }
|
|
|
|
.fc-state-default.fc-corner-right {
|
|
/* non-theme */
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px; }
|
|
|
|
/* icons in buttons */
|
|
.fc button .fc-icon {
|
|
/* non-theme */
|
|
position: relative;
|
|
top: -0.05em;
|
|
/* seems to be a good adjustment across browsers */
|
|
margin: 0 .2em;
|
|
vertical-align: middle; }
|
|
|
|
/*
|
|
button states
|
|
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
|
|
*/
|
|
.fc-state-default {
|
|
background-color: transparent;
|
|
border-color: #404040;
|
|
color: white; }
|
|
|
|
.fc-state-hover,
|
|
.fc-state-down,
|
|
.fc-state-active,
|
|
.fc-state-disabled {
|
|
color: white;
|
|
background-color: #383838; }
|
|
|
|
.fc-state-hover {
|
|
color: white;
|
|
text-decoration: none;
|
|
background-position: 0 -15px;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear; }
|
|
|
|
.fc-state-down,
|
|
.fc-state-active {
|
|
background-color: #383838;
|
|
background-image: none; }
|
|
|
|
.fc-state-disabled {
|
|
cursor: default;
|
|
background-image: none;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
box-shadow: none; }
|
|
|
|
/* Buttons Groups
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-button-group {
|
|
display: inline-block; }
|
|
|
|
/*
|
|
every button that is not first in a button group should scootch over one pixel and cover the
|
|
previous button's border...
|
|
*/
|
|
.fc .fc-button-group > * {
|
|
/* extra precedence b/c buttons have margin set to zero */
|
|
float: left;
|
|
margin: 0 0 0 -1px; }
|
|
|
|
.fc .fc-button-group > :first-child {
|
|
/* same */
|
|
margin-left: 0; }
|
|
|
|
/* Popover
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-popover {
|
|
position: absolute;
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
|
|
|
|
.fc-popover .fc-header {
|
|
/* TODO: be more consistent with fc-head/fc-body */
|
|
padding: 2px 4px; }
|
|
|
|
.fc-popover .fc-header .fc-title {
|
|
margin: 0 2px; }
|
|
|
|
.fc-popover .fc-header .fc-close {
|
|
cursor: pointer; }
|
|
|
|
.fc-ltr .fc-popover .fc-header .fc-title,
|
|
.fc-rtl .fc-popover .fc-header .fc-close {
|
|
float: left; }
|
|
|
|
.fc-rtl .fc-popover .fc-header .fc-title,
|
|
.fc-ltr .fc-popover .fc-header .fc-close {
|
|
float: right; }
|
|
|
|
/* unthemed */
|
|
.fc-unthemed .fc-popover {
|
|
border-width: 1px;
|
|
border-style: solid; }
|
|
|
|
.fc-unthemed .fc-popover .fc-header .fc-close {
|
|
font-size: .9em;
|
|
margin-top: 2px; }
|
|
|
|
/* jqui themed */
|
|
.fc-popover > .ui-widget-header + .ui-widget-content {
|
|
border-top: 0;
|
|
/* where they meet, let the header have the border */ }
|
|
|
|
/* Misc Reusable Components
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-divider {
|
|
border-style: solid;
|
|
border-width: 1px; }
|
|
|
|
hr.fc-divider {
|
|
height: 0;
|
|
margin: 0;
|
|
padding: 0 0 2px;
|
|
/* height is unreliable across browsers, so use padding */
|
|
border-width: 1px 0; }
|
|
|
|
.fc-clear {
|
|
clear: both; }
|
|
|
|
.fc-bg,
|
|
.fc-bgevent-skeleton,
|
|
.fc-highlight-skeleton,
|
|
.fc-helper-skeleton {
|
|
/* these element should always cling to top-left/right corners */
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
.fc-bg {
|
|
bottom: 0;
|
|
/* strech bg to bottom edge */ }
|
|
|
|
.fc-bg table {
|
|
height: 100%;
|
|
/* strech bg to bottom edge */ }
|
|
|
|
/* Tables
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc table {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
/* fix scrollbar issue in firefox */
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
font-size: 1em;
|
|
/* normalize cross-browser */ }
|
|
|
|
.fc th {
|
|
text-align: center; }
|
|
|
|
.fc th,
|
|
.fc td {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: 0;
|
|
vertical-align: top; }
|
|
|
|
.fc td.fc-today {
|
|
border-style: double;
|
|
/* overcome neighboring borders */ }
|
|
|
|
/* Fake Table Rows
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc .fc-row {
|
|
/* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
|
|
/* no visible border by default. but make available if need be (scrollbar width compensation) */
|
|
border-style: solid;
|
|
border-width: 0; }
|
|
|
|
.fc-row table {
|
|
/* don't put left/right border on anything within a fake row.
|
|
the outer tbody will worry about this */
|
|
border-left: 0 hidden transparent;
|
|
border-right: 0 hidden transparent;
|
|
/* no bottom borders on rows */
|
|
border-bottom: 0 hidden transparent; }
|
|
|
|
.fc-row:first-child table {
|
|
border-top: 0 hidden transparent;
|
|
/* no top border on first row */ }
|
|
|
|
/* Day Row (used within the header and the DayGrid)
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-row {
|
|
position: relative; }
|
|
|
|
.fc-row .fc-bg {
|
|
z-index: 1; }
|
|
|
|
/* highlighting cells & background event skeleton */
|
|
.fc-row .fc-bgevent-skeleton,
|
|
.fc-row .fc-highlight-skeleton {
|
|
bottom: 0;
|
|
/* stretch skeleton to bottom of row */ }
|
|
|
|
.fc-row .fc-bgevent-skeleton table,
|
|
.fc-row .fc-highlight-skeleton table {
|
|
height: 100%;
|
|
/* stretch skeleton to bottom of row */ }
|
|
|
|
.fc-row .fc-highlight-skeleton td,
|
|
.fc-row .fc-bgevent-skeleton td {
|
|
border-color: transparent; }
|
|
|
|
.fc-row .fc-bgevent-skeleton {
|
|
z-index: 2; }
|
|
|
|
.fc-row .fc-highlight-skeleton {
|
|
z-index: 3; }
|
|
|
|
/*
|
|
row content (which contains day/week numbers and events) as well as "helper" (which contains
|
|
temporary rendered events).
|
|
*/
|
|
.fc-row .fc-content-skeleton {
|
|
position: relative;
|
|
z-index: 4;
|
|
padding-bottom: 2px;
|
|
/* matches the space above the events */ }
|
|
|
|
.fc-row .fc-helper-skeleton {
|
|
z-index: 5; }
|
|
|
|
.fc-row .fc-content-skeleton td,
|
|
.fc-row .fc-helper-skeleton td {
|
|
/* see-through to the background below */
|
|
background: none;
|
|
/* in case <td>s are globally styled */
|
|
border-color: transparent;
|
|
/* don't put a border between events and/or the day number */
|
|
border-bottom: 0; }
|
|
|
|
.fc-row .fc-content-skeleton tbody td,
|
|
.fc-row .fc-helper-skeleton tbody td {
|
|
/* don't put a border between event cells */
|
|
border-top: 0; }
|
|
|
|
/* Scrolling Container
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-scroller {
|
|
-webkit-overflow-scrolling: touch; }
|
|
|
|
/* TODO: move to agenda/basic */
|
|
.fc-scroller > .fc-day-grid,
|
|
.fc-scroller > .fc-time-grid {
|
|
position: relative;
|
|
/* re-scope all positions */
|
|
width: 100%;
|
|
/* hack to force re-sizing this inner element when scrollbars appear/disappear */ }
|
|
|
|
/* Global Event Styles
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-event {
|
|
position: relative;
|
|
/* for resize handle and other inner positioning */
|
|
display: block;
|
|
/* make the <a> tag block */
|
|
font-size: .85em;
|
|
line-height: 1.3;
|
|
border-radius: 1px;
|
|
border: 1px solid #2D99DC;
|
|
/* default BORDER color */
|
|
background-color: #2D99DC;
|
|
/* default BACKGROUND color */
|
|
font-weight: normal;
|
|
/* undo jqui's ui-widget-header bold */ }
|
|
|
|
/* overpower some of bootstrap's and jqui's styles on <a> tags */
|
|
.fc-event,
|
|
.fc-event:hover,
|
|
.ui-widget .fc-event {
|
|
color: #fff;
|
|
/* default TEXT color */
|
|
text-decoration: none;
|
|
/* if <a> has an href */ }
|
|
|
|
.fc-event[href],
|
|
.fc-event.fc-draggable {
|
|
cursor: pointer;
|
|
/* give events with links and draggable events a hand mouse pointer */ }
|
|
|
|
.fc-not-allowed,
|
|
.fc-not-allowed .fc-event {
|
|
/* to override an event's custom cursor */
|
|
cursor: not-allowed; }
|
|
|
|
.fc-event .fc-bg {
|
|
/* the generic .fc-bg already does position */
|
|
z-index: 1;
|
|
background: #fff;
|
|
opacity: .25;
|
|
filter: alpha(opacity=25);
|
|
/* for IE */ }
|
|
|
|
.fc-event .fc-content {
|
|
position: relative;
|
|
z-index: 2; }
|
|
|
|
/* resizer (cursor AND touch devices) */
|
|
.fc-event .fc-resizer {
|
|
position: absolute;
|
|
z-index: 4; }
|
|
|
|
/* resizer (touch devices) */
|
|
.fc-event .fc-resizer {
|
|
display: none; }
|
|
|
|
.fc-event.fc-allow-mouse-resize .fc-resizer,
|
|
.fc-event.fc-selected .fc-resizer {
|
|
/* only show when hovering or selected (with touch) */
|
|
display: block; }
|
|
|
|
/* hit area */
|
|
.fc-event.fc-selected .fc-resizer:before {
|
|
/* 40x40 touch area */
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 9999;
|
|
/* user of this util can scope within a lower z-index */
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-left: -20px;
|
|
margin-top: -20px; }
|
|
|
|
/* Event Selection (only for touch devices)
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-event.fc-selected {
|
|
z-index: 9999 !important;
|
|
/* overcomes inline z-index */
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
|
|
|
|
.fc-event.fc-selected.fc-dragging {
|
|
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }
|
|
|
|
/* Horizontal Events
|
|
--------------------------------------------------------------------------------------------------*/
|
|
/* bigger touch area when selected */
|
|
.fc-h-event.fc-selected:before {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 3;
|
|
/* below resizers */
|
|
top: -10px;
|
|
bottom: -10px;
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
|
|
.fc-ltr .fc-h-event.fc-not-start,
|
|
.fc-rtl .fc-h-event.fc-not-end {
|
|
margin-left: 0;
|
|
border-left-width: 0;
|
|
padding-left: 1px;
|
|
/* replace the border with padding */
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0; }
|
|
|
|
.fc-ltr .fc-h-event.fc-not-end,
|
|
.fc-rtl .fc-h-event.fc-not-start {
|
|
margin-right: 0;
|
|
border-right-width: 0;
|
|
padding-right: 1px;
|
|
/* replace the border with padding */
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0; }
|
|
|
|
/* resizer (cursor AND touch devices) */
|
|
/* left resizer */
|
|
.fc-ltr .fc-h-event .fc-start-resizer,
|
|
.fc-rtl .fc-h-event .fc-end-resizer {
|
|
cursor: w-resize;
|
|
left: -1px;
|
|
/* overcome border */ }
|
|
|
|
/* right resizer */
|
|
.fc-ltr .fc-h-event .fc-end-resizer,
|
|
.fc-rtl .fc-h-event .fc-start-resizer {
|
|
cursor: e-resize;
|
|
right: -1px;
|
|
/* overcome border */ }
|
|
|
|
/* resizer (mouse devices) */
|
|
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
|
|
width: 7px;
|
|
top: -1px;
|
|
/* overcome top border */
|
|
bottom: -1px;
|
|
/* overcome bottom border */ }
|
|
|
|
/* resizer (touch devices) */
|
|
.fc-h-event.fc-selected .fc-resizer {
|
|
/* 8x8 little dot */
|
|
border-radius: 4px;
|
|
border-width: 1px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-style: solid;
|
|
border-color: inherit;
|
|
background: #fff;
|
|
/* vertically center */
|
|
top: 50%;
|
|
margin-top: -4px; }
|
|
|
|
/* left resizer */
|
|
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
|
|
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
|
|
margin-left: -4px;
|
|
/* centers the 8x8 dot on the left edge */ }
|
|
|
|
/* right resizer */
|
|
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
|
|
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
|
|
margin-right: -4px;
|
|
/* centers the 8x8 dot on the right edge */ }
|
|
|
|
/* DayGrid events
|
|
----------------------------------------------------------------------------------------------------
|
|
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
|
|
be a descendant of the grid when it is being dragged.
|
|
*/
|
|
.fc-day-grid-event {
|
|
margin: 1px 2px 0;
|
|
/* spacing between events and edges */
|
|
padding: 0 1px; }
|
|
|
|
.fc-day-grid-event.fc-selected:after {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 1;
|
|
/* same z-index as fc-bg, behind text */
|
|
/* overcome the borders */
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
/* darkening effect */
|
|
background: #000;
|
|
opacity: .25;
|
|
filter: alpha(opacity=25);
|
|
/* for IE */ }
|
|
|
|
.fc-day-grid-event .fc-content {
|
|
/* force events to be one-line tall */
|
|
white-space: nowrap;
|
|
overflow: hidden; }
|
|
|
|
.fc-day-grid-event .fc-time {
|
|
font-weight: bold; }
|
|
|
|
/* resizer (cursor devices) */
|
|
/* left resizer */
|
|
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
|
|
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
|
|
margin-left: -2px;
|
|
/* to the day cell's edge */ }
|
|
|
|
/* right resizer */
|
|
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
|
|
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
|
|
margin-right: -2px;
|
|
/* to the day cell's edge */ }
|
|
|
|
/* Event Limiting
|
|
--------------------------------------------------------------------------------------------------*/
|
|
/* "more" link that represents hidden events */
|
|
a.fc-more {
|
|
margin: 1px 3px;
|
|
font-size: .85em;
|
|
cursor: pointer;
|
|
text-decoration: none; }
|
|
|
|
a.fc-more:hover {
|
|
text-decoration: underline; }
|
|
|
|
.fc-limited {
|
|
/* rows and cells that are hidden because of a "more" link */
|
|
display: none; }
|
|
|
|
/* popover that appears when "more" link is clicked */
|
|
.fc-day-grid .fc-row {
|
|
z-index: 1;
|
|
/* make the "more" popover one higher than this */ }
|
|
|
|
.fc-more-popover {
|
|
z-index: 2;
|
|
width: 220px; }
|
|
|
|
.fc-more-popover .fc-event-container {
|
|
padding: 10px; }
|
|
|
|
/* Now Indicator
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-now-indicator {
|
|
position: absolute;
|
|
border: 0 solid red; }
|
|
|
|
/* Utilities
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-unselectable {
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-touch-callout: none;
|
|
-webkit-tap-highlight-color: transparent; }
|
|
|
|
/* Toolbar
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-toolbar {
|
|
text-align: center;
|
|
margin-bottom: 1em; }
|
|
|
|
.fc-toolbar .fc-left {
|
|
float: left; }
|
|
|
|
.fc-toolbar .fc-right {
|
|
float: right; }
|
|
|
|
.fc-toolbar .fc-center {
|
|
display: inline-block; }
|
|
|
|
/* the things within each left/right/center section */
|
|
.fc .fc-toolbar > * > * {
|
|
/* extra precedence to override button border margins */
|
|
float: left;
|
|
margin-left: .75em; }
|
|
|
|
/* the first thing within each left/center/right section */
|
|
.fc .fc-toolbar > * > :first-child {
|
|
/* extra precedence to override button border margins */
|
|
margin-left: 0; }
|
|
|
|
/* title text */
|
|
.fc-toolbar h2 {
|
|
margin: 0; }
|
|
|
|
/* button layering (for border precedence) */
|
|
.fc-toolbar button {
|
|
position: relative; }
|
|
|
|
.fc-toolbar .fc-state-hover,
|
|
.fc-toolbar .ui-state-hover {
|
|
z-index: 2; }
|
|
|
|
.fc-toolbar .fc-state-down {
|
|
z-index: 3; }
|
|
|
|
.fc-toolbar .fc-state-active,
|
|
.fc-toolbar .ui-state-active {
|
|
z-index: 4; }
|
|
|
|
.fc-toolbar button:focus {
|
|
z-index: 5; }
|
|
|
|
/* View Structure
|
|
--------------------------------------------------------------------------------------------------*/
|
|
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
|
|
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
|
|
.fc-view-container *,
|
|
.fc-view-container *:before,
|
|
.fc-view-container *:after {
|
|
box-sizing: content-box; }
|
|
|
|
.fc-view,
|
|
.fc-view > table {
|
|
/* so dragged elements can be above the view's main element */
|
|
position: relative;
|
|
z-index: 1; }
|
|
|
|
/* BasicView
|
|
--------------------------------------------------------------------------------------------------*/
|
|
/* day row structure */
|
|
.fc-basicWeek-view .fc-content-skeleton,
|
|
.fc-basicDay-view .fc-content-skeleton {
|
|
/* we are sure there are no day numbers in these views, so... */
|
|
padding-top: 1px;
|
|
/* add a pixel to make sure there are 2px padding above events */
|
|
padding-bottom: 1em;
|
|
/* ensure a space at bottom of cell for user selecting/clicking */ }
|
|
|
|
.fc-basic-view .fc-body .fc-row {
|
|
min-height: 4em;
|
|
/* ensure that all rows are at least this tall */ }
|
|
|
|
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
|
|
.fc-row.fc-rigid {
|
|
overflow: hidden; }
|
|
|
|
.fc-row.fc-rigid .fc-content-skeleton {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
/* week and day number styling */
|
|
.fc-basic-view .fc-week-number,
|
|
.fc-basic-view .fc-day-number {
|
|
padding: 0 2px; }
|
|
|
|
.fc-basic-view td.fc-week-number span,
|
|
.fc-basic-view td.fc-day-number {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px; }
|
|
|
|
.fc-basic-view .fc-week-number {
|
|
text-align: center; }
|
|
|
|
.fc-basic-view .fc-week-number span {
|
|
/* work around the way we do column resizing and ensure a minimum width */
|
|
display: inline-block;
|
|
min-width: 1.25em; }
|
|
|
|
.fc-ltr .fc-basic-view .fc-day-number {
|
|
text-align: right; }
|
|
|
|
.fc-rtl .fc-basic-view .fc-day-number {
|
|
text-align: left; }
|
|
|
|
.fc-day-number.fc-other-month {
|
|
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 */ }
|
|
|
|
/* AgendaView all-day area
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-agenda-view .fc-day-grid {
|
|
position: relative;
|
|
z-index: 2;
|
|
/* so the "more.." popover will be over the time grid */ }
|
|
|
|
.fc-agenda-view .fc-day-grid .fc-row {
|
|
min-height: 3em;
|
|
/* all-day section will never get shorter than this */ }
|
|
|
|
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
|
|
padding-top: 1px;
|
|
/* add a pixel to make sure there are 2px padding above events */
|
|
padding-bottom: 1em;
|
|
/* give space underneath events for clicking/selecting days */ }
|
|
|
|
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc .fc-axis {
|
|
/* .fc to overcome default cell styles */
|
|
vertical-align: middle;
|
|
padding: 0 4px;
|
|
white-space: nowrap; }
|
|
|
|
.fc-ltr .fc-axis {
|
|
text-align: right; }
|
|
|
|
.fc-rtl .fc-axis {
|
|
text-align: left; }
|
|
|
|
.ui-widget td.fc-axis {
|
|
font-weight: normal;
|
|
/* overcome jqui theme making it bold */ }
|
|
|
|
/* TimeGrid Structure
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-time-grid-container,
|
|
.fc-time-grid {
|
|
/* so slats/bg/content/etc positions get scoped within here */
|
|
position: relative;
|
|
z-index: 1; }
|
|
|
|
.fc-time-grid {
|
|
min-height: 100%;
|
|
/* so if height setting is 'auto', .fc-bg stretches to fill height */ }
|
|
|
|
.fc-time-grid table {
|
|
/* don't put outer borders on slats/bg/content/etc */
|
|
border: 0 hidden transparent; }
|
|
|
|
.fc-time-grid > .fc-bg {
|
|
z-index: 1; }
|
|
|
|
.fc-time-grid .fc-slats,
|
|
.fc-time-grid > hr {
|
|
/* the <hr> AgendaView injects when grid is shorter than scroller */
|
|
position: relative;
|
|
z-index: 2; }
|
|
|
|
.fc-time-grid .fc-content-col {
|
|
position: relative;
|
|
/* because now-indicator lives directly inside */ }
|
|
|
|
.fc-time-grid .fc-content-skeleton {
|
|
position: absolute;
|
|
z-index: 3;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
/* divs within a cell within the fc-content-skeleton */
|
|
.fc-time-grid .fc-business-container {
|
|
position: relative;
|
|
z-index: 1; }
|
|
|
|
.fc-time-grid .fc-bgevent-container {
|
|
position: relative;
|
|
z-index: 2; }
|
|
|
|
.fc-time-grid .fc-highlight-container {
|
|
position: relative;
|
|
z-index: 3; }
|
|
|
|
.fc-time-grid .fc-event-container {
|
|
position: relative;
|
|
z-index: 4; }
|
|
|
|
.fc-time-grid .fc-now-indicator-line {
|
|
z-index: 5; }
|
|
|
|
.fc-time-grid .fc-helper-container {
|
|
/* also is fc-event-container */
|
|
position: relative;
|
|
z-index: 6; }
|
|
|
|
/* TimeGrid Slats (lines that run horizontally)
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-time-grid .fc-slats td {
|
|
height: 1.5em;
|
|
border-bottom: 0;
|
|
/* each cell is responsible for its top border */ }
|
|
|
|
.fc-time-grid .fc-slats .fc-minor td {
|
|
border-top-style: dotted; }
|
|
|
|
.fc-time-grid .fc-slats .ui-widget-content {
|
|
/* for jqui theme */
|
|
background: none;
|
|
/* see through to fc-bg */ }
|
|
|
|
/* TimeGrid Highlighting Slots
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-time-grid .fc-highlight-container {
|
|
/* a div within a cell within the fc-highlight-skeleton */
|
|
position: relative;
|
|
/* scopes the left/right of the fc-highlight to be in the column */ }
|
|
|
|
.fc-time-grid .fc-highlight {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
/* top and bottom will be in by JS */ }
|
|
|
|
/* TimeGrid Event Containment
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-ltr .fc-time-grid .fc-event-container {
|
|
/* space on the sides of events for LTR (default) */
|
|
margin: 0 2.5% 0 2px; }
|
|
|
|
.fc-rtl .fc-time-grid .fc-event-container {
|
|
/* space on the sides of events for RTL */
|
|
margin: 0 2px 0 2.5%; }
|
|
|
|
.fc-time-grid .fc-event,
|
|
.fc-time-grid .fc-bgevent {
|
|
position: absolute;
|
|
z-index: 1;
|
|
/* scope inner z-index's */ }
|
|
|
|
.fc-time-grid .fc-bgevent {
|
|
/* background events always span full width */
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
/* Generic Vertical Event
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-v-event.fc-not-start {
|
|
/* events that are continuing from another day */
|
|
/* replace space made by the top border with padding */
|
|
border-top-width: 0;
|
|
padding-top: 1px;
|
|
/* remove top rounded corners */
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0; }
|
|
|
|
.fc-v-event.fc-not-end {
|
|
/* replace space made by the top border with padding */
|
|
border-bottom-width: 0;
|
|
padding-bottom: 1px;
|
|
/* remove bottom rounded corners */
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0; }
|
|
|
|
/* TimeGrid Event Styling
|
|
----------------------------------------------------------------------------------------------------
|
|
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
|
|
be a descendant of the grid when it is being dragged.
|
|
*/
|
|
.fc-time-grid-event {
|
|
overflow: hidden;
|
|
/* don't let the bg flow over rounded corners */ }
|
|
|
|
.fc-time-grid-event.fc-selected {
|
|
/* need to allow touch resizers to extend outside event's bounding box */
|
|
/* common fc-selected styles hide the fc-bg, so don't need this anyway */
|
|
overflow: visible; }
|
|
|
|
.fc-time-grid-event.fc-selected .fc-bg {
|
|
display: none;
|
|
/* hide semi-white background, to appear darker */ }
|
|
|
|
.fc-time-grid-event .fc-content {
|
|
overflow: hidden;
|
|
/* for when .fc-selected */ }
|
|
|
|
.fc-time-grid-event .fc-time,
|
|
.fc-time-grid-event .fc-title {
|
|
padding: 0 1px; }
|
|
|
|
.fc-time-grid-event .fc-time {
|
|
font-size: .85em;
|
|
white-space: nowrap; }
|
|
|
|
/* short mode, where time and title are on the same line */
|
|
.fc-time-grid-event.fc-short .fc-content {
|
|
/* don't wrap to second line (now that contents will be inline) */
|
|
white-space: nowrap; }
|
|
|
|
.fc-time-grid-event.fc-short .fc-time,
|
|
.fc-time-grid-event.fc-short .fc-title {
|
|
/* put the time and title on the same line */
|
|
display: inline-block;
|
|
vertical-align: top; }
|
|
|
|
.fc-time-grid-event.fc-short .fc-time span {
|
|
display: none;
|
|
/* don't display the full time text... */ }
|
|
|
|
.fc-time-grid-event.fc-short .fc-time:before {
|
|
content: attr(data-start);
|
|
/* ...instead, display only the start time */ }
|
|
|
|
.fc-time-grid-event.fc-short .fc-time:after {
|
|
content: "\000A0-\000A0";
|
|
/* seperate with a dash, wrapped in nbsp's */ }
|
|
|
|
.fc-time-grid-event.fc-short .fc-title {
|
|
font-size: .85em;
|
|
/* make the title text the same size as the time */
|
|
padding: 0;
|
|
/* undo padding from above */ }
|
|
|
|
/* resizer (cursor device) */
|
|
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 8px;
|
|
overflow: hidden;
|
|
line-height: 8px;
|
|
font-size: 11px;
|
|
font-family: monospace;
|
|
text-align: center;
|
|
cursor: s-resize; }
|
|
|
|
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
|
|
content: "="; }
|
|
|
|
/* resizer (touch device) */
|
|
.fc-time-grid-event.fc-selected .fc-resizer {
|
|
/* 10x10 dot */
|
|
border-radius: 5px;
|
|
border-width: 1px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-style: solid;
|
|
border-color: inherit;
|
|
background: #fff;
|
|
/* horizontally center */
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
/* center on the bottom edge */
|
|
bottom: -5px; }
|
|
|
|
/* Now Indicator
|
|
--------------------------------------------------------------------------------------------------*/
|
|
.fc-time-grid .fc-now-indicator-line {
|
|
border-top-width: 1px;
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
/* arrow on axis */
|
|
.fc-time-grid .fc-now-indicator-arrow {
|
|
margin-top: -5px;
|
|
/* vertically center on top coordinate */ }
|
|
|
|
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
|
|
left: 0;
|
|
/* triangle pointing right... */
|
|
border-width: 5px 0 5px 6px;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent; }
|
|
|
|
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
|
|
right: 0;
|
|
/* triangle pointing left... */
|
|
border-width: 5px 6px 5px 0;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent; }
|