4936 lines
138 KiB
CSS
Executable File
4936 lines
138 KiB
CSS
Executable File
/* error page */
|
|
/* animations */
|
|
[class*="uk-animation-"] {
|
|
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation-duration: 560ms;
|
|
animation-duration: 560ms;
|
|
}
|
|
/* alerts */
|
|
.uk-alert {
|
|
border: none;
|
|
background: #1976d2;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
padding-right: 32px;
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.uk-alert-success {
|
|
background: #8bc34a !important;
|
|
}
|
|
.uk-alert-danger {
|
|
background: #e53935 !important;
|
|
}
|
|
.uk-alert-warning {
|
|
background: #ffa000 !important;
|
|
}
|
|
.uk-alert-info {
|
|
background: #0097a7 !important;
|
|
}
|
|
.uk-alert-large {
|
|
padding: 24px 32px 24px 24px;
|
|
}
|
|
.uk-alert-close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 8px;
|
|
float: none !important;
|
|
margin: 0 !important;
|
|
}
|
|
.uk-alert-close:after {
|
|
color: #fff !important;
|
|
}
|
|
/* badges */
|
|
.uk-badge {
|
|
background: #0097a7;
|
|
padding: 2px 6px;
|
|
border: none;
|
|
border-radius: 2px;
|
|
text-shadow: none;
|
|
font-size: 11px;
|
|
line-height: 15px;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
}
|
|
.uk-badge a {
|
|
color: #fff !important;
|
|
}
|
|
.uk-badge-default {
|
|
background: #9e9e9e;
|
|
color: #fff;
|
|
}
|
|
.uk-badge-primary {
|
|
background: #2196f3;
|
|
}
|
|
.uk-badge-danger {
|
|
background: #e53935;
|
|
}
|
|
.uk-badge-warning {
|
|
background: #ffa000;
|
|
}
|
|
.uk-badge-success {
|
|
background: #7cb342;
|
|
}
|
|
.uk-badge-muted {
|
|
background: #bdbdbd;
|
|
}
|
|
.uk-badge-notification {
|
|
border-radius: 20px;
|
|
}
|
|
.uk-badge-large {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
padding: 4px 8px;
|
|
}
|
|
.uk-badge.inline-label {
|
|
vertical-align: 1px;
|
|
margin-left: 4px;
|
|
}
|
|
.uk-badge-outline {
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
background: #fff;
|
|
color: #212121;
|
|
padding-bottom: 0;
|
|
line-height: 16px;
|
|
}
|
|
.uk-badge-inline {
|
|
vertical-align: 2px;
|
|
}
|
|
.uk-badge-group {
|
|
overflow: hidden;
|
|
}
|
|
.uk-badge-group .uk-badge {
|
|
float: left;
|
|
display: block;
|
|
margin: 0 4px 4px 0;
|
|
}
|
|
/* buttons */
|
|
.uk-button {
|
|
font-weight: 400;
|
|
border-radius: 2px;
|
|
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
/* comments */
|
|
.uk-comment-list > li + li {
|
|
border-top: 1px dashed rgba(0, 0, 0, 0.12);
|
|
margin-top: 16px !important;
|
|
}
|
|
.uk-comment-list .uk-comment + ul {
|
|
margin: 8px 0 0 0;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.uk-comment-list .uk-comment + ul {
|
|
padding-left: 48px;
|
|
}
|
|
}
|
|
.uk-comment-header {
|
|
padding: 16px 8px 8px;
|
|
border: none;
|
|
background: none;
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-comment-title {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
/* dialog modals */
|
|
.uk-modal {
|
|
z-index: 1304;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
-webkit-transition: opacity 250ms ease-out;
|
|
transition: opacity 250ms ease-out;
|
|
overflow: auto !important;
|
|
}
|
|
.uk-modal.uk-modal-no-backdrop {
|
|
background: transparent;
|
|
}
|
|
.uk-modal-dialog {
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
|
|
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
|
|
padding: 24px;
|
|
display: block !important;
|
|
-webkit-animation: none !important;
|
|
animation: none !important;
|
|
-webkit-transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in;
|
|
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
.uk-modal-dialog-blank {
|
|
padding: 0;
|
|
background: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.uk-open .uk-modal-dialog {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
.uk-modal-dialog .uk-modal-header {
|
|
background: none;
|
|
border-bottom: none;
|
|
margin: 0 -24px 24px;
|
|
padding: 0 32px 0 24px;
|
|
overflow: hidden;
|
|
}
|
|
.uk-modal-dialog .uk-modal-header .uk-modal-title {
|
|
margin: 0;
|
|
font: 500 18px / 28px "Roboto", sans-serif;
|
|
}
|
|
.uk-modal-dialog .uk-modal-header .uk-modal-title span {
|
|
font-size: 16px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.uk-modal-dialog .uk-modal-header .material-icons {
|
|
font-size: 24px;
|
|
vertical-align: -4px;
|
|
cursor: default;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer {
|
|
margin: 16px -16px -16px;
|
|
padding: 16px;
|
|
background: #fff;
|
|
border-top: none;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:before,
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
clear: both;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:before,
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
clear: both;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer .md-icon-btn {
|
|
margin-top: 2px;
|
|
}
|
|
.uk-modal-dialog .uk-modal-caption {
|
|
bottom: 16px;
|
|
margin: 0 32px;
|
|
}
|
|
.uk-modal-dialog > .uk-close:first-child {
|
|
top: 8px;
|
|
right: 8px;
|
|
position: absolute;
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
.uk-modal-dialog-lightbox {
|
|
padding: 0;
|
|
}
|
|
.uk-modal-dialog-lightbox > .uk-close:first-child {
|
|
top: -11px;
|
|
right: -11px;
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
border: none;
|
|
z-index: 10;
|
|
}
|
|
.uk-modal-dialog .uk-overflow-container {
|
|
margin: 16px 0;
|
|
}
|
|
.uk-modal-card-fullscreen {
|
|
overflow: hidden !important;
|
|
}
|
|
.uk-modal-card-fullscreen .uk-modal-close {
|
|
float: left;
|
|
margin: 8px 8px 0 0;
|
|
display: block;
|
|
}
|
|
.uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-toolbar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
z-index: 10;
|
|
}
|
|
.uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-content {
|
|
position: absolute;
|
|
top: 48px;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow-y: auto;
|
|
}
|
|
.uk-modal .uk-margin.uk-modal-content {
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-modal.uk-modal-dialog-replace .uk-modal-content {
|
|
font-size: 18px;
|
|
}
|
|
.uk-modal-spinner {
|
|
-webkit-animation: uk-rotate 2s infinite linear;
|
|
animation: uk-rotate 2s infinite linear;
|
|
margin-left: -12px;
|
|
margin-top: -17px;
|
|
left: 50%;
|
|
right: auto;
|
|
}
|
|
.uk-modal .uk-modal-aside {
|
|
padding: 16px 32px 32px;
|
|
}
|
|
/* dropdowns */
|
|
.uk-dropdown {
|
|
-webkit-transform: scale(0.25, 0);
|
|
transform: scale(0.25, 0);
|
|
opacity: 0;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation: none !important;
|
|
animation: none !important;
|
|
-webkit-transform-origin: 50% 0 !important;
|
|
transform-origin: 50% 0 !important;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
border: none;
|
|
border-radius: 2px;
|
|
}
|
|
.uk-dropdown.uk-dropdown-xlarge {
|
|
width: 360px;
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.uk-dropdown.uk-dropdown-xlarge {
|
|
width: 260px;
|
|
}
|
|
}
|
|
.uk-dropdown.uk-dropdown-large {
|
|
width: 260px;
|
|
}
|
|
.uk-dropdown.uk-dropdown-small {
|
|
width: 160px;
|
|
}
|
|
.uk-dropdown > ul > li > a {
|
|
font-size: 14px;
|
|
color: #212121;
|
|
}
|
|
.uk-dropdown > ul > li > a:hover {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.uk-dropdown > ul > li.uk-active > a {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.uk-dropdown > ul > li.padding_sm {
|
|
padding: 2px 4px;
|
|
}
|
|
.uk-dropdown > ul > li.padding_md {
|
|
padding: 4px 8px;
|
|
}
|
|
.uk-dropdown.dropdown-modal {
|
|
z-index: 1310;
|
|
}
|
|
.uk-dropdown.dropdown-fs {
|
|
z-index: 9999;
|
|
}
|
|
.uk-dropdown.uk-dropdown-scrollable {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
[data-uk-dropdown*="top-"] .uk-dropdown {
|
|
-webkit-transform-origin: 50% 100% !important;
|
|
transform-origin: 50% 100% !important;
|
|
}
|
|
[data-uk-dropdown*="left-"] .uk-dropdown {
|
|
-webkit-transform-origin: 100% 50% !important;
|
|
transform-origin: 100% 50% !important;
|
|
}
|
|
[data-uk-dropdown*="right-"] .uk-dropdown {
|
|
-webkit-transform-origin: 0 50% !important;
|
|
transform-origin: 0 50% !important;
|
|
}
|
|
[data-uk-dropdown*='justify'] {
|
|
position: static !important;
|
|
}
|
|
[data-uk-dropdown*='justify'] [class*="uk-dropdown-width"] {
|
|
left: 0 !important;
|
|
width: 100% !important;
|
|
min-width: inherit !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
.uk-dropdown-active {
|
|
display: block !important;
|
|
}
|
|
.uk-dropdown-shown {
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
opacity: 1;
|
|
}
|
|
.uk-nav-dropdown > li > a:focus,
|
|
.uk-nav-dropdown > li > a:hover {
|
|
text-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #212121;
|
|
background: rgba(153, 153, 153, 0.2);
|
|
}
|
|
/* forms */
|
|
fieldset {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
fieldset + * {
|
|
margin-top: 15px;
|
|
}
|
|
.uk-form input:not([type]),
|
|
.uk-form input[type=color],
|
|
.uk-form input[type=date],
|
|
.uk-form input[type=datetime-local],
|
|
.uk-form input[type=email],
|
|
.uk-form input[type=month],
|
|
.uk-form input[type=number],
|
|
.uk-form input[type=password],
|
|
.uk-form input[type=search],
|
|
.uk-form input[type=tel],
|
|
.uk-form input[type=text],
|
|
.uk-form input[type=time],
|
|
.uk-form input[type=url],
|
|
.uk-form input[type=week],
|
|
.uk-form select,
|
|
.uk-form textarea {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 8px;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
-webkit-transition: border 200ms ease-in;
|
|
transition: border 200ms ease-in;
|
|
resize: none;
|
|
}
|
|
.uk-form input:not([type]):focus,
|
|
.uk-form input[type=color]:focus,
|
|
.uk-form input[type=date]:focus,
|
|
.uk-form input[type=datetime-local]:focus,
|
|
.uk-form input[type=email]:focus,
|
|
.uk-form input[type=month]:focus,
|
|
.uk-form input[type=number]:focus,
|
|
.uk-form input[type=password]:focus,
|
|
.uk-form input[type=search]:focus,
|
|
.uk-form input[type=tel]:focus,
|
|
.uk-form input[type=text]:focus,
|
|
.uk-form input[type=time]:focus,
|
|
.uk-form input[type=url]:focus,
|
|
.uk-form input[type=week]:focus,
|
|
.uk-form select:focus,
|
|
.uk-form textarea:focus {
|
|
background: none;
|
|
border-color: #2196f3;
|
|
}
|
|
.uk-form textarea {
|
|
-webkit-transition: border-color 200ms ease-in, height 280ms ease-in;
|
|
transition: border-color 200ms ease-in, height 280ms ease-in;
|
|
}
|
|
.uk-form-row {
|
|
-webkit-transition: all 200ms ease-out;
|
|
transition: all 200ms ease-out;
|
|
}
|
|
.uk-form-row + .uk-form-row {
|
|
margin-top: 24px;
|
|
}
|
|
.uk-form-stacked .uk-form-label {
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
display: block;
|
|
padding-bottom: 8px;
|
|
}
|
|
.uk-form-stacked .uk-form-label + p {
|
|
margin-top: 0;
|
|
}
|
|
.uk-form-help-block {
|
|
display: block;
|
|
font-size: 12px;
|
|
color: #727272;
|
|
padding: 4px 0 0 0;
|
|
font-style: italic;
|
|
}
|
|
.uk-form-width-large,
|
|
.uk-form-width-medium,
|
|
.uk-form-width-small,
|
|
.uk-form-width-mini {
|
|
max-width: 100%;
|
|
}
|
|
/* grid */
|
|
.uk-grid + .uk-grid,
|
|
.uk-grid-margin,
|
|
.uk-grid > * > .uk-panel + .uk-panel {
|
|
margin-top: 24px;
|
|
}
|
|
.uk-grid.uk-grid-small + .uk-grid-small,
|
|
.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel,
|
|
.uk-grid.uk-grid-small > .uk-grid-margin {
|
|
margin-top: 10px;
|
|
}
|
|
.uk-height-viewport {
|
|
min-height: 200px;
|
|
}
|
|
/* icons */
|
|
[class*="uk-icon-"] {
|
|
color: #727272;
|
|
}
|
|
/* input groups */
|
|
.uk-input-group {
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate;
|
|
/*&-icon {
|
|
font-size: 20px !important;
|
|
vertical-align: -3px;
|
|
}*/
|
|
}
|
|
.uk-input-group > input[type=text] {
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-input-group-addon,
|
|
.uk-input-group > input[type=text] {
|
|
display: table-cell;
|
|
}
|
|
.uk-input-group-addon {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
line-height: 1;
|
|
text-align: center;
|
|
padding: 0 16px;
|
|
font-size: 16px;
|
|
min-width: 22px;
|
|
}
|
|
.uk-input-group > .md-input-wrapper {
|
|
display: inline-block;
|
|
}
|
|
.uk-input-group.uk-input-group-danger .uk-input-group-addon i {
|
|
color: #e53935 !important;
|
|
}
|
|
.uk-input-group.uk-input-group-danger + .parsley-errors-list {
|
|
margin-left: 58px;
|
|
}
|
|
.uk-input-group.uk-input-group-success .uk-input-group-addon i {
|
|
color: #7cb342 !important;
|
|
}
|
|
/* list */
|
|
.uk-list-hover li:hover {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* nav */
|
|
.uk-nav-header {
|
|
color: #727272;
|
|
font-weight: normal;
|
|
}
|
|
.uk-nav-divider {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-top-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-nav-divider + .uk-nav-header {
|
|
margin-top: 0;
|
|
}
|
|
.uk-nav-label {
|
|
width: 12px;
|
|
height: 12px;
|
|
display: inline-block;
|
|
vertical-align: -1px;
|
|
margin-right: 8px;
|
|
}
|
|
.uk-nav-side > li > a {
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
}
|
|
.uk-nav-side > li > a > i {
|
|
font-size: 24px;
|
|
margin-right: 10px;
|
|
vertical-align: -7px;
|
|
}
|
|
.uk-nav-side > li > a:hover,
|
|
.uk-nav-side > li > a:focus {
|
|
background: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.uk-nav-side > li.uk-active > a {
|
|
background: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.uk-nav-side > li.uk-active > a,
|
|
.uk-nav-side > li.uk-active > a > i {
|
|
color: #7cb342;
|
|
}
|
|
.uk-nav-side > li li a {
|
|
text-shadow: none;
|
|
color: #212121;
|
|
}
|
|
.uk-nav-side ul.uk-nav-sub {
|
|
padding-top: 0;
|
|
padding-left: 24px;
|
|
}
|
|
/* pagination */
|
|
.uk-pagination {
|
|
margin: 0;
|
|
}
|
|
.uk-pagination > li {
|
|
outline: none !important;
|
|
}
|
|
.uk-pagination > li > a,
|
|
.uk-pagination > li > span {
|
|
border: none;
|
|
padding: 4px 8px;
|
|
min-width: 32px;
|
|
line-height: 24px;
|
|
height: 32px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-shadow: none;
|
|
color: #212121;
|
|
border-radius: 4px;
|
|
}
|
|
.uk-pagination > li > a [class*="uk-icon-"],
|
|
.uk-pagination > li > span [class*="uk-icon-"] {
|
|
font-size: 16px;
|
|
}
|
|
.uk-pagination > li > a {
|
|
background: transparent;
|
|
}
|
|
.uk-pagination > li > a:hover {
|
|
background: #e1efd2;
|
|
}
|
|
.uk-pagination > li.uk-active > a,
|
|
.uk-pagination > li.uk-active > span {
|
|
background: #7cb342;
|
|
}
|
|
.uk-pagination > li.uk-active > a,
|
|
.uk-pagination > li.uk-active > span,
|
|
.uk-pagination > li.uk-active > a:hover,
|
|
.uk-pagination > li.uk-active > span:hover {
|
|
color: #fff;
|
|
}
|
|
.uk-pagination > li.uk-disabled > a,
|
|
.uk-pagination > li.uk-disabled > span {
|
|
border: none;
|
|
text-shadow: none;
|
|
background: transparent !important;
|
|
color: #aaa;
|
|
cursor: default;
|
|
}
|
|
/* panels */
|
|
.uk-panel-box {
|
|
border-radius: 2px;
|
|
background: #fff;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-panel-box .uk-panel-teaser {
|
|
border-radius: 2px 2px 0 0;
|
|
}
|
|
/* tables */
|
|
.uk-table td {
|
|
border-bottom-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-table th {
|
|
border-bottom: 1px #444;
|
|
}
|
|
.uk-table-nowrap td,
|
|
.uk-table-nowrap th {
|
|
white-space: nowrap;
|
|
}
|
|
.uk-table-align-vertical td,
|
|
.uk-table-align-vertical th {
|
|
vertical-align: middle;
|
|
}
|
|
.uk-table tr th.small_col,
|
|
.uk-table tr td.small_col {
|
|
width: 1%;
|
|
}
|
|
.uk-table tr.row_checked td {
|
|
background: #e3f2fd;
|
|
}
|
|
.uk-table .uk-table {
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-table .uk-table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
.uk-table-no-border td {
|
|
border-bottom-color: transparent;
|
|
}
|
|
/* sticky */
|
|
.uk-sticky-placeholder .uk-active {
|
|
z-index: 1094;
|
|
}
|
|
/* subnav */
|
|
.uk-subnav-pill > * > * {
|
|
color: #212121;
|
|
}
|
|
.uk-subnav-pill > .uk-active > * {
|
|
background: #7cb342;
|
|
}
|
|
/* tables */
|
|
.uk-table thead th {
|
|
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-table thead th,
|
|
.uk-table tfoot td,
|
|
.uk-table tfoot th {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
color: #727272;
|
|
font-size: 14px;
|
|
}
|
|
.uk-table td {
|
|
border-bottom-color: #e0e0e0;
|
|
}
|
|
.uk-table tfoot td,
|
|
.uk-table tfoot th {
|
|
border-top: 2px solid rgba(0, 0, 0, 0.12);
|
|
border-bottom: none;
|
|
}
|
|
.uk-table-striped tbody tr:nth-of-type(odd) {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.uk-table-hover tbody tr:hover {
|
|
background: #e3f2fd;
|
|
}
|
|
/* thumbnails */
|
|
.uk-thumbnail {
|
|
border-radius: 0;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-thumbnail-caption {
|
|
padding: 4px 4px 0;
|
|
line-height: 20px;
|
|
color: #727272;
|
|
font-size: 12px;
|
|
}
|
|
/* utilities */
|
|
.uk-text-small {
|
|
font-size: 12px;
|
|
}
|
|
.uk-text-muted {
|
|
color: #757575 !important;
|
|
}
|
|
.uk-text-primary {
|
|
color: #2196f3 !important;
|
|
}
|
|
.uk-text-danger {
|
|
color: #e53935 !important;
|
|
}
|
|
.uk-text-success {
|
|
color: #7cb342 !important;
|
|
}
|
|
.uk-text-warning {
|
|
color: #ffa000 !important;
|
|
}
|
|
.uk-margin-bottom {
|
|
margin-bottom: 16px !important;
|
|
}
|
|
.uk-margin-small-bottom {
|
|
margin-bottom: 8px !important;
|
|
}
|
|
.uk-margin-medium-bottom {
|
|
margin-bottom: 32px !important;
|
|
}
|
|
.uk-margin-large-bottom {
|
|
margin-bottom: 48px !important;
|
|
}
|
|
.uk-margin-medium-top {
|
|
margin-top: 32px !important;
|
|
}
|
|
.uk-margin-large-top {
|
|
margin-top: 48px !important;
|
|
}
|
|
.uk-close {
|
|
font-size: 18px;
|
|
opacity: 1;
|
|
}
|
|
.uk-close:hover,
|
|
.uk-close:focus {
|
|
opacity: 1;
|
|
}
|
|
.uk-close:after {
|
|
opacity: 1 !important;
|
|
color: #727272;
|
|
content: '\e5cd';
|
|
font-family: "Material Icons";
|
|
}
|
|
.uk-float-none {
|
|
float: none !important;
|
|
}
|
|
/* ------------ Components ------------ */
|
|
/* accordion */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Accordion
|
|
========================================================================== */
|
|
/* Sub-object: `uk-accordion-title`
|
|
========================================================================== */
|
|
.uk-accordion-title {
|
|
margin-top: 0;
|
|
margin-bottom: 15px;
|
|
padding: 5px 15px;
|
|
background: #f5f5f5;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
}
|
|
/* Sub-object: `uk-accordion-content`
|
|
========================================================================== */
|
|
.uk-accordion-content {
|
|
padding: 0 15px 15px 15px;
|
|
}
|
|
/*
|
|
* Micro clearfix to make panels more robust
|
|
*/
|
|
.uk-accordion-content:before,
|
|
.uk-accordion-content:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.uk-accordion-content:after {
|
|
clear: both;
|
|
}
|
|
/*
|
|
* Remove margin from the last-child
|
|
*/
|
|
.uk-accordion-content > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-accordion-title {
|
|
background: rgba(153, 153, 153, 0.2);
|
|
border-radius: 0;
|
|
border: none;
|
|
margin: 0 0 4px;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
padding: 8px 24px 8px 16px;
|
|
position: relative;
|
|
}
|
|
.uk-accordion-title:after {
|
|
content: '\e313';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 8px;
|
|
display: block;
|
|
color: #727272;
|
|
-webkit-transition: -webkit-transform 280ms;
|
|
transition: -webkit-transform 280ms;
|
|
transition: transform 280ms;
|
|
transition: transform 280ms, -webkit-transform 280ms;
|
|
}
|
|
.uk-accordion-title.uk-active:after {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
.uk-accordion-title-primary {
|
|
background: #2196f3;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-primary:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-danger {
|
|
background: #e53935;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-danger:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-success {
|
|
background: #7cb342;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-success:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-warning {
|
|
background: #ffa000;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-warning:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-content {
|
|
padding: 16px;
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title {
|
|
background: #fff;
|
|
margin: 0;
|
|
padding: 16px 24px 16px 48px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title:first-child {
|
|
border-top: none;
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title:after {
|
|
color: #2196f3;
|
|
content: '\e145';
|
|
right: auto;
|
|
left: 16px;
|
|
top: 16px;
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title.uk-active:after {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
content: '\e15b';
|
|
}
|
|
.uk-accordion-alt .uk-accordion-content {
|
|
padding: 24px;
|
|
}
|
|
/* dotnav */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Dotnav
|
|
========================================================================== */
|
|
/*
|
|
* 1. Gutter
|
|
* 2. Remove default list style
|
|
*/
|
|
.uk-dotnav {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
/* 1 */
|
|
margin-left: -15px;
|
|
margin-top: -15px;
|
|
/* 2 */
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
/*
|
|
* 1. Space is allocated solely based on content dimensions
|
|
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
|
|
*/
|
|
.uk-dotnav > * {
|
|
/* 1 */
|
|
-ms-flex: none;
|
|
-webkit-box-flex: 0;
|
|
flex: none;
|
|
/* 2 */
|
|
padding-left: 15px;
|
|
margin-top: 15px;
|
|
}
|
|
/*
|
|
* DEPRECATED IE9 Support
|
|
*/
|
|
.uk-dotnav:before,
|
|
.uk-dotnav:after {
|
|
content: "";
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
.uk-dotnav:after {
|
|
clear: both;
|
|
}
|
|
.uk-dotnav > * {
|
|
float: left;
|
|
}
|
|
/* Items
|
|
========================================================================== */
|
|
/*
|
|
* Items
|
|
* 1. Hide text if present
|
|
*/
|
|
.uk-dotnav > * > * {
|
|
display: block;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background: rgba(50, 50, 50, 0.1);
|
|
/* 1 */
|
|
text-indent: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
* 2. Remove default focus style
|
|
*/
|
|
.uk-dotnav > * > :hover,
|
|
.uk-dotnav > * > :focus {
|
|
background: rgba(50, 50, 50, 0.4);
|
|
/* 2 */
|
|
outline: none;
|
|
}
|
|
/* OnClick */
|
|
.uk-dotnav > * > :active {
|
|
background: rgba(50, 50, 50, 0.6);
|
|
}
|
|
/* Active */
|
|
.uk-dotnav > .uk-active > * {
|
|
background: rgba(50, 50, 50, 0.4);
|
|
-webkit-transform: scale(1.3);
|
|
transform: scale(1.3);
|
|
}
|
|
/* Modifier: `uk-dotnav-contrast`
|
|
========================================================================== */
|
|
.uk-dotnav-contrast > * > * {
|
|
background: rgba(255, 255, 255, 0.4);
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
*/
|
|
.uk-dotnav-contrast > * > :hover,
|
|
.uk-dotnav-contrast > * > :focus {
|
|
background: rgba(255, 255, 255, 0.7);
|
|
}
|
|
/* OnClick */
|
|
.uk-dotnav-contrast > * > :active {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
}
|
|
/* Active */
|
|
.uk-dotnav-contrast > .uk-active > * {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
}
|
|
/* Modifier: 'uk-dotnav-vertical'
|
|
========================================================================== */
|
|
/*
|
|
* DEPRECATED
|
|
*/
|
|
.uk-dotnav-vertical {
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
/*
|
|
* DEPRECATED IE9 Support
|
|
*/
|
|
.uk-dotnav-vertical > * {
|
|
float: none;
|
|
}
|
|
/* progress */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Progress
|
|
========================================================================== */
|
|
/*
|
|
* 1. Clearing
|
|
* 2. Vertical alignment if text is used
|
|
*/
|
|
.uk-progress {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 20px;
|
|
margin-bottom: 15px;
|
|
background: #f5f5f5;
|
|
/* 1 */
|
|
overflow: hidden;
|
|
/* 2 */
|
|
line-height: 20px;
|
|
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
|
|
border-radius: 4px;
|
|
}
|
|
/*
|
|
* Add margin if adjacent element
|
|
*/
|
|
* + .uk-progress {
|
|
margin-top: 15px;
|
|
}
|
|
/* Sub-object: `uk-progress-bar`
|
|
========================================================================== */
|
|
/*
|
|
* 1. Transition
|
|
* 2. Needed for text
|
|
*/
|
|
.uk-progress-bar {
|
|
width: 0;
|
|
height: 100%;
|
|
background: #00a8e6;
|
|
float: left;
|
|
/* 1 */
|
|
-webkit-transition: width 0.6s ease;
|
|
transition: width 0.6s ease;
|
|
/* 2 */
|
|
font-size: 12px;
|
|
color: #fff;
|
|
text-align: center;
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* Size modifiers
|
|
========================================================================== */
|
|
/* Mini */
|
|
.uk-progress-mini {
|
|
height: 6px;
|
|
}
|
|
/* Small */
|
|
.uk-progress-small {
|
|
height: 12px;
|
|
}
|
|
/* Color modifiers
|
|
========================================================================== */
|
|
.uk-progress-success .uk-progress-bar {
|
|
background-color: #8cc14c;
|
|
}
|
|
.uk-progress-warning .uk-progress-bar {
|
|
background-color: #faa732;
|
|
}
|
|
.uk-progress-danger .uk-progress-bar {
|
|
background-color: #da314b;
|
|
}
|
|
/* Modifier: `uk-progress-striped`
|
|
========================================================================== */
|
|
.uk-progress-striped .uk-progress-bar {
|
|
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-size: 30px 30px;
|
|
}
|
|
/*
|
|
* Animation
|
|
*/
|
|
.uk-progress-striped.uk-active .uk-progress-bar {
|
|
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
|
|
animation: uk-progress-bar-stripes 2s linear infinite;
|
|
}
|
|
@-webkit-keyframes uk-progress-bar-stripes {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 30px 0;
|
|
}
|
|
}
|
|
@keyframes uk-progress-bar-stripes {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 30px 0;
|
|
}
|
|
}
|
|
/* Size modifiers
|
|
========================================================================== */
|
|
.uk-progress-mini,
|
|
.uk-progress-small {
|
|
border-radius: 500px;
|
|
}
|
|
.uk-progress {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-radius: 2px;
|
|
}
|
|
.uk-progress-bar {
|
|
background: #009688;
|
|
}
|
|
.uk-progress-success .uk-progress-bar {
|
|
background-color: #7cb342;
|
|
}
|
|
.uk-progress-danger .uk-progress-bar {
|
|
background-color: #e53935;
|
|
}
|
|
.uk-progress-warning .uk-progress-bar {
|
|
background-color: #ffa000;
|
|
}
|
|
/* htmleditor */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: HTML editor
|
|
========================================================================== */
|
|
/* Sub-object `uk-htmleditor-navbar`
|
|
========================================================================== */
|
|
.uk-htmleditor-navbar {
|
|
background: #f5f5f5;
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
/*
|
|
* Micro clearfix
|
|
*/
|
|
.uk-htmleditor-navbar:before,
|
|
.uk-htmleditor-navbar:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.uk-htmleditor-navbar:after {
|
|
clear: both;
|
|
}
|
|
/* Sub-object `uk-htmleditor-navbar-nav`
|
|
========================================================================== */
|
|
.uk-htmleditor-navbar-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
float: left;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li {
|
|
float: left;
|
|
}
|
|
/*
|
|
* 1. Dimensions
|
|
* 2. Style
|
|
*/
|
|
.uk-htmleditor-navbar-nav > li > a {
|
|
display: block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-decoration: none;
|
|
/* 1 */
|
|
height: 41px;
|
|
padding: 0 15px;
|
|
line-height: 40px;
|
|
/* 2 */
|
|
color: #444;
|
|
font-size: 11px;
|
|
cursor: pointer;
|
|
margin-top: -1px;
|
|
margin-left: -1px;
|
|
border: 1px solid transparent;
|
|
border-bottom-width: 0;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
* 2. Remove default focus style
|
|
*/
|
|
.uk-htmleditor-navbar-nav > li:hover > a,
|
|
.uk-htmleditor-navbar-nav > li > a:focus {
|
|
background-color: #fafafa;
|
|
color: #444;
|
|
outline: none;
|
|
/* 2 */
|
|
position: relative;
|
|
z-index: 1;
|
|
border-left-color: rgba(0, 0, 0, 0.1);
|
|
border-right-color: rgba(0, 0, 0, 0.1);
|
|
border-top-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* OnClick */
|
|
.uk-htmleditor-navbar-nav > li > a:active {
|
|
background-color: #eee;
|
|
color: #444;
|
|
border-left-color: rgba(0, 0, 0, 0.1);
|
|
border-right-color: rgba(0, 0, 0, 0.1);
|
|
border-top-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
/* Active */
|
|
.uk-htmleditor-navbar-nav > li.uk-active > a {
|
|
background-color: #fafafa;
|
|
color: #444;
|
|
border-left-color: rgba(0, 0, 0, 0.1);
|
|
border-right-color: rgba(0, 0, 0, 0.1);
|
|
border-top-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* Sub-object: `uk-htmleditor-navbar-flip`
|
|
========================================================================== */
|
|
.uk-htmleditor-navbar-flip {
|
|
float: right;
|
|
}
|
|
/* Sub-object for special buttons
|
|
========================================================================== */
|
|
[data-mode='split'] .uk-htmleditor-button-code,
|
|
[data-mode='split'] .uk-htmleditor-button-preview {
|
|
display: none;
|
|
}
|
|
/* Sub-object `uk-htmleditor-content`
|
|
========================================================================== */
|
|
.uk-htmleditor-content {
|
|
border-left: 1px solid #ddd;
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
background: #fff;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
/*
|
|
* Micro clearfix
|
|
*/
|
|
.uk-htmleditor-content:before,
|
|
.uk-htmleditor-content:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.uk-htmleditor-content:after {
|
|
clear: both;
|
|
}
|
|
/* Modifier `uk-htmleditor-fullscreen`
|
|
========================================================================== */
|
|
.uk-htmleditor-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 990;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-content {
|
|
position: absolute;
|
|
top: 41px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-icon-expand:before {
|
|
content: "\f066";
|
|
}
|
|
/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview`
|
|
========================================================================== */
|
|
.uk-htmleditor-code,
|
|
.uk-htmleditor-preview {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.uk-htmleditor-preview {
|
|
padding: 20px;
|
|
overflow-y: scroll;
|
|
position: relative;
|
|
}
|
|
/*
|
|
* Tab view
|
|
*/
|
|
[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
|
|
[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
|
|
display: none;
|
|
}
|
|
/*
|
|
* Split view
|
|
*/
|
|
[data-mode='split'] .uk-htmleditor-code,
|
|
[data-mode='split'] .uk-htmleditor-preview {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
[data-mode='split'] .uk-htmleditor-code {
|
|
border-right: 1px solid #eee;
|
|
}
|
|
/* Sub-object `uk-htmleditor-iframe`
|
|
========================================================================== */
|
|
.uk-htmleditor-iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/* CodeMirror modifications
|
|
========================================================================== */
|
|
.uk-htmleditor .CodeMirror {
|
|
padding: 10px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
/*
|
|
* Apply same `border-radius` as `uk-htmleditor-navbar`
|
|
*/
|
|
.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
/*
|
|
* Sub-modifier `uk-htmleditor-navbar-flip`
|
|
*/
|
|
/* Collapse border */
|
|
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
|
|
margin-left: 0;
|
|
margin-right: -1px;
|
|
}
|
|
/* Apply same `border-radius` as `uk-htmleditor-navbar` */
|
|
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
|
|
border-top-left-radius: 0;
|
|
}
|
|
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
|
|
border-top-right-radius: 4px;
|
|
}
|
|
/*
|
|
* Sub-modifier `uk-htmleditor-fullscreen`
|
|
*/
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-radius: 0;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-content {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
|
|
border-radius: 0 !important;
|
|
}
|
|
.uk-htmleditor-navbar {
|
|
border-radius: 0;
|
|
background: #f9f9f9;
|
|
border-width: 1px 1px 0;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
overflow: hidden;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li > a {
|
|
border: none;
|
|
border-radius: 0 !important;
|
|
height: 38px;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li.uk-active > a {
|
|
background: #ebebeb;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li:hover > a,
|
|
.uk-htmleditor-navbar-nav > li > a:focus {
|
|
background: #ebebeb;
|
|
}
|
|
.uk-htmleditor-content {
|
|
border-radius: 0;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-htmleditor-fullscreen {
|
|
z-index: 1154;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-content {
|
|
top: 38px;
|
|
}
|
|
/* upload */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Form file
|
|
========================================================================== */
|
|
/*
|
|
* 1. Behave like form elements
|
|
* 2. Create position context for dropdowns
|
|
* 3. Clip content
|
|
*/
|
|
.uk-form-file {
|
|
/* 1 */
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
/* 2 */
|
|
position: relative;
|
|
/* 3 */
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* 1. Required for Firefox
|
|
* 2. Expand height and required for the cursor
|
|
*/
|
|
.uk-form-file input[type="file"] {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
/* 1 */
|
|
left: 0;
|
|
/* 2 */
|
|
font-size: 500px;
|
|
}
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Upload
|
|
========================================================================== */
|
|
/*
|
|
* Create a box-shadow when dragging a file over the upload area
|
|
*/
|
|
.uk-dragover {
|
|
-webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
|
|
box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
|
|
}
|
|
.uk-file-upload {
|
|
width: 100%;
|
|
padding: 32px 16px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background: #f5f5f5;
|
|
text-align: center;
|
|
-webkit-transition: all 200ms ease-in;
|
|
transition: all 200ms ease-in;
|
|
}
|
|
.uk-file-upload p {
|
|
margin: 0;
|
|
}
|
|
.uk-file-upload.uk-dragover {
|
|
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
|
|
}
|
|
div.uk-form-file {
|
|
padding: 3px 2px;
|
|
}
|
|
div.uk-form-file.md-btn {
|
|
padding: 2px 12px;
|
|
}
|
|
.uk-form-file input[type="file"] {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
left: 0;
|
|
font-size: 500px;
|
|
}
|
|
.uk-form-file input[type="file"]::-webkit-file-upload-button {
|
|
cursor: pointer;
|
|
}
|
|
/* form select */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Form select
|
|
========================================================================== */
|
|
/*
|
|
* 1. Behave like form elements
|
|
* 2. Create position context for dropdowns
|
|
* 3. Clip content
|
|
*/
|
|
.uk-form-select {
|
|
/* 1 */
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
/* 2 */
|
|
position: relative;
|
|
/* 3 */
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* 1. Required for Firefox
|
|
* 1. Required for Webkit to make `height` work
|
|
*/
|
|
.uk-form-select select {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
/* 1 */
|
|
left: 0;
|
|
/* 2 */
|
|
-webkit-appearance: none;
|
|
}
|
|
/* datepicker */
|
|
.uk-datepicker {
|
|
z-index: 1094;
|
|
width: auto;
|
|
padding: 0;
|
|
}
|
|
.uk-datepicker-nav {
|
|
margin-bottom: 15px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
background: #009688;
|
|
padding: 10px 0;
|
|
}
|
|
.uk-datepicker-nav a,
|
|
.uk-datepicker-nav a:hover {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
.uk-datepicker-nav .uk-form-select {
|
|
font: 400 16px / 22px "Roboto", sans-serif;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
|
|
padding: 0 4px;
|
|
}
|
|
.uk-datepicker-nav .uk-form-select + .uk-form-select {
|
|
margin-left: 2px;
|
|
}
|
|
.uk-datepicker-previous {
|
|
float: left;
|
|
margin-left: 8px;
|
|
}
|
|
.uk-datepicker-previous:after {
|
|
content: "\f053";
|
|
}
|
|
.uk-datepicker-next {
|
|
float: right;
|
|
margin-right: 8px;
|
|
}
|
|
.uk-datepicker-next:after {
|
|
content: "\f054";
|
|
}
|
|
.uk-datepicker-previous:after,
|
|
.uk-datepicker-next:after {
|
|
width: 20px;
|
|
font-family: FontAwesome;
|
|
}
|
|
.uk-datepicker.dp-top {
|
|
-webkit-transform-origin: 50% 100% !important;
|
|
transform-origin: 50% 100% !important;
|
|
}
|
|
.uk-datepicker-table {
|
|
width: 100%;
|
|
}
|
|
.uk-datepicker-table th,
|
|
.uk-datepicker-table td {
|
|
padding: 2px;
|
|
font: 400 13px / 15px "Roboto", sans-serif;
|
|
}
|
|
.uk-datepicker-table th {
|
|
color: #727272;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
}
|
|
.uk-datepicker-table a {
|
|
display: block;
|
|
width: 30px;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
border-radius: 50%;
|
|
color: #212121;
|
|
}
|
|
.uk-datepicker-table a:hover {
|
|
background-color: rgba(0, 0, 0, 0.085);
|
|
color: #212121;
|
|
outline: none;
|
|
}
|
|
.uk-datepicker-table a.uk-active {
|
|
background-color: #009688;
|
|
color: #fff;
|
|
}
|
|
a.uk-datepicker-table-muted {
|
|
color: #999;
|
|
}
|
|
/* autocomplete, timepicker */
|
|
.uk-autocomplete .uk-dropdown {
|
|
display: block;
|
|
max-height: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
border-radius: 0;
|
|
border: none;
|
|
-webkit-transform: scale(0.25, 0);
|
|
transform: scale(0.25, 0);
|
|
opacity: 0;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation: none !important;
|
|
animation: none !important;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.uk-autocomplete.uk-open .uk-dropdown {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
max-height: 210px;
|
|
}
|
|
[data-uk-autocomplete] .uk-dropdown {
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
[data-uk-autocomplete] .uk-dropdown .uk-nav {
|
|
margin: 0;
|
|
}
|
|
/* password toggle */
|
|
.uk-form-password-toggle {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 16px;
|
|
color: #727272;
|
|
}
|
|
.uk-form-password-toggle:hover {
|
|
color: #727272;
|
|
}
|
|
/* nestable */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Nestable
|
|
========================================================================== */
|
|
.uk-nestable {
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
/*
|
|
* Disables the default callout shown when you touch and hold a touch target
|
|
* Currently only works in Webkit
|
|
*/
|
|
.uk-nestable a,
|
|
.uk-nestable img {
|
|
-webkit-touch-callout: none;
|
|
}
|
|
/* Sub-object `uk-nestable-list`
|
|
========================================================================== */
|
|
.uk-nestable-list {
|
|
margin: 0;
|
|
padding-left: 40px;
|
|
list-style: none;
|
|
}
|
|
/* Sub-modifier `uk-nestable-item`
|
|
========================================================================== */
|
|
/*
|
|
* 1. Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-nestable-item {
|
|
/* 1 */
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
.uk-nestable-item + .uk-nestable-item {
|
|
margin-top: 10px;
|
|
}
|
|
.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
|
|
margin-top: 10px;
|
|
}
|
|
/* Sub-modifier `uk-nestable-dragged`
|
|
========================================================================== */
|
|
/*
|
|
* 1. Reset style
|
|
*/
|
|
.uk-nestable-dragged {
|
|
position: absolute;
|
|
z-index: 1050;
|
|
pointer-events: none;
|
|
/* 1 */
|
|
padding-left: 0;
|
|
}
|
|
/* Sub-modifier `uk-nestable-placeholder`
|
|
========================================================================== */
|
|
.uk-nestable-placeholder {
|
|
position: relative;
|
|
}
|
|
.uk-nestable-placeholder > * {
|
|
opacity: 0;
|
|
}
|
|
.uk-nestable-placeholder:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border: 1px dashed #ddd;
|
|
opacity: 1;
|
|
}
|
|
/* Empty List
|
|
========================================================================== */
|
|
.uk-nestable-empty {
|
|
min-height: 30px;
|
|
}
|
|
/* Sub-object `uk-nestable-handle`
|
|
========================================================================== */
|
|
/*
|
|
* Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-nestable-handle {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
/* Hover */
|
|
.uk-nestable-handle:hover {
|
|
cursor: move;
|
|
}
|
|
/* Sub-object `uk-nestable-moving`
|
|
========================================================================== */
|
|
.uk-nestable-moving,
|
|
.uk-nestable-moving * {
|
|
cursor: move;
|
|
}
|
|
/* Fixes dragging items over iframes */
|
|
.uk-nestable-moving iframe {
|
|
pointer-events: none;
|
|
}
|
|
/* [data-nestable-action='toggle']
|
|
========================================================================== */
|
|
/*
|
|
* 1. Makes text unselectable. Happens if double clicked by mistake
|
|
*/
|
|
[data-nestable-action='toggle'] {
|
|
cursor: pointer;
|
|
/* 1 */
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
/* Sub-object `.uk-nestable-toggle`
|
|
========================================================================== */
|
|
.uk-nestable-toggle {
|
|
display: inline-block;
|
|
visibility: hidden;
|
|
}
|
|
.uk-nestable-toggle:after {
|
|
content: "\f147";
|
|
font-family: FontAwesome;
|
|
}
|
|
.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
|
|
visibility: visible;
|
|
}
|
|
/*
|
|
* Collapsed
|
|
*/
|
|
.uk-collapsed .uk-nestable-list {
|
|
display: none;
|
|
}
|
|
.uk-collapsed .uk-nestable-toggle:after {
|
|
content: "\f196";
|
|
}
|
|
/* Sub-object `uk-nestable-panel`
|
|
========================================================================== */
|
|
.uk-nestable-panel {
|
|
padding: 5px;
|
|
background: #f5f5f5;
|
|
border-radius: 4px;
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
.uk-nestable-handle {
|
|
margin-right: 16px;
|
|
}
|
|
.uk-nestable-panel {
|
|
padding: 8px 16px;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
border: none;
|
|
text-shadow: none;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
.uk-nestable-placeholder:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border: none;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
opacity: 1;
|
|
}
|
|
.uk-nestable-toggle {
|
|
font-size: 18px;
|
|
height: 18px;
|
|
width: 18px;
|
|
line-height: 18px;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
margin-right: 8px;
|
|
display: none;
|
|
}
|
|
.uk-nestable-toggle:after {
|
|
vertical-align: top;
|
|
content: '\e316';
|
|
font-family: "Material Icons";
|
|
}
|
|
.uk-parent > .uk-nestable-panel .uk-nestable-toggle {
|
|
display: inline-block;
|
|
}
|
|
.uk-collapsed .uk-nestable-toggle:after {
|
|
content: "\e313";
|
|
}
|
|
/* notify */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Notify
|
|
========================================================================== */
|
|
/*
|
|
* Message container for positioning
|
|
*/
|
|
.uk-notify {
|
|
position: fixed;
|
|
top: 10px;
|
|
left: 10px;
|
|
z-index: 1040;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 350px;
|
|
}
|
|
/* Position modifiers
|
|
========================================================================== */
|
|
.uk-notify-top-right,
|
|
.uk-notify-bottom-right {
|
|
left: auto;
|
|
right: 10px;
|
|
}
|
|
.uk-notify-top-center,
|
|
.uk-notify-bottom-center {
|
|
left: 50%;
|
|
margin-left: -175px;
|
|
}
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right,
|
|
.uk-notify-bottom-center {
|
|
top: auto;
|
|
bottom: 10px;
|
|
}
|
|
/* Responsiveness
|
|
========================================================================== */
|
|
/* Phones portrait and smaller */
|
|
@media (max-width: 479px) {
|
|
/*
|
|
* Fit in small screen
|
|
*/
|
|
.uk-notify {
|
|
left: 10px;
|
|
right: 10px;
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
}
|
|
/* Sub-object: `uk-notify-message`
|
|
========================================================================== */
|
|
.uk-notify-message {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
padding: 15px;
|
|
background: #444;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
cursor: pointer;
|
|
border: 1px solid #444;
|
|
border-radius: 4px;
|
|
}
|
|
/* Close in notify
|
|
========================================================================== */
|
|
.uk-notify-message > .uk-close {
|
|
visibility: hidden;
|
|
float: right;
|
|
}
|
|
.uk-notify-message:hover > .uk-close {
|
|
visibility: visible;
|
|
}
|
|
/* Modifier: `uk-notify-message-primary`
|
|
========================================================================== */
|
|
.uk-notify-message-primary {
|
|
background: #ebf7fd;
|
|
color: #2d7091;
|
|
border-color: rgba(45, 112, 145, 0.3);
|
|
}
|
|
/* Modifier: `uk-notify-message-success`
|
|
========================================================================== */
|
|
.uk-notify-message-success {
|
|
background: #f2fae3;
|
|
color: #659f13;
|
|
border-color: rgba(101, 159, 19, 0.3);
|
|
}
|
|
/* Modifier: `uk-notify-message-warning`
|
|
========================================================================== */
|
|
.uk-notify-message-warning {
|
|
background: #fffceb;
|
|
color: #e28327;
|
|
border-color: rgba(226, 131, 39, 0.3);
|
|
}
|
|
/* Modifier: `uk-notify-message-danger`
|
|
========================================================================== */
|
|
.uk-notify-message-danger {
|
|
background: #fff1f0;
|
|
color: #d85030;
|
|
border-color: rgba(216, 80, 48, 0.3);
|
|
}
|
|
.uk-notify {
|
|
z-index: 1114;
|
|
width: 400px;
|
|
top: 56px;
|
|
max-width: 100%;
|
|
}
|
|
.uk-notify-top-center,
|
|
.uk-notify-bottom-center {
|
|
margin-left: -200px;
|
|
}
|
|
.uk-notify-top-left {
|
|
left: 24px;
|
|
}
|
|
.uk-notify-top-right {
|
|
right: 24px;
|
|
}
|
|
.uk-notify-bottom-left {
|
|
left: 24px;
|
|
}
|
|
.uk-notify-bottom-right {
|
|
right: 24px;
|
|
}
|
|
.uk-notify-bottom-center,
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right {
|
|
top: auto;
|
|
bottom: 8px;
|
|
}
|
|
.uk-notify-message {
|
|
background: #323232;
|
|
border-radius: 4px;
|
|
padding: 12px 16px;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
border: none;
|
|
}
|
|
.uk-notify .uk-close {
|
|
display: none;
|
|
}
|
|
.uk-notify .notify-action {
|
|
float: right;
|
|
text-transform: uppercase;
|
|
color: #8bc34a;
|
|
margin-left: 16px;
|
|
}
|
|
.uk-notify .notify-action:hover {
|
|
color: #689f38;
|
|
}
|
|
.uk-notify .notify-content {
|
|
overflow: hidden;
|
|
}
|
|
.uk-notify-message-info {
|
|
background: #1976d2;
|
|
color: #fff;
|
|
}
|
|
.uk-notify-message-success {
|
|
background: #7cb342;
|
|
}
|
|
.uk-notify-message-warning {
|
|
background: #ffa000;
|
|
}
|
|
.uk-notify-message-danger {
|
|
background: #e53935;
|
|
}
|
|
.uk-notify-message-info,
|
|
.uk-notify-message-success,
|
|
.uk-notify-message-warning,
|
|
.uk-notify-message-danger {
|
|
color: #fff;
|
|
}
|
|
.uk-notify-message-info .notify-action,
|
|
.uk-notify-message-success .notify-action,
|
|
.uk-notify-message-warning .notify-action,
|
|
.uk-notify-message-danger .notify-action {
|
|
color: #fff;
|
|
}
|
|
.uk-notify-message-info .notify-action:hover,
|
|
.uk-notify-message-success .notify-action:hover,
|
|
.uk-notify-message-warning .notify-action:hover,
|
|
.uk-notify-message-danger .notify-action:hover {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.uk-notify-top-center,
|
|
.uk-notify-top-left,
|
|
.uk-notify-top-right,
|
|
.uk-notify-bottom-center,
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right {
|
|
width: 100%;
|
|
margin: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.uk-notify-top-center > .uk-notify-message,
|
|
.uk-notify-top-left > .uk-notify-message,
|
|
.uk-notify-top-right > .uk-notify-message,
|
|
.uk-notify-bottom-center > .uk-notify-message,
|
|
.uk-notify-bottom-left > .uk-notify-message,
|
|
.uk-notify-bottom-right > .uk-notify-message {
|
|
border-radius: 0;
|
|
padding: 16px 32px;
|
|
}
|
|
.uk-notify-top-center,
|
|
.uk-notify-top-left,
|
|
.uk-notify-top-right {
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
.uk-notify-bottom-center,
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right {
|
|
top: auto;
|
|
bottom: -10px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.sidebar_main_active .uk-notify-top-left,
|
|
.sidebar_main_open .uk-notify-top-left {
|
|
left: 256px;
|
|
}
|
|
.sidebar_main_active .uk-notify-top-center,
|
|
.sidebar_main_open .uk-notify-top-center {
|
|
margin-left: -80px;
|
|
}
|
|
.sidebar_main_active .uk-notify-bottom-left,
|
|
.sidebar_main_open .uk-notify-bottom-left {
|
|
left: 256px;
|
|
}
|
|
.sidebar_main_active .uk-notify-bottom-center,
|
|
.sidebar_main_open .uk-notify-bottom-center {
|
|
margin-left: -80px;
|
|
}
|
|
}
|
|
/* slideshow */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Slideshow
|
|
========================================================================== */
|
|
/*
|
|
* 1. Create position context
|
|
* 2. Create stacking context to prevent z-index issues with other components
|
|
* 3. Set width because child elements are positioned absolute. Height is set via JS
|
|
* 4. Reset list style
|
|
* 5. Clip child elements
|
|
* 6. Deactivate browser history navigation in IE11
|
|
*/
|
|
.uk-slideshow {
|
|
/* 1 */
|
|
position: relative;
|
|
/* 2 */
|
|
z-index: 0;
|
|
/* 3 */
|
|
width: 100%;
|
|
/* 4 */
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
/* 5 */
|
|
overflow: hidden;
|
|
/* 6 */
|
|
-ms-touch-action: pan-y;
|
|
touch-action: pan-y;
|
|
}
|
|
/*
|
|
* Sub-object item
|
|
* 1. Position items above each other
|
|
* 2. Expand to parent container width
|
|
* 3. Hide by default
|
|
*/
|
|
.uk-slideshow > li {
|
|
/* 1 */
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
/* 2 */
|
|
width: 100%;
|
|
/* 3 */
|
|
opacity: 0;
|
|
}
|
|
/*
|
|
* Active
|
|
* 1. Stack at first
|
|
* 2. Show slide
|
|
*/
|
|
.uk-slideshow > .uk-active {
|
|
/* 1 */
|
|
z-index: 10;
|
|
/* 2 */
|
|
opacity: 1;
|
|
}
|
|
/*
|
|
* Hide default images which is only relevant to keep existing proportions
|
|
*/
|
|
.uk-slideshow > li > img {
|
|
visibility: hidden;
|
|
}
|
|
/*
|
|
* Pointer for controls
|
|
*/
|
|
[data-uk-slideshow-slide] {
|
|
cursor: pointer;
|
|
}
|
|
/* Modifier: `uk-slideshow-fullscreen`
|
|
========================================================================== */
|
|
.uk-slideshow-fullscreen,
|
|
.uk-slideshow-fullscreen > li {
|
|
height: 100vh;
|
|
}
|
|
/* Animations
|
|
========================================================================== */
|
|
/*
|
|
* Fade
|
|
*/
|
|
.uk-slideshow-fade-in {
|
|
-webkit-animation: uk-fade 0.5s linear;
|
|
animation: uk-fade 0.5s linear;
|
|
}
|
|
.uk-slideshow-fade-out {
|
|
-webkit-animation: uk-fade 0.5s linear reverse;
|
|
animation: uk-fade 0.5s linear reverse;
|
|
}
|
|
/*
|
|
* Scroll
|
|
*/
|
|
.uk-slideshow-scroll-forward-in {
|
|
-webkit-animation: uk-slide-right 0.5s ease-in-out;
|
|
animation: uk-slide-right 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-scroll-forward-out {
|
|
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
}
|
|
.uk-slideshow-scroll-backward-in {
|
|
-webkit-animation: uk-slide-left 0.5s ease-in-out;
|
|
animation: uk-slide-left 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-scroll-backward-out {
|
|
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
}
|
|
/*
|
|
* Scale
|
|
*/
|
|
.uk-slideshow-scale-out {
|
|
-webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
|
animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
|
}
|
|
/*
|
|
* Swipe
|
|
*/
|
|
.uk-slideshow-swipe-forward-in {
|
|
-webkit-animation: uk-slide-left-33 0.5s ease-in-out;
|
|
animation: uk-slide-left-33 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-swipe-forward-out {
|
|
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
}
|
|
.uk-slideshow-swipe-backward-in {
|
|
-webkit-animation: uk-slide-right-33 0.5s ease-in-out;
|
|
animation: uk-slide-right-33 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-swipe-backward-out {
|
|
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
}
|
|
.uk-slideshow-swipe-forward-in:before,
|
|
.uk-slideshow-swipe-backward-in:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
-webkit-animation: uk-fade 0.5s ease-in-out reverse;
|
|
animation: uk-fade 0.5s ease-in-out reverse;
|
|
}
|
|
/* slider */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Slider
|
|
========================================================================== */
|
|
/*
|
|
* RTL Compatibility
|
|
*/
|
|
[data-uk-slider] {
|
|
direction: ltr;
|
|
}
|
|
html[dir="rtl"] .uk-slider > * {
|
|
direction: rtl;
|
|
}
|
|
/*
|
|
* 1. Create position context
|
|
* 2. Create stacking context to prevent z-index issues with other components
|
|
* 3. Deactivate browser history navigation in IE11
|
|
*/
|
|
.uk-slider {
|
|
/* 1 */
|
|
position: relative;
|
|
/* 2 */
|
|
z-index: 0;
|
|
/* 3 */
|
|
-ms-touch-action: pan-y;
|
|
touch-action: pan-y;
|
|
}
|
|
/*
|
|
* 1. Reset list style without interfering with grid
|
|
*/
|
|
.uk-slider:not(.uk-grid) {
|
|
/* 1 */
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
/*
|
|
* Sub-object item
|
|
* 1. Position items above each other
|
|
*/
|
|
.uk-slider > * {
|
|
/* 1 */
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
/*
|
|
* Clip child elements
|
|
*/
|
|
.uk-slider-container {
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* Dragged
|
|
*/
|
|
.uk-slider:not(.uk-drag) {
|
|
-webkit-transition: -webkit-transform 200ms linear;
|
|
transition: -webkit-transform 200ms linear;
|
|
transition: transform 200ms linear;
|
|
transition: transform 200ms linear, -webkit-transform 200ms linear;
|
|
}
|
|
/*
|
|
* 1. Makes text unselectable
|
|
*/
|
|
.uk-slider.uk-drag {
|
|
cursor: col-resize;
|
|
/* 1 */
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
/*
|
|
* 1. Prevents images and links from being dragged (default browser behavior)
|
|
* 2. Disables the default callout shown when you touch and hold a touch target
|
|
* Currently only works in Webkit
|
|
*/
|
|
.uk-slider a,
|
|
.uk-slider img {
|
|
/* 1 */
|
|
-webkit-user-drag: none;
|
|
user-drag: none;
|
|
/* 2 */
|
|
-webkit-touch-callout: none;
|
|
}
|
|
/*
|
|
* 1. Prevents images and links from being dragged in Firefox
|
|
*/
|
|
.uk-slider img {
|
|
pointer-events: none;
|
|
}
|
|
/* Modifier: `uk-slider-fullscreen`
|
|
========================================================================== */
|
|
.uk-slider-fullscreen,
|
|
.uk-slider-fullscreen > li {
|
|
height: 100vh;
|
|
}
|
|
.uk-slider .uk-active .md-card {
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.uk-slider-center li {
|
|
opacity: 0.4;
|
|
}
|
|
.uk-slider-center li.uk-active {
|
|
opacity: 1;
|
|
}
|
|
/* slidenav */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Slidenav
|
|
========================================================================== */
|
|
/*
|
|
* 1. Required for `a` elements
|
|
* 2. Dimension
|
|
* 3. Style
|
|
*/
|
|
.uk-slidenav {
|
|
/* 1 */
|
|
display: inline-block;
|
|
/* 2 */
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 60px;
|
|
height: 60px;
|
|
/* 3 */
|
|
line-height: 60px;
|
|
color: rgba(50, 50, 50, 0.4);
|
|
font-size: 60px;
|
|
text-align: center;
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
* 2. Remove default focus style
|
|
* 3. Required for `a` elements
|
|
* 4. Style
|
|
*/
|
|
.uk-slidenav:hover,
|
|
.uk-slidenav:focus {
|
|
/* 2 */
|
|
outline: none;
|
|
/* 3 */
|
|
text-decoration: none;
|
|
/* 4 */
|
|
color: rgba(50, 50, 50, 0.7);
|
|
cursor: pointer;
|
|
}
|
|
/* Active */
|
|
.uk-slidenav:active {
|
|
color: rgba(50, 50, 50, 0.9);
|
|
}
|
|
/*
|
|
* Icons
|
|
*/
|
|
.uk-slidenav-previous:before {
|
|
content: "\f104";
|
|
font-family: FontAwesome;
|
|
}
|
|
.uk-slidenav-next:before {
|
|
content: "\f105";
|
|
font-family: FontAwesome;
|
|
}
|
|
/* Sub-object: `uk-slidenav-position`
|
|
========================================================================== */
|
|
/*
|
|
* Create position context
|
|
*/
|
|
.uk-slidenav-position {
|
|
position: relative;
|
|
}
|
|
/*
|
|
* Center vertically
|
|
*/
|
|
.uk-slidenav-position .uk-slidenav {
|
|
display: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 1;
|
|
margin-top: -30px;
|
|
}
|
|
.uk-slidenav-position:hover .uk-slidenav {
|
|
display: block;
|
|
}
|
|
.uk-slidenav-position .uk-slidenav-previous {
|
|
left: 20px;
|
|
}
|
|
.uk-slidenav-position .uk-slidenav-next {
|
|
right: 20px;
|
|
}
|
|
/* Modifier: `uk-slidenav-contrast`
|
|
========================================================================== */
|
|
.uk-slidenav-contrast {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
*/
|
|
.uk-slidenav-contrast:hover,
|
|
.uk-slidenav-contrast:focus {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
/* Active */
|
|
.uk-slidenav-contrast:active {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
/* tooltips */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Tooltip
|
|
========================================================================== */
|
|
/*
|
|
* 1. Hide by default
|
|
* 2. Set fixed position
|
|
* 3. Set dimensions
|
|
* 4. Set style
|
|
*/
|
|
.uk-tooltip {
|
|
/* 1 */
|
|
display: none;
|
|
/* 2 */
|
|
position: absolute;
|
|
z-index: 1030;
|
|
/* 3 */
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
max-width: 200px;
|
|
padding: 5px 8px;
|
|
/* 4 */
|
|
background: #333;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 3px;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
/* Triangle
|
|
========================================================================== */
|
|
/*
|
|
* 1. Dashed is less antialised than solid
|
|
*/
|
|
.uk-tooltip:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
/* 1 */
|
|
border: 5px dashed #333;
|
|
}
|
|
/* Direction modifiers
|
|
========================================================================== */
|
|
/*
|
|
* Top
|
|
*/
|
|
.uk-tooltip-top:after,
|
|
.uk-tooltip-top-left:after,
|
|
.uk-tooltip-top-right:after {
|
|
bottom: -5px;
|
|
border-top-style: solid;
|
|
border-bottom: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-top-color: #333;
|
|
}
|
|
/*
|
|
* Bottom
|
|
*/
|
|
.uk-tooltip-bottom:after,
|
|
.uk-tooltip-bottom-left:after,
|
|
.uk-tooltip-bottom-right:after {
|
|
top: -5px;
|
|
border-bottom-style: solid;
|
|
border-top: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: #333;
|
|
}
|
|
/*
|
|
* Top/Bottom center
|
|
*/
|
|
.uk-tooltip-top:after,
|
|
.uk-tooltip-bottom:after {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
/*
|
|
* Top/Bottom left
|
|
*/
|
|
.uk-tooltip-top-left:after,
|
|
.uk-tooltip-bottom-left:after {
|
|
left: 10px;
|
|
}
|
|
/*
|
|
* Top/Bottom right
|
|
*/
|
|
.uk-tooltip-top-right:after,
|
|
.uk-tooltip-bottom-right:after {
|
|
right: 10px;
|
|
}
|
|
/*
|
|
* Left
|
|
*/
|
|
.uk-tooltip-left:after {
|
|
right: -5px;
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
border-left-style: solid;
|
|
border-right: none;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-left-color: #333;
|
|
}
|
|
/*
|
|
* Right
|
|
*/
|
|
.uk-tooltip-right:after {
|
|
left: -5px;
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
border-right-style: solid;
|
|
border-left: none;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-right-color: #333;
|
|
}
|
|
.uk-tooltip {
|
|
background: #424242;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
padding: 3px 16px;
|
|
line-height: 22px;
|
|
text-shadow: none;
|
|
min-width: 80px;
|
|
text-align: center;
|
|
z-index: 1304;
|
|
opacity: 0;
|
|
}
|
|
.uk-tooltip .uk-tooltip-inner {
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.uk-tooltip:after {
|
|
display: none !important;
|
|
}
|
|
.uk-tooltip.long-text {
|
|
text-align: left;
|
|
}
|
|
.uk-tooltip.long-text .uk-tooltip-inner {
|
|
white-space: normal;
|
|
overflow: visible;
|
|
line-height: 18px;
|
|
padding: 4px 0;
|
|
}
|
|
.uk-tooltip-small {
|
|
-webkit-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
.uk-tooltip-top {
|
|
z-index: 9999;
|
|
}
|
|
.touch .uk-tooltip {
|
|
opacity: 1;
|
|
}
|
|
/* tabs */
|
|
.uk-tab {
|
|
border-bottom-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-sticky-placeholder .uk-tab {
|
|
background: #fff;
|
|
padding-top: 8px;
|
|
}
|
|
.uk-tab > li {
|
|
margin-bottom: 0;
|
|
margin-top: 0 ;
|
|
z-index: 1;
|
|
}
|
|
.uk-tab > li > a {
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
color: #212121;
|
|
border: none;
|
|
border-bottom: 2px solid transparent;
|
|
border-radius: 0 !important;
|
|
font-weight: 500;
|
|
min-width: 100px;
|
|
max-width: 100%;
|
|
text-align: center;
|
|
-webkit-transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
padding: 8px !important;
|
|
margin: 0 !important;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
top: 1px;
|
|
text-shadow: none;
|
|
}
|
|
.uk-tab > li > a:hover,
|
|
.uk-tab > li > a:focus {
|
|
background: none;
|
|
color: #212121;
|
|
border-bottom-color: #b2dbfb;
|
|
}
|
|
.uk-tab > li.uk-active > a {
|
|
background: transparent !important;
|
|
border-bottom-color: #2196f3;
|
|
}
|
|
.uk-tab > li.uk-disabled > a,
|
|
.uk-tab > li.uk-disabled > a:hover,
|
|
.uk-tab > li.uk-disabled > a:focus {
|
|
color: #aaa;
|
|
}
|
|
.uk-tab-bottom li {
|
|
margin-top: 0;
|
|
}
|
|
.uk-tab-bottom li > a {
|
|
border-top: 2px solid transparent;
|
|
border-bottom: none;
|
|
top: auto;
|
|
bottom: 1px;
|
|
}
|
|
.uk-tab-bottom li > a:hover,
|
|
.uk-tab-bottom li > a:focus {
|
|
border-top-color: #b2dbfb;
|
|
}
|
|
.uk-tab-bottom li.uk-active > a {
|
|
border-top-color: #2196f3;
|
|
}
|
|
.uk-tab-left {
|
|
border-bottom: none;
|
|
}
|
|
.uk-tab-left li > a {
|
|
border-right: 2px solid transparent;
|
|
border-bottom: none;
|
|
text-align: right;
|
|
top: auto;
|
|
bottom: auto;
|
|
}
|
|
.uk-tab-left li > a:hover,
|
|
.uk-tab-left li > a:focus {
|
|
border-right-color: #b2dbfb;
|
|
}
|
|
.uk-tab-left li.uk-active > a {
|
|
border-right-color: #2196f3;
|
|
}
|
|
.uk-tab-right {
|
|
border-bottom: none;
|
|
}
|
|
.uk-tab-right li > a {
|
|
border-left: 2px solid transparent;
|
|
border-bottom: none;
|
|
text-align: left;
|
|
top: auto;
|
|
bottom: auto;
|
|
}
|
|
.uk-tab-right li > a:hover,
|
|
.uk-tab-right li > a:focus {
|
|
border-left-color: #b2dbfb;
|
|
}
|
|
.uk-tab-right li.uk-active > a {
|
|
border-left-color: #2196f3;
|
|
}
|
|
.uk-tab-responsive li a {
|
|
border: none !important;
|
|
}
|
|
.uk-tab-responsive > a:before {
|
|
content: '\e5d2';
|
|
font-family: "Material Icons";
|
|
color: #727272;
|
|
margin-right: 8px;
|
|
vertical-align: -4px;
|
|
font-size: 18px;
|
|
}
|
|
.uk-tab-icons > li > a {
|
|
min-width: 64px;
|
|
}
|
|
.uk-tab-icons > li > a > .material-icons {
|
|
font-size: 24px;
|
|
}
|
|
.uk-tab-double-header {
|
|
margin: 10px 24px 0 !important;
|
|
}
|
|
.uk-tab-double-header > li > a {
|
|
color: #fff;
|
|
border-bottom: 4px solid transparent;
|
|
}
|
|
.uk-tab-double-header > li > a:hover,
|
|
.uk-tab-double-header > li > a:focus {
|
|
color: #fff;
|
|
border-bottom-color: #39a1f4;
|
|
}
|
|
.uk-tab-double-header > li.uk-active > a {
|
|
color: #fff;
|
|
border-bottom-color: #7cb342;
|
|
}
|
|
.uk-tab-double-header > li.uk-tab-responsive > a {
|
|
border-bottom: none;
|
|
padding-bottom: 5px !important;
|
|
}
|
|
.uk-tab-double-header > li.uk-tab-responsive > a:before {
|
|
color: #fff;
|
|
}
|
|
/* text truncate */
|
|
.uk-text-truncate {
|
|
display: block;
|
|
}
|
|
/* sortable */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Sortable
|
|
========================================================================== */
|
|
.uk-sortable {
|
|
position: relative;
|
|
}
|
|
/*
|
|
* Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-sortable > * {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
/*
|
|
* Disables the default callout shown when you touch and hold a touch target
|
|
* Currently only works in Webkit
|
|
*/
|
|
.uk-sortable a,
|
|
.uk-sortable img {
|
|
-webkit-touch-callout: none;
|
|
}
|
|
/*
|
|
* Remove margin from the last-child
|
|
*/
|
|
.uk-sortable > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
/* Sub-modifier `uk-sortable-dragged`
|
|
========================================================================== */
|
|
.uk-sortable-dragged {
|
|
position: absolute;
|
|
z-index: 1050;
|
|
pointer-events: none;
|
|
}
|
|
/* Sub-modifier `uk-sortable-placeholder`
|
|
========================================================================== */
|
|
.uk-sortable-placeholder {
|
|
opacity: 0;
|
|
}
|
|
/* Empty List
|
|
========================================================================== */
|
|
.uk-sortable-empty {
|
|
min-height: 30px;
|
|
}
|
|
/* Sub-object `uk-sortable-handle`
|
|
========================================================================== */
|
|
/*
|
|
* Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-sortable-handle {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
/* Hover */
|
|
.uk-sortable-handle:hover {
|
|
cursor: move;
|
|
}
|
|
/* Sub-object `uk-sortable-moving`
|
|
========================================================================== */
|
|
.uk-sortable-moving,
|
|
.uk-sortable-moving * {
|
|
cursor: move;
|
|
}
|
|
/* Fixes dragging items over iframes */
|
|
.uk-sortable-moving iframe {
|
|
pointer-events: none;
|
|
}
|
|
.uk-sortable > * {
|
|
-ms-touch-action: auto;
|
|
touch-action: auto;
|
|
}
|
|
.uk-sortable.sortable-handler > * {
|
|
cursor: move;
|
|
}
|
|
.uk-sortable .sortable-handler {
|
|
cursor: move;
|
|
}
|
|
.uk-sortable-single {
|
|
min-height: 0;
|
|
}
|
|
.uk-switcher {
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* add extra Uikit grid sizes
|
|
*
|
|
* usage:
|
|
* set custom breakpoint (1480px) and name ("xlarge-x")
|
|
* @media (min-width: 1480px) {
|
|
* .add-grid-sizes(xlarge-x);
|
|
* }
|
|
*/
|
|
@media (min-width: 1480px) {
|
|
/* Whole */
|
|
.uk-width-xLarge-1-1,
|
|
.uk-grid-width-xLarge-1-1 > * {
|
|
width: 100%;
|
|
}
|
|
/* Halves */
|
|
.uk-width-xLarge-1-2,
|
|
.uk-width-xLarge-2-4,
|
|
.uk-width-xLarge-3-6,
|
|
.uk-width-xLarge-5-10,
|
|
.uk-grid-width-xLarge-1-2 > *,
|
|
.uk-grid-width-xLarge-2-4 > *,
|
|
.uk-grid-width-xLarge-3-6 > *,
|
|
.uk-grid-width-xLarge-5-10 > * {
|
|
width: 50%;
|
|
}
|
|
/* Thirds */
|
|
.uk-width-xLarge-1-3,
|
|
.uk-width-xLarge-2-6,
|
|
.uk-grid-width-xLarge-1-3 > *,
|
|
.uk-grid-width-xLarge-2-6 > * {
|
|
width: 33.333%;
|
|
}
|
|
.uk-width-xLarge-2-3,
|
|
.uk-width-xLarge-4-6,
|
|
.uk-grid-width-xLarge-2-3 > *,
|
|
.uk-grid-width-xLarge-4-6 > * {
|
|
width: 66.666%;
|
|
}
|
|
/* Quarters */
|
|
.uk-width-xLarge-1-4,
|
|
.uk-grid-width-xLarge-1-4 > * {
|
|
width: 25%;
|
|
}
|
|
.uk-width-xLarge-3-4,
|
|
.uk-grid-width-xLarge-3-4 > * {
|
|
width: 75%;
|
|
}
|
|
/* Fifths */
|
|
.uk-width-xLarge-1-5,
|
|
.uk-width-xLarge-2-10,
|
|
.uk-grid-width-xLarge-1-5 > *,
|
|
.uk-grid-width-xLarge-2-10 > * {
|
|
width: 20%;
|
|
}
|
|
.uk-width-xLarge-2-5,
|
|
.uk-width-xLarge-4-10,
|
|
.uk-grid-width-xLarge-2-5 > *,
|
|
.uk-grid-width-xLarge-4-10 > * {
|
|
width: 40%;
|
|
}
|
|
.uk-width-xLarge-3-5,
|
|
.uk-width-xLarge-6-10,
|
|
.uk-grid-width-xLarge-3-5 > *,
|
|
.uk-grid-width-xLarge-6-10 > * {
|
|
width: 60%;
|
|
}
|
|
.uk-width-xLarge-4-5,
|
|
.uk-width-xLarge-8-10,
|
|
.uk-grid-width-xLarge-4-5 > *,
|
|
.uk-grid-width-xLarge-8-10 > * {
|
|
width: 80%;
|
|
}
|
|
/* Sixths */
|
|
.uk-width-xLarge-1-6,
|
|
.uk-grid-width-xLarge-1-6 > * {
|
|
width: 16.666%;
|
|
}
|
|
.uk-width-xLarge-5-6,
|
|
.uk-grid-width-xLarge-5-6 > * {
|
|
width: 83.333%;
|
|
}
|
|
/* Tenths */
|
|
.uk-width-xLarge-1-10,
|
|
.uk-grid-width-xLarge-1-10 > * {
|
|
width: 10%;
|
|
}
|
|
.uk-width-xLarge-3-10,
|
|
.uk-grid-width-xLarge-3-10 > * {
|
|
width: 30%;
|
|
}
|
|
.uk-width-xLarge-7-10,
|
|
.uk-grid-width-xLarge-7-10 > * {
|
|
width: 70%;
|
|
}
|
|
.uk-width-xLarge-9-10,
|
|
.uk-grid-width-xLarge-9-10 > * {
|
|
width: 90%;
|
|
}
|
|
}
|
|
/* ie9 fixes */
|
|
.lte-ie9 *[class*="uk-animation-"] {
|
|
opacity: 1 !important;
|
|
}
|
|
/* bg colors */
|
|
.md-bg-cyan {
|
|
background-color: #00acc1 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-light-green {
|
|
background-color: #7cb342 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-grey {
|
|
background-color: #616161 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-red {
|
|
background-color: #d32f2f !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-light-blue {
|
|
background-color: #0288d1 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-teal {
|
|
background-color: #00897b !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-purple {
|
|
background-color: #8e24aa !important;
|
|
color: #fff;
|
|
}
|
|
/* buttons */
|
|
.md-btn {
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
min-height: 31px;
|
|
min-width: 70px;
|
|
padding: 2px 16px;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
text-transform: uppercase;
|
|
-webkit-transition: all 280ms ease;
|
|
transition: all 280ms ease;
|
|
color: #212121;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font: 500 14px / 31px "Roboto", sans-serif !important;
|
|
}
|
|
.md-btn:hover,
|
|
.md-btn:focus,
|
|
.md-btn:active,
|
|
.uk-button-dropdown.uk-open > .md-btn {
|
|
background: #fff;
|
|
outline: none;
|
|
text-decoration: none;
|
|
color: #212121;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.md-btn:active,
|
|
.md-btn.uk-active,
|
|
.uk-button-dropdown.uk-open > .md-btn {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.md-btn.uk-active {
|
|
position: relative;
|
|
}
|
|
.md-btn.uk-active:after {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
content: '';
|
|
border: 2px solid rgba(0, 0, 0, 0.4);
|
|
border-radius: 2px;
|
|
}
|
|
.md-btn-flat {
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
background: none;
|
|
}
|
|
.md-btn-flat:hover,
|
|
.md-btn-flat:focus {
|
|
background: rgba(153, 153, 153, 0.2);
|
|
}
|
|
.md-btn-flat:active,
|
|
.md-btn-flat.uk-active {
|
|
background: rgba(153, 153, 153, 0.4);
|
|
}
|
|
.md-btn-flat-danger,
|
|
.md-btn-flat-danger:hover,
|
|
.md-btn-flat-danger:focus,
|
|
.md-btn-flat-danger:active,
|
|
.md-btn-flat-danger .uk-active {
|
|
color: #e53935;
|
|
}
|
|
.md-btn-flat-danger:hover,
|
|
.md-btn-flat-danger:focus,
|
|
.md-btn-flat-danger:active {
|
|
background: #fceaea;
|
|
}
|
|
.md-btn-flat-danger.uk-active {
|
|
color: #cd1e1a;
|
|
background: #f6bebd;
|
|
}
|
|
.md-btn-flat-primary,
|
|
.md-btn-flat-primary:hover,
|
|
.md-btn-flat-primary:focus,
|
|
.md-btn-flat-primary:active,
|
|
.md-btn-flat-primary.uk-active {
|
|
color: #1976d2;
|
|
}
|
|
.md-btn-flat-primary:hover,
|
|
.md-btn-flat-primary:focus,
|
|
.md-btn-flat-primary:active {
|
|
background: #e3f2fd;
|
|
}
|
|
.md-btn-flat-primary.uk-active {
|
|
color: #0c7cd5;
|
|
background: #b2dbfb;
|
|
}
|
|
.md-btn-flat-success,
|
|
.md-btn-flat-success:hover,
|
|
.md-btn-flat-success:focus,
|
|
.md-btn-flat-success:active,
|
|
.md-btn-flat-success.uk-active {
|
|
color: #7cb342;
|
|
}
|
|
.md-btn-flat-success:hover,
|
|
.md-btn-flat-success:focus,
|
|
.md-btn-flat-success:active {
|
|
background: #e1efd2;
|
|
}
|
|
.md-btn-flat-success.uk-active {
|
|
color: #628e34;
|
|
background: #c8e1ad;
|
|
}
|
|
.md-btn-flat-warning,
|
|
.md-btn-flat-warning:hover,
|
|
.md-btn-flat-warning:focus,
|
|
.md-btn-flat-warning:active,
|
|
.md-btn-flat-warning.uk-active {
|
|
color: #ffa000;
|
|
}
|
|
.md-btn-flat-warning:hover,
|
|
.md-btn-flat-warning:focus,
|
|
.md-btn-flat-warning:active {
|
|
background: #ffeccc;
|
|
}
|
|
.md-btn-flat-warning.uk-active {
|
|
color: #cc8000;
|
|
background: #ffd999;
|
|
}
|
|
.md-btn-flat.disabled {
|
|
background: none !important;
|
|
}
|
|
.md-btn-danger,
|
|
.md-btn-danger:hover,
|
|
.md-btn-danger:focus,
|
|
.md-btn-danger:active,
|
|
.md-btn-danger.uk-active {
|
|
background: #e53935;
|
|
}
|
|
.md-btn-primary,
|
|
.md-btn-primary:hover,
|
|
.md-btn-primary:focus,
|
|
.md-btn-primary:active,
|
|
.md-btn-primary.uk-active {
|
|
background: #2196f3;
|
|
}
|
|
.md-btn-success,
|
|
.md-btn-success:hover,
|
|
.md-btn-success:focus,
|
|
.md-btn-success:active,
|
|
.md-btn-success.uk-active {
|
|
background: #7cb342;
|
|
}
|
|
.md-btn-warning,
|
|
.md-btn-warning:hover,
|
|
.md-btn-warning:focus,
|
|
.md-btn-warning:active,
|
|
.md-btn-warning.uk-active {
|
|
background: #ffa000;
|
|
}
|
|
.md-btn-danger,
|
|
.md-btn-primary,
|
|
.md-btn-success,
|
|
.md-btn-warning,
|
|
.md-btn-danger:hover,
|
|
.md-btn-primary:hover,
|
|
.md-btn-success:hover,
|
|
.md-btn-warning:hover,
|
|
.md-btn-danger:focus,
|
|
.md-btn-primary:focus,
|
|
.md-btn-success:focus,
|
|
.md-btn-warning:focus,
|
|
.md-btn-danger:active,
|
|
.md-btn-primary:active,
|
|
.md-btn-success:active,
|
|
.md-btn-warning:active,
|
|
.md-btn-danger.uk-active,
|
|
.md-btn-primary.uk-active,
|
|
.md-btn-success.uk-active,
|
|
.md-btn-warning.uk-active,
|
|
.md-btn-danger > i,
|
|
.md-btn-primary > i,
|
|
.md-btn-success > i,
|
|
.md-btn-warning > i {
|
|
color: #fff;
|
|
}
|
|
.md-btn.disabled,
|
|
.md-btn.disabled:hover,
|
|
.md-btn.disabled:focus,
|
|
.md-btn.disabled:active,
|
|
.md-btn.disabled.uk-active {
|
|
color: #a8a8a8;
|
|
background: #eaeaea;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
}
|
|
.md-btn > i.material-icons {
|
|
margin-top: 5px;
|
|
font-size: 18px;
|
|
}
|
|
.md-btn-mini {
|
|
line-height: 21px !important;
|
|
min-width: 12px;
|
|
font-size: 10px !important;
|
|
min-height: 24px;
|
|
}
|
|
.md-btn-small {
|
|
line-height: 27px !important;
|
|
min-width: 14px;
|
|
font-size: 11px !important;
|
|
}
|
|
.md-btn-large {
|
|
line-height: 42px !important;
|
|
font-size: 16px !important;
|
|
}
|
|
.md-btn::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.md-btn + .md-btn {
|
|
margin-left: 8px;
|
|
}
|
|
.md-btn-block {
|
|
width: 100%;
|
|
}
|
|
.md-btn-block + .md-btn-block {
|
|
margin-left: 0;
|
|
margin-top: 12px;
|
|
}
|
|
.md-btn + .md-btn-group {
|
|
margin-left: 16px;
|
|
}
|
|
.md-btn-facebook {
|
|
background: #3b5998 !important;
|
|
}
|
|
.md-btn-twitter {
|
|
background: #00aced !important;
|
|
}
|
|
.md-btn-gplus {
|
|
background: #dd4b39 !important;
|
|
}
|
|
.md-btn-facebook,
|
|
.md-btn-twitter,
|
|
.md-btn-gplus,
|
|
.md-btn-facebook > i,
|
|
.md-btn-twitter > i,
|
|
.md-btn-gplus > i {
|
|
color: #fff !important;
|
|
}
|
|
.md-btn-icon > i.no_margin {
|
|
margin-right: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
.md-btn-icon-large,
|
|
.md-btn-icon.md-btn-large {
|
|
min-width: 72px;
|
|
}
|
|
.md-btn-icon-large > i,
|
|
.md-btn-icon.md-btn-large > i {
|
|
font-size: 24px;
|
|
margin-right: 12px;
|
|
vertical-align: -3px;
|
|
}
|
|
.md-btn-icon-default,
|
|
.md-btn-icon {
|
|
min-width: 64px;
|
|
}
|
|
.md-btn-icon-default > i,
|
|
.md-btn-icon > i {
|
|
font-size: 18px;
|
|
margin-right: 8px;
|
|
vertical-align: -2px;
|
|
}
|
|
.md-btn-icon-small,
|
|
.md-btn-icon.md-btn-small {
|
|
min-width: 48px;
|
|
}
|
|
.md-btn-icon-small > i,
|
|
.md-btn-icon.md-btn-small > i {
|
|
font-size: 16px;
|
|
margin-right: 6px;
|
|
vertical-align: -2px;
|
|
}
|
|
.md-btn-icon-mini,
|
|
.md-btn-icon.md-btn-mini {
|
|
min-width: 36px;
|
|
}
|
|
.md-btn-icon-mini > i,
|
|
.md-btn-icon.md-btn-mini > i {
|
|
font-size: 16px;
|
|
margin-right: 4px;
|
|
vertical-align: -2px;
|
|
}
|
|
.md-fab {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 64px;
|
|
height: 64px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
color: #727272;
|
|
display: block;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
-webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
border: none;
|
|
position: relative;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.md-fab:hover,
|
|
.md-fab:focus,
|
|
.md-fab:active {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.md-fab > i {
|
|
font-size: 36px;
|
|
line-height: 64px;
|
|
height: inherit;
|
|
width: inherit;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
color: #727272;
|
|
}
|
|
.md-fab.md-fab-accent {
|
|
background: #7cb342;
|
|
}
|
|
.md-fab.md-fab-accent > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-success {
|
|
background: #7cb342;
|
|
}
|
|
.md-fab.md-fab-success > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-danger {
|
|
background: #e53935;
|
|
}
|
|
.md-fab.md-fab-danger > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-primary {
|
|
background: #2196f3;
|
|
}
|
|
.md-fab.md-fab-primary > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-warning {
|
|
background: #ffa000;
|
|
}
|
|
.md-fab.md-fab-warning > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-small {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-fab.md-fab-small > i {
|
|
line-height: 48px;
|
|
height: inherit;
|
|
width: inherit;
|
|
font-size: 24px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-action-close {
|
|
display: none;
|
|
}
|
|
.md-fab-wrapper {
|
|
position: fixed;
|
|
bottom: 24px;
|
|
right: 24px;
|
|
z-index: 1004;
|
|
-webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.md-fab-wrapper {
|
|
bottom: 20px;
|
|
right: 20px;
|
|
}
|
|
}
|
|
.md-fab-wrapper > .md-fab + .md-fab {
|
|
margin-top: 16px;
|
|
}
|
|
.md-fab-wrapper.md-fab-in-card {
|
|
position: absolute;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small {
|
|
position: absolute;
|
|
bottom: 80px;
|
|
right: 8px;
|
|
min-height: 48px;
|
|
width: 48px;
|
|
z-index: -1;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
|
|
bottom: 64px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
|
|
bottom: 128px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
|
|
bottom: 192px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
|
|
bottom: 256px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
|
|
bottom: 320px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
|
|
bottom: 384px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
|
|
bottom: 448px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
z-index: 10;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small {
|
|
position: absolute;
|
|
right: 80px;
|
|
bottom: 8px;
|
|
min-height: 48px;
|
|
width: 48px;
|
|
z-index: -1;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
|
|
right: 64px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
|
|
right: 128px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
|
|
right: 192px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
|
|
right: 256px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
|
|
right: 320px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
|
|
right: 384px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
|
|
right: 448px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
z-index: 10;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small {
|
|
display: none;
|
|
min-height: 48px;
|
|
width: auto;
|
|
z-index: -1;
|
|
white-space: nowrap;
|
|
padding-bottom: 8px;
|
|
vertical-align: bottom;
|
|
position: static;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
|
|
position: static;
|
|
right: auto;
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
|
|
margin-left: 16px;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
|
|
margin-right: 16px;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover].md-fab-over .md-fab-wrapper-small {
|
|
display: inline-block;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small {
|
|
margin-left: 8px;
|
|
position: static;
|
|
display: none;
|
|
bottom: auto;
|
|
right: auto;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
|
|
position: static;
|
|
bottom: auto;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
|
|
margin-top: 16px;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
|
|
margin-bottom: 16px;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover].md-fab-over .md-fab-wrapper-small {
|
|
display: block;
|
|
}
|
|
.md-fab-toolbar {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: default;
|
|
}
|
|
.md-fab-toolbar > i {
|
|
cursor: pointer;
|
|
}
|
|
.md-fab-toolbar-actions {
|
|
visibility: hidden;
|
|
white-space: nowrap;
|
|
padding: 0 16px;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-fab-toolbar-actions > a,
|
|
.md-fab-toolbar-actions > button {
|
|
display: block;
|
|
float: left;
|
|
opacity: 0;
|
|
margin: 0 0 0 16px;
|
|
height: 64px;
|
|
width: 48px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
background: none;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.md-fab-toolbar-actions > a:first-child,
|
|
.md-fab-toolbar-actions > button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.md-fab-toolbar-actions .material-icons {
|
|
font-size: 36px;
|
|
line-height: 64px;
|
|
}
|
|
.md-fab-toolbar.md-fab-animated {
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
border-radius: 4px;
|
|
}
|
|
.md-fab-toolbar.md-fab-animated > i {
|
|
display: none;
|
|
}
|
|
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions {
|
|
visibility: visible;
|
|
}
|
|
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > a,
|
|
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > button {
|
|
opacity: 1;
|
|
}
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a,
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button {
|
|
height: 48px;
|
|
width: 36px;
|
|
padding: 0;
|
|
margin: 0 0 0 8px;
|
|
}
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a:first-child,
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions .material-icons {
|
|
font-size: 24px;
|
|
line-height: 48px;
|
|
height: inherit;
|
|
}
|
|
.md-fab-sheet {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: default;
|
|
}
|
|
.md-fab-sheet > i {
|
|
cursor: pointer;
|
|
}
|
|
.md-fab-sheet-actions {
|
|
visibility: hidden;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 4px 0;
|
|
}
|
|
.md-fab-sheet-actions > a {
|
|
display: block;
|
|
opacity: 0;
|
|
padding: 4px 16px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
font: 400 16px / 32px "Roboto", sans-serif;
|
|
text-align: left;
|
|
}
|
|
.md-fab-sheet-actions > a,
|
|
.md-fab-sheet-actions > a:hover {
|
|
color: #212121;
|
|
}
|
|
.md-fab-sheet-actions .material-icons {
|
|
font-size: 24px;
|
|
margin-right: 8px;
|
|
vertical-align: -6px;
|
|
}
|
|
.md-fab-sheet.md-fab-animated {
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
border-radius: 4px;
|
|
}
|
|
.md-fab-sheet.md-fab-animated > i {
|
|
display: none;
|
|
}
|
|
.md-fab-sheet.md-fab-active .md-fab-sheet-actions {
|
|
visibility: visible;
|
|
}
|
|
.md-fab-sheet.md-fab-active .md-fab-sheet-actions > a {
|
|
opacity: 1;
|
|
}
|
|
.sidebar_secondary_active .md-fab-wrapper {
|
|
margin-right: 264px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.sidebar_secondary_active .md-fab-wrapper {
|
|
margin-right: 280px;
|
|
}
|
|
}
|
|
.md-toggle-group .md-toggle-button {
|
|
border-width: 0 0 2px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
background: none;
|
|
line-height: 30px;
|
|
min-width: 42px;
|
|
text-align: center;
|
|
padding: 0 8px;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
.md-toggle-group .md-toggle-button.md-toggle-active {
|
|
border-bottom-color: #212121;
|
|
}
|
|
.md-toggle-group.md-toggle-group-small .md-toggle-button {
|
|
font-size: 11px;
|
|
line-height: 24px;
|
|
min-width: 16px;
|
|
padding: 0 6px;
|
|
}
|
|
.md-btn-group {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
font-size: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.md-btn-group .md-btn {
|
|
vertical-align: top;
|
|
margin-left: 0 !important;
|
|
}
|
|
.md-btn-group .md-btn:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.md-btn-group .md-btn:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.md-btn-group .md-btn:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
/* forms */
|
|
select,
|
|
textarea,
|
|
input:not([type]),
|
|
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"] {
|
|
outline: none;
|
|
}
|
|
select.md-input,
|
|
textarea.md-input,
|
|
input:not([type]).md-input,
|
|
input[type="text"].md-input,
|
|
input[type="password"].md-input,
|
|
input[type="datetime"].md-input,
|
|
input[type="datetime-local"].md-input,
|
|
input[type="date"].md-input,
|
|
input[type="month"].md-input,
|
|
input[type="time"].md-input,
|
|
input[type="week"].md-input,
|
|
input[type="number"].md-input,
|
|
input[type="email"].md-input,
|
|
input[type="url"].md-input,
|
|
input[type="search"].md-input,
|
|
input[type="tel"].md-input,
|
|
input[type="color"].md-input {
|
|
border-radius: 0;
|
|
border-width: 0 0 1px;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
font: 400 15px / 18px "Roboto", sans-serif;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 12px 4px;
|
|
background: transparent;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
select.md-input.md-input-danger,
|
|
textarea.md-input.md-input-danger,
|
|
input:not([type]).md-input.md-input-danger,
|
|
input[type="text"].md-input.md-input-danger,
|
|
input[type="password"].md-input.md-input-danger,
|
|
input[type="datetime"].md-input.md-input-danger,
|
|
input[type="datetime-local"].md-input.md-input-danger,
|
|
input[type="date"].md-input.md-input-danger,
|
|
input[type="month"].md-input.md-input-danger,
|
|
input[type="time"].md-input.md-input-danger,
|
|
input[type="week"].md-input.md-input-danger,
|
|
input[type="number"].md-input.md-input-danger,
|
|
input[type="email"].md-input.md-input-danger,
|
|
input[type="url"].md-input.md-input-danger,
|
|
input[type="search"].md-input.md-input-danger,
|
|
input[type="tel"].md-input.md-input-danger,
|
|
input[type="color"].md-input.md-input-danger {
|
|
border-color: #e53935;
|
|
}
|
|
select.md-input.md-input-danger:focus,
|
|
textarea.md-input.md-input-danger:focus,
|
|
input:not([type]).md-input.md-input-danger:focus,
|
|
input[type="text"].md-input.md-input-danger:focus,
|
|
input[type="password"].md-input.md-input-danger:focus,
|
|
input[type="datetime"].md-input.md-input-danger:focus,
|
|
input[type="datetime-local"].md-input.md-input-danger:focus,
|
|
input[type="date"].md-input.md-input-danger:focus,
|
|
input[type="month"].md-input.md-input-danger:focus,
|
|
input[type="time"].md-input.md-input-danger:focus,
|
|
input[type="week"].md-input.md-input-danger:focus,
|
|
input[type="number"].md-input.md-input-danger:focus,
|
|
input[type="email"].md-input.md-input-danger:focus,
|
|
input[type="url"].md-input.md-input-danger:focus,
|
|
input[type="search"].md-input.md-input-danger:focus,
|
|
input[type="tel"].md-input.md-input-danger:focus,
|
|
input[type="color"].md-input.md-input-danger:focus {
|
|
border-bottom-color: #e53935;
|
|
}
|
|
select.md-input.md-input-success,
|
|
textarea.md-input.md-input-success,
|
|
input:not([type]).md-input.md-input-success,
|
|
input[type="text"].md-input.md-input-success,
|
|
input[type="password"].md-input.md-input-success,
|
|
input[type="datetime"].md-input.md-input-success,
|
|
input[type="datetime-local"].md-input.md-input-success,
|
|
input[type="date"].md-input.md-input-success,
|
|
input[type="month"].md-input.md-input-success,
|
|
input[type="time"].md-input.md-input-success,
|
|
input[type="week"].md-input.md-input-success,
|
|
input[type="number"].md-input.md-input-success,
|
|
input[type="email"].md-input.md-input-success,
|
|
input[type="url"].md-input.md-input-success,
|
|
input[type="search"].md-input.md-input-success,
|
|
input[type="tel"].md-input.md-input-success,
|
|
input[type="color"].md-input.md-input-success {
|
|
border-color: #7cb342;
|
|
}
|
|
select.md-input.md-input-success:focus,
|
|
textarea.md-input.md-input-success:focus,
|
|
input:not([type]).md-input.md-input-success:focus,
|
|
input[type="text"].md-input.md-input-success:focus,
|
|
input[type="password"].md-input.md-input-success:focus,
|
|
input[type="datetime"].md-input.md-input-success:focus,
|
|
input[type="datetime-local"].md-input.md-input-success:focus,
|
|
input[type="date"].md-input.md-input-success:focus,
|
|
input[type="month"].md-input.md-input-success:focus,
|
|
input[type="time"].md-input.md-input-success:focus,
|
|
input[type="week"].md-input.md-input-success:focus,
|
|
input[type="number"].md-input.md-input-success:focus,
|
|
input[type="email"].md-input.md-input-success:focus,
|
|
input[type="url"].md-input.md-input-success:focus,
|
|
input[type="search"].md-input.md-input-success:focus,
|
|
input[type="tel"].md-input.md-input-success:focus,
|
|
input[type="color"].md-input.md-input-success:focus {
|
|
border-bottom-color: #7cb342;
|
|
}
|
|
select.md-input:focus,
|
|
textarea.md-input:focus,
|
|
input:not([type]).md-input:focus,
|
|
input[type="text"].md-input:focus,
|
|
input[type="password"].md-input:focus,
|
|
input[type="datetime"].md-input:focus,
|
|
input[type="datetime-local"].md-input:focus,
|
|
input[type="date"].md-input:focus,
|
|
input[type="month"].md-input:focus,
|
|
input[type="time"].md-input:focus,
|
|
input[type="week"].md-input:focus,
|
|
input[type="number"].md-input:focus,
|
|
input[type="email"].md-input:focus,
|
|
input[type="url"].md-input:focus,
|
|
input[type="search"].md-input:focus,
|
|
input[type="tel"].md-input:focus,
|
|
input[type="color"].md-input:focus {
|
|
background: transparent;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
select.md-input-small,
|
|
textarea.md-input-small,
|
|
input:not([type]).md-input-small,
|
|
input[type="text"].md-input-small,
|
|
input[type="password"].md-input-small,
|
|
input[type="datetime"].md-input-small,
|
|
input[type="datetime-local"].md-input-small,
|
|
input[type="date"].md-input-small,
|
|
input[type="month"].md-input-small,
|
|
input[type="time"].md-input-small,
|
|
input[type="week"].md-input-small,
|
|
input[type="number"].md-input-small,
|
|
input[type="email"].md-input-small,
|
|
input[type="url"].md-input-small,
|
|
input[type="search"].md-input-small,
|
|
input[type="tel"].md-input-small,
|
|
input[type="color"].md-input-small {
|
|
padding: 4px;
|
|
}
|
|
select.md-input.uk-form-width-mini,
|
|
textarea.md-input.uk-form-width-mini,
|
|
input:not([type]).md-input.uk-form-width-mini,
|
|
input[type="text"].md-input.uk-form-width-mini,
|
|
input[type="password"].md-input.uk-form-width-mini,
|
|
input[type="datetime"].md-input.uk-form-width-mini,
|
|
input[type="datetime-local"].md-input.uk-form-width-mini,
|
|
input[type="date"].md-input.uk-form-width-mini,
|
|
input[type="month"].md-input.uk-form-width-mini,
|
|
input[type="time"].md-input.uk-form-width-mini,
|
|
input[type="week"].md-input.uk-form-width-mini,
|
|
input[type="number"].md-input.uk-form-width-mini,
|
|
input[type="email"].md-input.uk-form-width-mini,
|
|
input[type="url"].md-input.uk-form-width-mini,
|
|
input[type="search"].md-input.uk-form-width-mini,
|
|
input[type="tel"].md-input.uk-form-width-mini,
|
|
input[type="color"].md-input.uk-form-width-mini {
|
|
width: 40px;
|
|
}
|
|
select.md-input.uk-form-width-small,
|
|
textarea.md-input.uk-form-width-small,
|
|
input:not([type]).md-input.uk-form-width-small,
|
|
input[type="text"].md-input.uk-form-width-small,
|
|
input[type="password"].md-input.uk-form-width-small,
|
|
input[type="datetime"].md-input.uk-form-width-small,
|
|
input[type="datetime-local"].md-input.uk-form-width-small,
|
|
input[type="date"].md-input.uk-form-width-small,
|
|
input[type="month"].md-input.uk-form-width-small,
|
|
input[type="time"].md-input.uk-form-width-small,
|
|
input[type="week"].md-input.uk-form-width-small,
|
|
input[type="number"].md-input.uk-form-width-small,
|
|
input[type="email"].md-input.uk-form-width-small,
|
|
input[type="url"].md-input.uk-form-width-small,
|
|
input[type="search"].md-input.uk-form-width-small,
|
|
input[type="tel"].md-input.uk-form-width-small,
|
|
input[type="color"].md-input.uk-form-width-small {
|
|
width: 130px;
|
|
}
|
|
select.md-input.uk-form-width-medium,
|
|
textarea.md-input.uk-form-width-medium,
|
|
input:not([type]).md-input.uk-form-width-medium,
|
|
input[type="text"].md-input.uk-form-width-medium,
|
|
input[type="password"].md-input.uk-form-width-medium,
|
|
input[type="datetime"].md-input.uk-form-width-medium,
|
|
input[type="datetime-local"].md-input.uk-form-width-medium,
|
|
input[type="date"].md-input.uk-form-width-medium,
|
|
input[type="month"].md-input.uk-form-width-medium,
|
|
input[type="time"].md-input.uk-form-width-medium,
|
|
input[type="week"].md-input.uk-form-width-medium,
|
|
input[type="number"].md-input.uk-form-width-medium,
|
|
input[type="email"].md-input.uk-form-width-medium,
|
|
input[type="url"].md-input.uk-form-width-medium,
|
|
input[type="search"].md-input.uk-form-width-medium,
|
|
input[type="tel"].md-input.uk-form-width-medium,
|
|
input[type="color"].md-input.uk-form-width-medium {
|
|
width: 200px;
|
|
}
|
|
select.md-input.uk-form-width-large,
|
|
textarea.md-input.uk-form-width-large,
|
|
input:not([type]).md-input.uk-form-width-large,
|
|
input[type="text"].md-input.uk-form-width-large,
|
|
input[type="password"].md-input.uk-form-width-large,
|
|
input[type="datetime"].md-input.uk-form-width-large,
|
|
input[type="datetime-local"].md-input.uk-form-width-large,
|
|
input[type="date"].md-input.uk-form-width-large,
|
|
input[type="month"].md-input.uk-form-width-large,
|
|
input[type="time"].md-input.uk-form-width-large,
|
|
input[type="week"].md-input.uk-form-width-large,
|
|
input[type="number"].md-input.uk-form-width-large,
|
|
input[type="email"].md-input.uk-form-width-large,
|
|
input[type="url"].md-input.uk-form-width-large,
|
|
input[type="search"].md-input.uk-form-width-large,
|
|
input[type="tel"].md-input.uk-form-width-large,
|
|
input[type="color"].md-input.uk-form-width-large {
|
|
width: 500px;
|
|
}
|
|
select.md-input.inverted-colors,
|
|
textarea.md-input.inverted-colors,
|
|
input:not([type]).md-input.inverted-colors,
|
|
input[type="text"].md-input.inverted-colors,
|
|
input[type="password"].md-input.inverted-colors,
|
|
input[type="datetime"].md-input.inverted-colors,
|
|
input[type="datetime-local"].md-input.inverted-colors,
|
|
input[type="date"].md-input.inverted-colors,
|
|
input[type="month"].md-input.inverted-colors,
|
|
input[type="time"].md-input.inverted-colors,
|
|
input[type="week"].md-input.inverted-colors,
|
|
input[type="number"].md-input.inverted-colors,
|
|
input[type="email"].md-input.inverted-colors,
|
|
input[type="url"].md-input.inverted-colors,
|
|
input[type="search"].md-input.inverted-colors,
|
|
input[type="tel"].md-input.inverted-colors,
|
|
input[type="color"].md-input.inverted-colors {
|
|
color: #fff;
|
|
border-bottom-color: #fff;
|
|
}
|
|
select.md-input.inverted-colors::-webkit-input-placeholder,
|
|
textarea.md-input.inverted-colors::-webkit-input-placeholder,
|
|
input:not([type]).md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="text"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="password"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="date"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="month"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="time"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="week"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="number"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="email"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="url"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="search"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="tel"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="color"].md-input.inverted-colors::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: #fff;
|
|
}
|
|
select.md-input.inverted-colors::-moz-placeholder,
|
|
textarea.md-input.inverted-colors::-moz-placeholder,
|
|
input:not([type]).md-input.inverted-colors::-moz-placeholder,
|
|
input[type="text"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="password"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="date"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="month"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="time"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="week"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="number"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="email"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="url"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="search"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="tel"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="color"].md-input.inverted-colors::-moz-placeholder {
|
|
/* Firefox 19+ */
|
|
color: #fff;
|
|
}
|
|
select.md-input.inverted-colors:-ms-input-placeholder,
|
|
textarea.md-input.inverted-colors:-ms-input-placeholder,
|
|
input:not([type]).md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="text"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="password"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="date"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="month"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="time"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="week"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="number"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="email"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="url"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="search"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="tel"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="color"].md-input.inverted-colors:-ms-input-placeholder {
|
|
/* IE 10+ */
|
|
color: #fff;
|
|
}
|
|
select.md-input.inverted-colors:-moz-placeholder,
|
|
textarea.md-input.inverted-colors:-moz-placeholder,
|
|
input:not([type]).md-input.inverted-colors:-moz-placeholder,
|
|
input[type="text"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="password"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="date"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="month"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="time"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="week"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="number"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="email"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="url"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="search"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="tel"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="color"].md-input.inverted-colors:-moz-placeholder {
|
|
/* Firefox 18- */
|
|
color: #fff;
|
|
}
|
|
select.md-input.uk-form-width-mini {
|
|
width: 65px;
|
|
}
|
|
.md-input-width-small {
|
|
min-width: 80px !important;
|
|
}
|
|
.md-input-width-medium {
|
|
min-width: 160px !important;
|
|
}
|
|
.md-input-width-large {
|
|
min-width: 320px !important;
|
|
}
|
|
textarea.md-input {
|
|
min-height: 80px;
|
|
resize: none;
|
|
overflow: hidden;
|
|
-webkit-transition: height 200ms ease-out;
|
|
transition: height 200ms ease-out;
|
|
line-height: 24px;
|
|
}
|
|
textarea.no_autosize {
|
|
min-height: inherit;
|
|
overflow: auto;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
resize: both;
|
|
}
|
|
.md-input-wrapper {
|
|
position: relative;
|
|
padding-top: 4px;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.md-input-wrapper .md-input-bar {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.md-input-wrapper .md-input-bar:before,
|
|
.md-input-wrapper .md-input-bar:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 0;
|
|
height: 2px;
|
|
background: #1976d2;
|
|
-webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.md-input-wrapper .md-input-bar:before {
|
|
left: 50%;
|
|
}
|
|
.md-input-wrapper .md-input-bar:after {
|
|
right: 50%;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-mini {
|
|
width: 40px;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-small {
|
|
width: 130px;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-medium {
|
|
width: 200px;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-large {
|
|
width: 500px;
|
|
}
|
|
.md-input-wrapper > label {
|
|
color: #727272;
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 4px;
|
|
right: 0;
|
|
pointer-events: none;
|
|
-webkit-transition: all 150ms ease-out;
|
|
transition: all 150ms ease-out;
|
|
}
|
|
.md-input-wrapper + * {
|
|
margin-top: 10px;
|
|
}
|
|
.md-input-wrapper.md-input-wrapper-disabled > label {
|
|
color: rgba(0, 0, 0, 0.26);
|
|
}
|
|
.md-input-wrapper-count {
|
|
padding-bottom: 24px;
|
|
}
|
|
.md-input-wrapper-count .md-input-bar {
|
|
bottom: 24px;
|
|
}
|
|
.md-input-wrapper-count .text-count-wrapper {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 200ms ease-in;
|
|
transition: opacity 200ms ease-in;
|
|
}
|
|
.md-input-wrapper-count > .md-input-wrapper-count .text-count-wrapper {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.md-input-filled > label,
|
|
.md-input-focus > label {
|
|
top: -6px;
|
|
font-size: 12px;
|
|
}
|
|
.md-input-filled.md-input-wrapper-count .text-count-wrapper,
|
|
.md-input-focus.md-input-wrapper-count .text-count-wrapper {
|
|
opacity: 1;
|
|
}
|
|
.md-input-focus .md-input-bar:before,
|
|
.md-input-focus .md-input-bar:after {
|
|
width: 50%;
|
|
}
|
|
.md-input-wrapper-danger .md-input-bar:before,
|
|
.md-input-wrapper-danger .md-input-bar:after {
|
|
background: #e53935;
|
|
}
|
|
.md-input-wrapper-danger.md-input-wrapper-count .text-count-wrapper {
|
|
color: #e53935;
|
|
}
|
|
.md-input-wrapper-success .md-input-bar:before,
|
|
.md-input-wrapper-success .md-input-bar:after {
|
|
background: #7cb342;
|
|
}
|
|
.md-input-wrapper-success.md-input-wrapper-count .text-count-wrapper {
|
|
color: #7cb342;
|
|
}
|
|
.md-form-group {
|
|
position: relative;
|
|
}
|
|
label.md-label {
|
|
color: #999;
|
|
padding: 0 6px;
|
|
font-size: 11px;
|
|
}
|
|
.add-clear-span {
|
|
display: block;
|
|
}
|
|
.add-clear-span input {
|
|
padding-right: 24px !important;
|
|
}
|
|
.add-clear-span a {
|
|
top: 12px !important;
|
|
right: 4px !important;
|
|
}
|
|
.add-clear-span a .material-icons {
|
|
font-size: 20px;
|
|
}
|
|
/*** utils ***/
|
|
/* avatar */
|
|
.md-user-image {
|
|
width: 34px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-user-image-large {
|
|
width: 82px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-user-placeholder {
|
|
background-color: rgba(0, 0, 0, 0.085);
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-user-letters {
|
|
display: inline-block;
|
|
line-height: 35px;
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
background-color: rgba(0, 0, 0, 0.085);
|
|
}
|
|
/* icons */
|
|
.md-icon {
|
|
font-size: 24px;
|
|
line-height: 32px !important;
|
|
height: 32px !important;
|
|
color: #727272;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
-webkit-transition: background 280ms ease-out, color 280ms ease-out;
|
|
transition: background 280ms ease-out, color 280ms ease-out;
|
|
width: 32px !important;
|
|
text-align: center;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.md-icon:hover,
|
|
.md-icon:focus,
|
|
.md-icon:active,
|
|
.md-icon.active {
|
|
color: #212121;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.md-icon-light {
|
|
color: #fff;
|
|
}
|
|
.md-icon-light:hover,
|
|
.md-icon-light:focus,
|
|
.md-icon-light:active {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.md-icon-dark {
|
|
color: #212121;
|
|
}
|
|
.md-icon-dark:hover,
|
|
.md-icon-dark:focus,
|
|
.md-icon-dark:active {
|
|
color: #212121;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.md-icon + .md-icon {
|
|
margin-left: 4px;
|
|
}
|
|
.md-icon-btn {
|
|
display: inline-block;
|
|
}
|
|
.md-icon-btn.active .md-icon {
|
|
color: #212121;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
button.md-icon {
|
|
background: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
.uk-open > .md-icon {
|
|
color: #212121;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.uk-open > .md-icon-light {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.uk-open > .md-icon-dark {
|
|
color: #212121;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
}
|
|
/* dropdown list */
|
|
.md-list-inputs {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.md-list-inputs > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.md-list-inputs li + li {
|
|
margin-top: 8px;
|
|
}
|
|
.md-list-inputs li .icheckbox_md {
|
|
float: left;
|
|
}
|
|
.md-list-inputs li label {
|
|
overflow: hidden;
|
|
padding-left: 8px;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
/* hr */
|
|
.md-hr {
|
|
margin: 32px 0;
|
|
height: 0;
|
|
border-top: 2px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
/* animated show */
|
|
@-webkit-keyframes hierarchical_show {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.2, 0.2, 2);
|
|
transform: scale3d(0.2, 0.2, 2);
|
|
}
|
|
40% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
@keyframes hierarchical_show {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.2, 0.2, 2);
|
|
transform: scale3d(0.2, 0.2, 2);
|
|
}
|
|
40% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.hierarchical_show {
|
|
will-change: transform, opacity;
|
|
}
|
|
.hierarchical_show > * {
|
|
visibility: hidden;
|
|
}
|
|
.hierarchical_show_inView > * {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation-duration: 560ms;
|
|
animation-duration: 560ms;
|
|
-webkit-animation-name: hierarchical_show;
|
|
animation-name: hierarchical_show;
|
|
visibility: visible;
|
|
}
|
|
@-webkit-keyframes hierarchical_slide {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 160%, 0);
|
|
transform: translate3d(0, 160%, 0);
|
|
}
|
|
33% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes hierarchical_slide {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 160%, 0);
|
|
transform: translate3d(0, 160%, 0);
|
|
}
|
|
33% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.hierarchical_slide {
|
|
will-change: transform, opacity;
|
|
}
|
|
.hierarchical_slide > * {
|
|
visibility: hidden;
|
|
}
|
|
.hierarchical_slide_inView > * {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation-duration: 560ms;
|
|
animation-duration: 560ms;
|
|
-webkit-animation-name: hierarchical_slide;
|
|
animation-name: hierarchical_slide;
|
|
visibility: visible;
|
|
}
|
|
.fast_animation {
|
|
-webkit-animation-duration: 280ms;
|
|
animation-duration: 280ms;
|
|
}
|
|
html {
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
background: #ececec;
|
|
}
|
|
body {
|
|
min-height: 100%;
|
|
font: 400 14px / 1.42857143 "Roboto", sans-serif;
|
|
padding-top: 48px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
a,
|
|
button {
|
|
outline: none !important;
|
|
}
|
|
a {
|
|
color: #1e88e5;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
a:hover,
|
|
a:active {
|
|
color: #0d47a1;
|
|
text-decoration: none;
|
|
}
|
|
pre,
|
|
code,
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
pre[class*="language-"] {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
padding: 0;
|
|
}
|
|
pre[class*="language-"]:before,
|
|
pre[class*="language-"]:after {
|
|
display: none;
|
|
}
|
|
.line-numbers .line-numbers-rows {
|
|
border-right-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
:not(pre) > code,
|
|
:not(pre) > kbd,
|
|
:not(pre) > samp {
|
|
font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
|
|
color: #d32f2f;
|
|
}
|
|
pre.large_code,
|
|
code.large_code {
|
|
font: 400 14px / 24px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
|
|
}
|
|
.touchscroll {
|
|
overflow-y: auto !important;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.transform-origin-50 {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
blockquote {
|
|
border-left: 4px solid rgba(0, 0, 0, 0.085);
|
|
}
|
|
/* clearfix */
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.clearfix:after {
|
|
clear: both;
|
|
}
|
|
/* headings */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: 500;
|
|
}
|
|
.heading_a {
|
|
margin: 0;
|
|
font: 400 18px / 24px "Roboto", sans-serif;
|
|
}
|
|
.heading_a .sub-heading {
|
|
font-weight: 300;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.heading_b {
|
|
margin: 0;
|
|
font: 400 22px / 28px "Roboto", sans-serif;
|
|
}
|
|
.heading_b .sub-heading {
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.heading_c {
|
|
margin: 0;
|
|
font: 400 16px / 20px "Roboto", sans-serif;
|
|
}
|
|
.heading_c .sub-heading {
|
|
font-weight: 300;
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.heading_list {
|
|
color: #727272;
|
|
font: 500 13px / 16px "Roboto", sans-serif;
|
|
padding: 0 16px;
|
|
margin: 0 0 16px;
|
|
}
|
|
.heading_a + .uk-grid,
|
|
.heading_b + .uk-grid,
|
|
.heading_c + .uk-grid,
|
|
.heading_list + .uk-grid {
|
|
margin-top: 24px;
|
|
}
|
|
.uk-grid + .heading_a,
|
|
.uk-grid + .heading_b,
|
|
.uk-grid + .heading_c,
|
|
.uk-grid + .heading_list {
|
|
margin-top: 24px;
|
|
}
|
|
/* uikit extend */
|
|
.uk-text-large {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
margin: 0 0 16px;
|
|
}
|
|
* > .uk-text-large {
|
|
margin-top: 16px;
|
|
}
|
|
.uk-text-small {
|
|
font-size: 12px !important;
|
|
}
|
|
.uk-text-upper {
|
|
text-transform: uppercase;
|
|
}
|
|
.uk-text-italic {
|
|
font-style: italic;
|
|
}
|
|
.uk-text-del {
|
|
text-decoration: line-through;
|
|
}
|
|
.uk-table.no-border td,
|
|
.uk-table .no-border td {
|
|
border-bottom: none;
|
|
}
|
|
.uk-table .row-selected {
|
|
background: #fff8e1 !important;
|
|
}
|
|
.uk-table [data-link] {
|
|
cursor: pointer;
|
|
}
|
|
.uk-text-pre {
|
|
white-space: pre;
|
|
}
|
|
.table_tree {
|
|
margin-bottom: 4px !important;
|
|
}
|
|
.table_tree .table-child-row {
|
|
display: none;
|
|
}
|
|
.table_tree .toggle-childrens {
|
|
display: block;
|
|
padding-left: 24px;
|
|
position: relative;
|
|
}
|
|
.table_tree .toggle-childrens:before {
|
|
content: '\e313';
|
|
font-family: "Material Icons";
|
|
font-size: 28px;
|
|
position: absolute;
|
|
left: -6px;
|
|
top: -10px;
|
|
color: #727272;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
.table_tree .table-child-row {
|
|
display: table-row;
|
|
}
|
|
.table_tree .table-child-row .child-row-main-col {
|
|
padding-left: 40px;
|
|
}
|
|
.table_tree .show_child_row .toggle-childrens:before {
|
|
-webkit-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|
|
/* custom styles */
|
|
address {
|
|
margin: 0;
|
|
}
|
|
address p {
|
|
margin: 0;
|
|
}
|
|
address p + p {
|
|
margin-top: 4px;
|
|
}
|
|
.grid-block {
|
|
border-width: 1px 0;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
background: rgba(179, 179, 179, 0.085);
|
|
padding: 48px 0;
|
|
}
|
|
.inline-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
}
|
|
.inline-list > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.inline-list li {
|
|
float: left;
|
|
margin: 0 8px 8px 0;
|
|
height: 32px;
|
|
width: 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
background: rgba(102, 102, 102, 0.085);
|
|
}
|
|
.img_thumb {
|
|
width: 80px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_thumb.square {
|
|
height: 80px;
|
|
}
|
|
.img_small {
|
|
width: 120px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_small.square {
|
|
height: 120px;
|
|
}
|
|
.img_medium {
|
|
width: 240px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_medium.square {
|
|
height: 240px;
|
|
}
|
|
.img_large {
|
|
width: 400px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_large.square {
|
|
height: 400px;
|
|
}
|
|
/* forms */
|
|
.inline-label {
|
|
padding-left: 4px;
|
|
cursor: pointer;
|
|
vertical-align: -1px;
|
|
}
|
|
.form_hr {
|
|
border-top: 1px dashed rgba(0, 0, 0, 0.12);
|
|
margin: 32px 0 16px;
|
|
}
|
|
/* layout */
|
|
#page_content:before {
|
|
content: '';
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
display: block;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 400ms;
|
|
transition: opacity 400ms;
|
|
z-index: -1;
|
|
}
|
|
#page_content_inner {
|
|
padding: 24px 24px 100px;
|
|
}
|
|
#page_overflow {
|
|
min-height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
@media only screen and (min-width: 1220px) {
|
|
.boxed_layout #page_content {
|
|
max-width: 1220px;
|
|
margin: 0 auto !important;
|
|
}
|
|
.boxed_layout .uk-width-large-8-10.uk-container-center {
|
|
width: 100%;
|
|
}
|
|
.boxed_layout.sidebar_main_open #page_content,
|
|
.boxed_layout.sidebar_main_active #page_content {
|
|
padding-left: 240px;
|
|
}
|
|
.boxed_layout .md-top-bar {
|
|
max-width: 1172px;
|
|
margin: 0 auto;
|
|
}
|
|
.boxed_layout #page_heading {
|
|
border-width: 0 1px 1px;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
.disable_transitions #sidebar_main,
|
|
.disable_transitions #page_content,
|
|
.disable_transitions #header_main,
|
|
.disable_transitions #top_bar,
|
|
.disable_transitions #header_main .sSwitch .sSwitchIcon,
|
|
.disable_transitions #header_main .sSwitch .sSwitchIcon:before,
|
|
.disable_transitions #header_main .sSwitch .sSwitchIcon:after {
|
|
-webkit-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
body {
|
|
padding: 0;
|
|
}
|
|
.error_page_header {
|
|
background: #1565c0;
|
|
padding: 80px 0 20px;
|
|
color: #fff;
|
|
font-size: 48px;
|
|
font-weight: 300;
|
|
margin-bottom: 40px;
|
|
}
|
|
html.app_theme_dark {
|
|
background: #424242;
|
|
color: #fff;
|
|
}
|
|
html.app_theme_dark a:not(.md-btn) {
|
|
color: #039be5;
|
|
}
|
|
html.app_theme_dark a:not(.md-btn):hover,
|
|
html.app_theme_dark a:not(.md-btn):active {
|
|
color: #0277bd;
|
|
}
|
|
html.app_theme_dark h1,
|
|
html.app_theme_dark h2,
|
|
html.app_theme_dark h3,
|
|
html.app_theme_dark h4,
|
|
html.app_theme_dark h5,
|
|
html.app_theme_dark h6 {
|
|
color: #fefefe;
|
|
}
|
|
|
|
/*# sourceMappingURL=error_page.css.map */
|