definicao de layout
This commit is contained in:
1
public/assets/scss/animate.scss
vendored
Normal file
1
public/assets/scss/animate.scss
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@import "animate/animate";
|
||||
1471
public/assets/scss/animate/_animate.scss
Normal file
1471
public/assets/scss/animate/_animate.scss
Normal file
File diff suppressed because it is too large
Load Diff
3
public/assets/scss/aos.scss
Normal file
3
public/assets/scss/aos.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
@import 'aos/core';
|
||||
@import 'aos/easing';
|
||||
@import 'aos/animations';
|
||||
177
public/assets/scss/aos/_animations.scss
Normal file
177
public/assets/scss/aos/_animations.scss
Normal file
@@ -0,0 +1,177 @@
|
||||
// Animations variables
|
||||
$aos-distance: 100px !default;
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Fade animations:
|
||||
* fade
|
||||
* fade-up, fade-down, fade-left, fade-right
|
||||
* fade-up-right, fade-up-left, fade-down-right, fade-down-left
|
||||
*/
|
||||
|
||||
[data-aos^='fade'][data-aos^='fade'] {
|
||||
opacity: 0;
|
||||
transition-property: opacity, transform;
|
||||
|
||||
&.aos-animate {
|
||||
opacity: 1;
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
[data-aos='fade-up'] {
|
||||
transform: translate(0, $aos-distance);
|
||||
}
|
||||
|
||||
[data-aos='fade-down'] {
|
||||
transform: translate(0, -$aos-distance);
|
||||
}
|
||||
|
||||
[data-aos='fade-right'] {
|
||||
transform: translate(-$aos-distance, 0);
|
||||
}
|
||||
|
||||
[data-aos='fade-left'] {
|
||||
transform: translate($aos-distance, 0);
|
||||
}
|
||||
|
||||
[data-aos='fade-up-right'] {
|
||||
transform: translate(-$aos-distance, $aos-distance);
|
||||
}
|
||||
|
||||
[data-aos='fade-up-left'] {
|
||||
transform: translate($aos-distance, $aos-distance);
|
||||
}
|
||||
|
||||
[data-aos='fade-down-right'] {
|
||||
transform: translate(-$aos-distance, -$aos-distance);
|
||||
}
|
||||
|
||||
[data-aos='fade-down-left'] {
|
||||
transform: translate($aos-distance, -$aos-distance);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Zoom animations:
|
||||
* zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
|
||||
* zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
|
||||
*/
|
||||
|
||||
[data-aos^='zoom'][data-aos^='zoom'] {
|
||||
opacity: 0;
|
||||
transition-property: opacity, transform;
|
||||
|
||||
&.aos-animate {
|
||||
opacity: 1;
|
||||
transform: translate(0, 0) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
[data-aos='zoom-in'] {
|
||||
transform: scale(.6);
|
||||
}
|
||||
|
||||
[data-aos='zoom-in-up'] {
|
||||
transform: translate(0, $aos-distance) scale(.6);
|
||||
}
|
||||
|
||||
[data-aos='zoom-in-down'] {
|
||||
transform: translate(0, -$aos-distance) scale(.6);
|
||||
}
|
||||
|
||||
[data-aos='zoom-in-right'] {
|
||||
transform: translate(-$aos-distance, 0) scale(.6);
|
||||
}
|
||||
|
||||
[data-aos='zoom-in-left'] {
|
||||
transform: translate($aos-distance, 0) scale(.6);
|
||||
}
|
||||
|
||||
[data-aos='zoom-out'] {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
[data-aos='zoom-out-up'] {
|
||||
transform: translate(0, $aos-distance) scale(1.2);
|
||||
}
|
||||
|
||||
[data-aos='zoom-out-down'] {
|
||||
transform: translate(0, -$aos-distance) scale(1.2);
|
||||
}
|
||||
|
||||
[data-aos='zoom-out-right'] {
|
||||
transform: translate(-$aos-distance, 0) scale(1.2);
|
||||
}
|
||||
|
||||
[data-aos='zoom-out-left'] {
|
||||
transform: translate($aos-distance, 0) scale(1.2);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Slide animations
|
||||
*/
|
||||
|
||||
[data-aos^='slide'][data-aos^='slide'] {
|
||||
transition-property: transform;
|
||||
|
||||
&.aos-animate {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
[data-aos='slide-up'] {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
[data-aos='slide-down'] {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
[data-aos='slide-right'] {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
[data-aos='slide-left'] {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Flip animations:
|
||||
* flip-left, flip-right, flip-up, flip-down
|
||||
*/
|
||||
|
||||
[data-aos^='flip'][data-aos^='flip'] {
|
||||
backface-visibility: hidden;
|
||||
transition-property: transform;
|
||||
}
|
||||
|
||||
[data-aos='flip-left'] {
|
||||
transform: perspective(2500px) rotateY(-100deg);
|
||||
&.aos-animate {transform: perspective(2500px) rotateY(0);}
|
||||
}
|
||||
|
||||
[data-aos='flip-right'] {
|
||||
transform: perspective(2500px) rotateY(100deg);
|
||||
&.aos-animate {transform: perspective(2500px) rotateY(0);}
|
||||
}
|
||||
|
||||
[data-aos='flip-up'] {
|
||||
transform: perspective(2500px) rotateX(-100deg);
|
||||
&.aos-animate {transform: perspective(2500px) rotateX(0);}
|
||||
}
|
||||
|
||||
[data-aos='flip-down'] {
|
||||
transform: perspective(2500px) rotateX(100deg);
|
||||
&.aos-animate {transform: perspective(2500px) rotateX(0);}
|
||||
}
|
||||
18
public/assets/scss/aos/_core.scss
Normal file
18
public/assets/scss/aos/_core.scss
Normal file
@@ -0,0 +1,18 @@
|
||||
// Generate Duration && Delay
|
||||
[data-aos] {
|
||||
@for $i from 1 through 60 {
|
||||
body[data-aos-duration='#{$i * 50}'] &,
|
||||
&[data-aos][data-aos-duration='#{$i * 50}'] {
|
||||
transition-duration: #{$i * 50}ms;
|
||||
}
|
||||
|
||||
body[data-aos-delay='#{$i * 50}'] &,
|
||||
&[data-aos][data-aos-delay='#{$i * 50}'] {
|
||||
transition-delay: 0;
|
||||
|
||||
&.aos-animate {
|
||||
transition-delay: #{$i * 50}ms;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
40
public/assets/scss/aos/_easing.scss
Normal file
40
public/assets/scss/aos/_easing.scss
Normal file
@@ -0,0 +1,40 @@
|
||||
$aos-easing: (
|
||||
linear: cubic-bezier(.250, .250, .750, .750),
|
||||
|
||||
ease: cubic-bezier(.250, .100, .250, 1),
|
||||
ease-in: cubic-bezier(.420, 0, 1, 1),
|
||||
ease-out: cubic-bezier(.000, 0, .580, 1),
|
||||
ease-in-out: cubic-bezier(.420, 0, .580, 1),
|
||||
|
||||
ease-in-back: cubic-bezier(.6, -.28, .735, .045),
|
||||
ease-out-back: cubic-bezier(.175, .885, .32, 1.275),
|
||||
ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55),
|
||||
|
||||
ease-in-sine: cubic-bezier(.47, 0, .745, .715),
|
||||
ease-out-sine: cubic-bezier(.39, .575, .565, 1),
|
||||
ease-in-out-sine: cubic-bezier(.445, .05, .55, .95),
|
||||
|
||||
ease-in-quad: cubic-bezier(.55, .085, .68, .53),
|
||||
ease-out-quad: cubic-bezier(.25, .46, .45, .94),
|
||||
ease-in-out-quad: cubic-bezier(.455, .03, .515, .955),
|
||||
|
||||
ease-in-cubic: cubic-bezier(.55, .085, .68, .53),
|
||||
ease-out-cubic: cubic-bezier(.25, .46, .45, .94),
|
||||
ease-in-out-cubic: cubic-bezier(.455, .03, .515, .955),
|
||||
|
||||
ease-in-quart: cubic-bezier(.55, .085, .68, .53),
|
||||
ease-out-quart: cubic-bezier(.25, .46, .45, .94),
|
||||
ease-in-out-quart: cubic-bezier(.455, .03, .515, .955)
|
||||
);
|
||||
|
||||
// Easings implementations
|
||||
// Default timing function: 'ease'
|
||||
|
||||
[data-aos] {
|
||||
@each $key, $val in $aos-easing {
|
||||
body[data-aos-easing="#{$key}"] &,
|
||||
&[data-aos][data-aos-easing="#{$key}"] {
|
||||
transition-timing-function: $val;
|
||||
}
|
||||
}
|
||||
}
|
||||
5
public/assets/scss/calendar.scss
Normal file
5
public/assets/scss/calendar.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
@import "calendar/tui-time-picker";
|
||||
@import "calendar/tui-date-picker";
|
||||
@import "calendar/tui-calendar";
|
||||
@import "calendar/icon";
|
||||
@import "calendar/default";
|
||||
374
public/assets/scss/calendar/_default.scss
Normal file
374
public/assets/scss/calendar/_default.scss
Normal file
@@ -0,0 +1,374 @@
|
||||
.calendar-basic{
|
||||
@import "https://fonts.googleapis.com/css?family=Noto+Sans";
|
||||
@import "../theme/variables";
|
||||
|
||||
.open {
|
||||
>.dropdown-toggle.btn-default {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
top: 25px;
|
||||
padding: 15px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid $light-gray;
|
||||
background-color: $white ;
|
||||
.dropdown-divider{
|
||||
border-top: 1px solid $light-gray;
|
||||
}
|
||||
>li {
|
||||
>a {
|
||||
color: $theme-body-font-color;
|
||||
cursor: pointer;
|
||||
font-size:14px;
|
||||
i{
|
||||
margin-right:10px;
|
||||
}
|
||||
&:hover{
|
||||
color:$primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.lnb-calendars-item{
|
||||
span{
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
.tui-full-calendar-month-dayname span {
|
||||
font-weight: 700;
|
||||
}
|
||||
.bi15 {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
#top {
|
||||
height: 49px;
|
||||
border-bottom: 1px solid $light-gray;
|
||||
padding: 16px;
|
||||
font-size: 10px;
|
||||
}
|
||||
#lnb {
|
||||
padding-top:20px;
|
||||
label{
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
}
|
||||
.lnb-new-schedule{
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
#right{
|
||||
margin-top:15px;
|
||||
}
|
||||
.lnb-calendars{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
float: right;
|
||||
clear:both;
|
||||
>div {
|
||||
padding:12px 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.lnb-calendars-d1 {
|
||||
label{
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.lnb-calendars-item {
|
||||
min-height: 14px;
|
||||
line-height: 14px;
|
||||
display: inline-block;
|
||||
strong{
|
||||
font-weight: 700;
|
||||
}
|
||||
&:nth-child(n+2){
|
||||
margin-left:10px;
|
||||
}
|
||||
}
|
||||
.lnb-footer {
|
||||
color:#999;
|
||||
font-size: 11px;
|
||||
position: absolute;
|
||||
bottom: 12px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
#dropdownMenu-calendarType {
|
||||
font-weight:600;
|
||||
i{
|
||||
font-size:16px !important;
|
||||
&:first-child{
|
||||
margin-right:15px;
|
||||
}
|
||||
&:last-child{
|
||||
margin-left:15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#renderRange {
|
||||
font-size:22px;
|
||||
font-weight:600;
|
||||
}
|
||||
#menu-navi{
|
||||
display:flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
padding-bottom:20px;
|
||||
border-bottom: 1px solid $light-gray;
|
||||
.move-day{
|
||||
padding:6px 15px;
|
||||
i{
|
||||
font-size:25px;
|
||||
}
|
||||
}
|
||||
button{
|
||||
padding:10px 20px;
|
||||
line-height:1;
|
||||
span{
|
||||
font-weight:600;
|
||||
}
|
||||
i{
|
||||
color:$white;
|
||||
|
||||
font-size:20px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.menu-navi-right{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
.move-btn{
|
||||
margin-left:15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-menu-title {
|
||||
.calendar-icon {
|
||||
margin-right: 8px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.calendar-bar {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 5px;
|
||||
display: inline-block;
|
||||
border: 1px solid #eee;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.calendar-name {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.schedule-time {
|
||||
color: #005aff;
|
||||
}
|
||||
|
||||
.weekday-grid-more-schedules {
|
||||
float: right;
|
||||
margin-top: 4px;
|
||||
margin-right: 6px;
|
||||
height: 18px;
|
||||
line-height: 17px;
|
||||
padding: 0 5px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid $light-gray;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
// custom css
|
||||
.tui-full-calendar-popup{
|
||||
.tui-full-calendar-popup-section{
|
||||
margin-bottom:15px;
|
||||
min-height:auto;
|
||||
}
|
||||
.tui-full-calendar-popup-section-item{
|
||||
padding:0;
|
||||
border-color:$light-gray;
|
||||
.tui-full-calendar-icon{
|
||||
margin-left:10px;
|
||||
}
|
||||
}
|
||||
.tui-full-calendar-button{
|
||||
&.tui-full-calendar-section-private{
|
||||
position:absolute;
|
||||
}
|
||||
}
|
||||
.tui-full-calendar-section-start-date{
|
||||
width: 167px;
|
||||
}
|
||||
.tui-full-calendar-confirm{
|
||||
background-color: $primary-color;
|
||||
color:$white;
|
||||
display:block;
|
||||
margin-left:auto;
|
||||
span{
|
||||
font-weight:600;
|
||||
}
|
||||
}
|
||||
.tui-calendar-title-today{
|
||||
background-color:$light-background;
|
||||
color:$primary-color;
|
||||
font-size:12px;
|
||||
font-weight:600;
|
||||
height:auto;
|
||||
}
|
||||
.tui-calendar{
|
||||
th{
|
||||
font-weight:600;
|
||||
}
|
||||
td{
|
||||
font-weight:500;
|
||||
}
|
||||
}
|
||||
.tui-datepicker {
|
||||
.tui-calendar-title{
|
||||
font-weight:600;
|
||||
}
|
||||
}
|
||||
.tui-full-calendar-section-start-date{
|
||||
.tui-datepicker{
|
||||
border-color:$light-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tui-datepicker{
|
||||
&.tui-rangepicker {
|
||||
.tui-is-selectable{
|
||||
&.tui-is-selected{
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tui-is-selectable{
|
||||
&:hover{
|
||||
background-color: rgba($primary-color,0.1);
|
||||
color:$primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tui-calendar {
|
||||
.tui-calendar-today{
|
||||
color:$primary-color;
|
||||
}
|
||||
.tui-timepicker-select{
|
||||
border-color:$light-gray;
|
||||
}
|
||||
.tui-calendar-header{
|
||||
border-color:$light-gray;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:1470px){
|
||||
|
||||
.calendar-basic {
|
||||
#menu-navi {
|
||||
.move-day{
|
||||
padding: 6px 13px;
|
||||
i{
|
||||
font-size:22px;
|
||||
}
|
||||
}
|
||||
button{
|
||||
padding:8px 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:767px){
|
||||
.calendar-basic {
|
||||
#menu-navi{
|
||||
display: block;
|
||||
>div{
|
||||
display:inline-block;
|
||||
}
|
||||
.menu-navi-center{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 20px;
|
||||
}
|
||||
.menu-navi-right{
|
||||
display:block;
|
||||
margin-top: 8px;
|
||||
.move-btn{
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px){
|
||||
.calendar-basic {
|
||||
#inb{
|
||||
padding-top: 10px;
|
||||
}
|
||||
#renderRange{
|
||||
font-size: 18px;
|
||||
}
|
||||
#menu-navi {
|
||||
padding-bottom: 10px;
|
||||
.move-day {
|
||||
i{
|
||||
font-size:16px;
|
||||
}
|
||||
}
|
||||
button{
|
||||
font-size:12px;
|
||||
}
|
||||
}
|
||||
#dropdownMenu-calendarType {
|
||||
i{
|
||||
font-size: 12px !important;
|
||||
&:first-child{
|
||||
margin-right:8px;
|
||||
}
|
||||
&:last-child{
|
||||
margin-left:8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tui-full-calendar-popup-container{
|
||||
min-width: 270px;
|
||||
max-width: 270px;
|
||||
}
|
||||
.tui-full-calendar-section-calendar{
|
||||
width: 100%;
|
||||
}
|
||||
.tui-full-calendar-section-title{
|
||||
input{
|
||||
width:160px;
|
||||
min-width:160px;
|
||||
}
|
||||
}
|
||||
.tui-full-calendar-popup-section-item.tui-full-calendar-section-location input{
|
||||
width:160px;
|
||||
}
|
||||
.tui-full-calendar-popup .tui-full-calendar-section-start-date{
|
||||
width:232px;
|
||||
}
|
||||
.tui-full-calendar-section-end-date{
|
||||
width:232px;
|
||||
}
|
||||
.tui-full-calendar-popup-section-item.tui-full-calendar-section-allday{
|
||||
margin-top:10px;
|
||||
height:auto;
|
||||
.tui-full-calendar-icon{
|
||||
margin-left:unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
79
public/assets/scss/calendar/_icon.scss
Normal file
79
public/assets/scss/calendar/_icon.scss
Normal file
@@ -0,0 +1,79 @@
|
||||
|
||||
.calendar-basic{
|
||||
/* font icons */
|
||||
@font-face {
|
||||
font-family: 'tui-calendar-font-icon';
|
||||
src: url('../fonts/calendar/icon.eot') format('embedded-opentype'), url('../fonts/calendar/icon.ttf') format('truetype'), url('../fonts/calendar/icon.woff') format('woff'), url('../fonts/calendar/icon.svg') format('svg');
|
||||
}
|
||||
/* font icons */
|
||||
.calendar-icon {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.calendar-font-icon {
|
||||
font-family: 'tui-calendar-font-icon';
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.img-bi {
|
||||
background: url('../images/calender/img-bi.png') no-repeat;
|
||||
width: 215px;
|
||||
height: 16px;
|
||||
}
|
||||
.ic_view_month {
|
||||
background: url('../images/calender/ic-view-month.png') no-repeat;
|
||||
}
|
||||
.ic_view_week {
|
||||
background: url('../images/calender/ic-view-week.png') no-repeat;
|
||||
}
|
||||
.ic_view_day {
|
||||
background: url('../images/calender/ic-view-day.png') no-repeat;
|
||||
}
|
||||
.ic-arrow-line-left {
|
||||
background: url('../images/calender/ic-arrow-line-left.png') no-repeat;
|
||||
}
|
||||
.ic-arrow-line-right {
|
||||
background: url('../images/calender/ic-arrow-line-right.png') no-repeat;
|
||||
}
|
||||
.ic-travel-time {
|
||||
background: url('../images/calender/ic-traveltime-w.png') no-repeat;
|
||||
}
|
||||
.ic-location-b {
|
||||
&:before {
|
||||
content: '\e900';
|
||||
}
|
||||
}
|
||||
.ic-lock-b {
|
||||
&:before {
|
||||
content: '\e901';
|
||||
}
|
||||
}
|
||||
.ic-milestone-b {
|
||||
&:before {
|
||||
content: '\e902';
|
||||
}
|
||||
}
|
||||
.ic-readonly-b {
|
||||
&:before {
|
||||
content: '\e903';
|
||||
}
|
||||
}
|
||||
.ic-repeat-b {
|
||||
&:before {
|
||||
content: '\e904';
|
||||
}
|
||||
}
|
||||
.ic-state-b {
|
||||
&:before {
|
||||
content: '\e905';
|
||||
}
|
||||
}
|
||||
.ic-user-b {
|
||||
&:before {
|
||||
content: '\e906';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
1302
public/assets/scss/calendar/_tui-calendar.scss
Normal file
1302
public/assets/scss/calendar/_tui-calendar.scss
Normal file
File diff suppressed because it is too large
Load Diff
600
public/assets/scss/calendar/_tui-date-picker.scss
Normal file
600
public/assets/scss/calendar/_tui-date-picker.scss
Normal file
@@ -0,0 +1,600 @@
|
||||
/*!
|
||||
* TOAST UI Date Picker
|
||||
* @version 4.3.0
|
||||
* @author NHN. FE Development Lab <dl_javascript@nhn.com>
|
||||
* @license MIT
|
||||
*/
|
||||
@charset "utf-8";
|
||||
.tui-calendar {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border: 1px solid #aaa;
|
||||
width: 274px;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div {
|
||||
text-align: center;
|
||||
}
|
||||
caption {
|
||||
padding: 0;
|
||||
span {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
clip: rect(0 0 0 0);
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.tui-calendar-header {
|
||||
position: relative;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.tui-calendar-header-inner {
|
||||
padding: 17px 50px 15px;
|
||||
height: 50px;
|
||||
}
|
||||
.tui-calendar-title-today {
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
line-height: 34px;
|
||||
color: #777;
|
||||
background-color: #f4f4f4;
|
||||
&:hover {
|
||||
color: #333;
|
||||
background-color: #edf4fc;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.tui-calendar-title {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
color: #333;
|
||||
cursor: default;
|
||||
vertical-align: top;
|
||||
}
|
||||
.tui-calendar-btn-prev-month {
|
||||
left: 0;
|
||||
&:after {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -5px;
|
||||
line-height: 400px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
content: '';
|
||||
width: 6px;
|
||||
height: 11px;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
.tui-calendar-btn-next-month {
|
||||
right: 0;
|
||||
&:after {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -5px;
|
||||
line-height: 400px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
content: '';
|
||||
width: 6px;
|
||||
height: 11px;
|
||||
right: 50%;
|
||||
margin-right: -3px;
|
||||
background-position: -8px 0;
|
||||
}
|
||||
}
|
||||
.tui-calendar-btn-prev-year {
|
||||
left: 0;
|
||||
&:after {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -5px;
|
||||
line-height: 400px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
content: '';
|
||||
width: 11px;
|
||||
height: 10px;
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
background-position: -16px -36px;
|
||||
}
|
||||
}
|
||||
.tui-calendar-btn-next-year {
|
||||
right: 0;
|
||||
&:after {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -5px;
|
||||
line-height: 400px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
content: '';
|
||||
width: 11px;
|
||||
height: 10px;
|
||||
right: 50%;
|
||||
margin-right: -6px;
|
||||
background-position: -16px -49px;
|
||||
}
|
||||
}
|
||||
.tui-calendar-has-btns {
|
||||
.tui-calendar-btn-prev-year {
|
||||
left: 10px;
|
||||
}
|
||||
.tui-calendar-btn-next-year {
|
||||
right: 10px;
|
||||
}
|
||||
.tui-calendar-btn-prev-month {
|
||||
left: 44px;
|
||||
}
|
||||
.tui-calendar-btn-next-month {
|
||||
right: 44px;
|
||||
}
|
||||
}
|
||||
.tui-calendar-body-header {
|
||||
th {
|
||||
color: #777;
|
||||
}
|
||||
}
|
||||
.tui-calendar-body-inner {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
th {
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
height: 39px;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
}
|
||||
td {
|
||||
height: 39px;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
}
|
||||
.tui-is-blocked {
|
||||
&:hover {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
.tui-calendar-month {
|
||||
width: 25%;
|
||||
height: 50px;
|
||||
}
|
||||
.tui-calendar-today {
|
||||
color: #4b96e6;
|
||||
}
|
||||
.tui-calendar-prev-month {
|
||||
color: #ccc;
|
||||
}
|
||||
.tui-calendar-next-month {
|
||||
color: #ccc;
|
||||
}
|
||||
.tui-calendar-prev-month.tui-calendar-date {
|
||||
visibility: hidden;
|
||||
}
|
||||
.tui-calendar-next-month.tui-calendar-date {
|
||||
visibility: hidden;
|
||||
}
|
||||
.tui-calendar-btn-choice {
|
||||
background-color: #4b96e6;
|
||||
}
|
||||
.tui-calendar-btn-close {
|
||||
background-color: #777;
|
||||
}
|
||||
.tui-calendar-year {
|
||||
width: 25%;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
.tui-datepicker-dropdown {
|
||||
button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.tui-ico-check {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
}
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
position: relative;
|
||||
.tui-dropdown-button {
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
padding: 0 10px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 0 30px 0 10px;
|
||||
text-align: left;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tui-ico-caret {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 10px;
|
||||
}
|
||||
.tui-dropdown-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
padding: 5px 0;
|
||||
margin: 0;
|
||||
overflow-y: auto;
|
||||
min-width: 0;
|
||||
max-height: 198px;
|
||||
font-size: 12px;
|
||||
border: 1px solid #ddd;
|
||||
border-top-color: #fff;
|
||||
z-index: 10;
|
||||
box-sizing: border-box;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.tui-menu-item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
background-color: #fff;
|
||||
z-index: 10;
|
||||
.tui-ico-check {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 8px;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
background-position: -31px -54px;
|
||||
z-index: 10;
|
||||
content: 'aaa';
|
||||
}
|
||||
}
|
||||
.tui-menu-item-btn {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
line-height: 28px;
|
||||
padding: 0 10px 0 30px;
|
||||
text-align: left;
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
z-index: 9;
|
||||
&:hover {
|
||||
color: #333;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
}
|
||||
.tui-menu-item.tui-is-selected {
|
||||
.tui-ico-check {
|
||||
display: block;
|
||||
}
|
||||
.tui-menu-item-btn {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tui-datepicker-selector {
|
||||
button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
padding: 10px;
|
||||
font-size: 0;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.tui-ico-date {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-position: -17px 0;
|
||||
}
|
||||
.tui-ico-time {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ClaYfwAACcFJREFUeNrEWgtwVOUVPnt37+4mmyUhkSQLGEigQ4uRQiEITe0U0Djio61ArNqpQguWdtrKtNqKM9W2Y6sOHaWdUaEvmVZtQaYjg8ZHU6zFApX4GAGdiYaHQmISks1r2Ueyt+fcPXdz9+69d/+72dQz883e+z92v/+/5z//95+7rsWLF4PB1jBu5vtvIn6IWIXoNDbetGkTfSjgzFxm/RRFgXA4DNFoFOLxuFrm9XrB5/PB1KlTweVyZXyJx4T4nxDNurI/IhYhXuUBnIFJsOHhYejp6YHy8nIoLS1VSZPRIBKJBJw8eRIqKyuhpKTElPwNTPxGxAv6CUF8D/Eg4l88gI5CEh8aGoKRkRGora3NqvN4UhRpQJ2dnerTCQaDapmkI76LibeYfD8N4C7En/kJzDNzBUFkEY9EIlBdXZ1zkKFQSB0kPSWN/GYm3mxBXG8/5QEcRMye6Iwnk0no7e2Fqqoq4T40yO7ubvUJEPnLERcQ5wT6Xoz4KmIP4nSOtopuQSpmi5oWJy1Ep0bror+/XyVPUeVeRCuiwaZPLfv8c4jv5hFhsiwWi6UXphOjPtRXW7CPISKIFxHXs1vojXz8ZXaZe0TDocV12iiS5Eue+kq6sl3s//sRV+jK5yNeQewQIB7mJ1Kqu7Z0m4maMc7/jf3/NsQ/NBdD/Arxm0L/uDaDWjgUNe2JmfXax9DsoIkbWVmZxbWp29DOSUSKi4sdk6e+Ur6zdvToURUm0SUX0kaRpq+vz/FvUx/qa0V+A+JNxHQHi9MJUp1Qq9CW39XVJUycdlnqQ30lC+K0m/6Vw+d0mARbsmSJ+klaJRAICA2A2lB7Td94LIiv5E2rF/FP3X2W7dy5My9Vqb8hrUIz2dHRARUVFSDLcoYwI5Cr2AkzI3GyP/Cn7QAKYdqM0s45MDCQIYn9fr8q2qwksRlx+D8MICsKOZELHiZ+Zw5iIgNwCf5mwTYrD2ubVQIzqg2AjkD3FeLHr32s0zh4Ogx9R3JBY1mxW3X6cGQsnlTgNbx8FLFXP3iPQQqA4ACczLDLcG0qFBFPz50mN61ZGICGWX7wy6mm0YTiff10dMXet0ZWvN+ToCd/E6JbJV9XVwefsFUgXkPS825dNgUkw/BoEJfPLYLGOUWw6/DgShwEHYYaEecl1jAhwR/awPLZycYFVqcoth3XXRqYt355JvGhWFKFZlRHbagtq2DVbZ7WLcTOHMTv4vXh1FWs3GZZZdC9Zv3yYLrgRFccdhwchA96Eur9nGky3P6FKTC/OhX3N2DbI6ei67qHxpZJ7MfbeADTBYifLaDL3HZtfQC87tSYiPDWZ/vSxM3KZGz7lQUBulwv6RbiNgs54IS4latYuc0VS2f70jdPHBmC0WR2JKWyXVin2aKL1T5f8phEklZd6HRCPJ/4XVM9ZZzCic64ZcPjurqqoFs9T3ssQmEr53A25NpVOeOWMattbW2i5MeSSUXWViq5RGzUfA5kt8u4HUqSRSwnF7plsvUMWvvp/tFxpVnjs1ahuroPU33aJZvN6LMOiNudUbUzbdZhhvJEh09G02XfuCwIZUXZlKiM6jTjPi2efPImeeyyYT4WDhjqf7//WGQLRg856JcAwyY8svYi+MvrQ/D2R3G188KZXvh6QxAuKnGn4n80CfveiVDo+Z3e5ymQfpu333ouO8b7wOMkrZ2oQ5MnETa227851I76Zvu21vCP7l1drro+kbxjRZl5hg2/8detYRiJJbfr3WYG4gjrnK2844b4+kqum5HHjIuU/6TtTOy5nz/fB4PRpOUXUh21OYptqY+2w3o5V/MM4n5DnwOMezhTdhkluvLR6XYRB/FlJPXAxqd6frD6kmJ52Ww/VE1JucnHg2Nw+FQUnj8eSfCM3819VPK3Iz4yIa63+5k4yeHf5pAF+RiRuRPJPb7njeFvIZrwfibXEbeXaH3Qhmum57eakDESeRjxSwvyZpFEyNDv9bcf8MzeLXoY+Rz9nkiqBlJvSCbqJpOW7rNzBbpPGNMXJu+00mkNp08GxZfyzrk4dA2Ogk9OxZJYIgkkIS6d7iWF6TKSf4N+jxem3Uw2cOiEHFJgJa+jG3OUpQ1PS8pL70YgitJg0UwfXFNfnJYDiTEFTp0fhbYPY4ADU66aXwxFciqNIHEc3yLwlLZwWztbyefMJ3KUZRB/5s1hNb6vW1QCn6qUM3QMXVMZ1dEmthfbUh+NPKWua3Kkr6luFre1slUcbikAtNiUZbjmgfYLUFMuw+fr/KBPy9BTiOpEGtVRG2r7SvsFta+H4/Y1HOuXIh5B/Jf7LOUZp8GttonxRHIPi7kWm7LM9B3GcDwRwS0NReO5SPT3V9+PQs+QGsphGs72F+f6IcTSubHOh/JhWO2r7bBnOY7Taeoh2hsYD7E8Xmqj5682IXl1LuJk730chwW4ED0siYnw39+KpImblbmx7cIZXni3K/PNCGmX7bwwSxgNXBYXSZsLlmVI29kVcvr+P6gWk4piomkUOKRTn+Q6Z8Oj4KHc4ASthWeYZrqZsxFmZVlGCrFUJ4E7B8Ysf+Scri7od8FwLJkx86Rxvo84RN/LOMRlXoEB0KLcrUtimZVlGHmLfqbdNq86jHUKjL8BL4SqfEFH9kqbsrSVFrmhb2RcSc4qt94z9XX9kaTaVzKoyut5sxpm0PV1XEeq0ic4gM05ytKEOs6Pb9rLa/1QLGfvj1RGdZp19CbUvpIDVXmGVWUuCUBkbxAog/khLxxHOYCbDvuyBM2LS+Az1TIEfRKUIOiayqiONzU4hn0uCXknR1WKGp5NXZ+u9iovvxcBSj7RRkSEV80zfztIy4PaYh+1r1QAVUkRpUmgzFSUNdb51Rce+4+NpJ+AhYxQ21Bb6gO6BSuSEchSldohmjVPU44y6zx9fcBVHnDDk3jwpnhOp6cIkiXQNZVRHbWhtgVTlZD6v8LNTPYmPvWYldkazWZ9yKtQopW0yzBniMmNanBxrkVhhntCliTWVOWBCahKxwNobm52fKjZvXt35j5RQFX5IpPUu4tZWcFM0qnKtYhnESsQAQZd0/8Q1uVQlca14hcoE8lA0KAP2pGfqKrUjGb2KXaVfTZlokZu+jW7lKPHRFVuz+MJNpn4dpOTBWuwBbynnOUsnjl5emWeTypDt8NOhPhaJkd/PNX+s0bu9STLllsRfXZuI/T3EhvbaEJyo+CMz+ETF/13TXst+QDnSh9ml7VNfbgsiIrmYtYJlpkZ/dGU0tQ/RvwbUv+oIgn+tolksVywZZ9gEomSpvdB6l0Y6aYoL/CckU1bsAM8gLAocScpPQH7GR9+foG4A3FCpNP/BBgAdZ3B2yZg0vUAAAAASUVORK5CYII=) no-repeat;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.tui-ico-caret {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
width: 7px;
|
||||
height: 4px;
|
||||
background-position: 0 -58px;
|
||||
}
|
||||
.tui-calendar-month {
|
||||
width: 202px;
|
||||
.tui-calendar-body {
|
||||
width: 202px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.tui-calendar-year {
|
||||
width: 202px;
|
||||
.tui-calendar-body {
|
||||
width: 202px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.tui-calendar-btn {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 32px;
|
||||
height: 50px;
|
||||
line-height: 400px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tui-calendar.tui-calendar-month {
|
||||
.tui-calendar-btn-prev-year {
|
||||
&:after {
|
||||
width: 6px;
|
||||
height: 11px;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
width: 50px;
|
||||
}
|
||||
.tui-calendar-btn-next-year {
|
||||
&:after {
|
||||
width: 6px;
|
||||
height: 11px;
|
||||
right: 50%;
|
||||
margin-right: -3px;
|
||||
background-position: -8px 0;
|
||||
}
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
.tui-calendar.tui-calendar-year {
|
||||
.tui-calendar-btn-prev-year {
|
||||
&:after {
|
||||
width: 6px;
|
||||
height: 11px;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
width: 50px;
|
||||
}
|
||||
.tui-calendar-btn-next-year {
|
||||
&:after {
|
||||
width: 6px;
|
||||
height: 11px;
|
||||
right: 50%;
|
||||
margin-right: -3px;
|
||||
background-position: -8px 0;
|
||||
}
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
.tui-datepicker {
|
||||
border: 1px solid #aaa;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tui-calendar {
|
||||
border: 0;
|
||||
}
|
||||
.tui-calendar-title {
|
||||
cursor: pointer;
|
||||
}
|
||||
.tui-calendar-title.tui-calendar-title-year-to-year {
|
||||
cursor: auto;
|
||||
}
|
||||
.tui-is-blocked {
|
||||
cursor: default;
|
||||
color: #ddd;
|
||||
}
|
||||
.tui-is-valid {
|
||||
color: #999;
|
||||
}
|
||||
.tui-is-selectable {
|
||||
&:hover {
|
||||
background-color: #edf4fc;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.tui-is-selectable.tui-is-selected {
|
||||
background-color: #4b96e6;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.tui-datepicker-type-date {
|
||||
width: 274px;
|
||||
}
|
||||
.tui-datepicker-body {
|
||||
.tui-calendar-month {
|
||||
width: auto;
|
||||
}
|
||||
.tui-calendar-year {
|
||||
width: auto;
|
||||
}
|
||||
.tui-timepicker {
|
||||
width: 274px;
|
||||
position: static;
|
||||
padding: 20px 46px 20px 47px;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
.tui-datepicker-footer {
|
||||
.tui-timepicker {
|
||||
width: 274px;
|
||||
position: static;
|
||||
padding: 20px 46px 20px 47px;
|
||||
border: 0;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
}
|
||||
.tui-datepicker-selector-button {
|
||||
width: 50%;
|
||||
height: 26px;
|
||||
font-size: 12px;
|
||||
line-height: 23px;
|
||||
border: 1px solid #ddd;
|
||||
background-color: #fff;
|
||||
color: #777;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
[class^=tui-ico-] {
|
||||
margin: 5px 9px 0 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
.tui-datepicker-selector-button.tui-is-checked {
|
||||
background-color: #eee;
|
||||
color: #333;
|
||||
.tui-ico-date {
|
||||
background-position: -17px -14px;
|
||||
}
|
||||
.tui-ico-time {
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
}
|
||||
.tui-datepicker-selector-button+.tui-datepicker-selector-button {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.tui-datepicker-input.tui-has-focus {
|
||||
.tui-ico-date {
|
||||
background-position: -17px -14px;
|
||||
}
|
||||
border-color: #aaa;
|
||||
}
|
||||
.tui-datepicker-area {
|
||||
position: relative;
|
||||
}
|
||||
.tui-datepicker-input {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
height: 28px;
|
||||
vertical-align: top;
|
||||
border: 1px solid #ddd;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
>input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 6px 27px 6px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
vertical-align: top;
|
||||
border: 0;
|
||||
color: #333;
|
||||
}
|
||||
>.tui-ico-date {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 8px;
|
||||
margin: -6px 0 0 0;
|
||||
}
|
||||
}
|
||||
.tui-datetime-input {
|
||||
width: 170px;
|
||||
}
|
||||
.tui-datepicker.tui-rangepicker {
|
||||
.tui-is-selectable.tui-is-selected {
|
||||
background-color: #4b96e6;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-is-selected-range {
|
||||
background-color: #edf4fc;
|
||||
}
|
||||
}
|
||||
.tui-datepicker-dropdown.tui-is-open {
|
||||
.tui-dropdown-button {
|
||||
display: block;
|
||||
display: block;
|
||||
border-color: #aaa;
|
||||
}
|
||||
.tui-dropdown-menu {
|
||||
display: block;
|
||||
border-color: #aaa;
|
||||
}
|
||||
.tui-ico-caret {
|
||||
background-position: -21px -28px;
|
||||
}
|
||||
}
|
||||
.tui-menu-item-btn {
|
||||
&:focus {
|
||||
color: #333;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
&:active {
|
||||
color: #333;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
}
|
||||
.tui-dropdown-area {
|
||||
font-size: 0;
|
||||
.tui-datepicker-dropdown+.tui-datepicker-dropdown {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.tui-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
279
public/assets/scss/calendar/_tui-time-picker.scss
Normal file
279
public/assets/scss/calendar/_tui-time-picker.scss
Normal file
@@ -0,0 +1,279 @@
|
||||
/*!
|
||||
* TOAST UI Time Picker
|
||||
* @version 2.1.3
|
||||
* @author NHN FE Development Lab <dl_javascript@nhn.com>
|
||||
* @license MIT
|
||||
*/
|
||||
@charset 'utf-8';
|
||||
.tui-timepicker {
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
input {
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
}
|
||||
select {
|
||||
font-weight: normal;
|
||||
}
|
||||
.tui-timepicker-select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-o-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: 0;
|
||||
&::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 30px 20px;
|
||||
font-weight: bold;
|
||||
border: 1px solid #aaa;
|
||||
background: white;
|
||||
text-align: center;
|
||||
}
|
||||
.tui-ico-t-btn {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
}
|
||||
.tui-timepicker-input-radio {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
background-position: -31px 0;
|
||||
}
|
||||
.tui-ico-colon {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
width: 2px;
|
||||
height: 7px;
|
||||
background-position: -17px -28px;
|
||||
}
|
||||
.tui-ico-time {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
line-height: 300px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA+CAYAAAC7rUKSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERjdGMzkzODVEQkRFNjExQkVCMjlDOUFDNzZDM0E5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODVCRTc4NkM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODVCRTc4NUM2QkQxMUU2OTgzMzhGQjZFMjcyMTQ1RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFERENDMTc0QjlDNkU2MTE5OTc0QjIwOTY3QkQzNjZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGN0YzOTM4NURCREU2MTFCRUIyOUM5QUM3NkMzQTk0Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
.tui-calendar-select-content {
|
||||
.tui-timepicker {
|
||||
border: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-row {
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
.tui-timepicker-column {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tui-timepicker-btn-area {
|
||||
position: relative;
|
||||
height: 88px;
|
||||
padding: 19px 0;
|
||||
.tui-timepicker-spinbox-input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
line-height: 46px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-spinbox {
|
||||
width: 52px;
|
||||
}
|
||||
.tui-timepicker-selectbox+.tui-timepicker-selectbox {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.tui-timepicker-btn {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
background-color: transparent;
|
||||
border: 1px solid #ddd;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
&:focus {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
&:active {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
.tui-ico-t-btn {
|
||||
width: 13px;
|
||||
height: 7px;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-btn-up {
|
||||
top: 0;
|
||||
.tui-ico-t-btn {
|
||||
background-position: 0 -12px;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-btn-down {
|
||||
bottom: 0;
|
||||
.tui-ico-t-btn {
|
||||
background-position: 0 -21px;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-colon {
|
||||
width: 22px;
|
||||
}
|
||||
.tui-timepicker-body {
|
||||
.tui-timepicker-colon {
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-footer {
|
||||
.tui-timepicker-colon {
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-select {
|
||||
width: 52px;
|
||||
height: 28px;
|
||||
padding: 5px 0 5px 9px;
|
||||
font-size: 12px;
|
||||
border: 1px solid #ddd;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzk1NDA2RTVCREIxMTFFNjhENTJFMjdDNDQ3RDJCMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzk1NDA2RTZCREIxMTFFNjhENTJFMjdDNDQ3RDJCMTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOTU0MDZFM0JEQjExMUU2OEQ1MkUyN0M0NDdEMkIxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOTU0MDZFNEJEQjExMUU2OEQ1MkUyN0M0NDdEMkIxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpZ5HPgAAAAxSURBVHjaYjQ2Nv7PgBswgogzZ87gVMAEU4RLMyHABKUFyNGMbMBHJEOI1gwCAAEGAPSlBRrNcMApAAAAAElFTkSuQmCC) no-repeat;
|
||||
background-position: 100% 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tui-timepicker-check-lst {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.tui-timepicker-check {
|
||||
margin-top: 11px;
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
.tui-timepicker-checkbox {
|
||||
padding-left: 16px;
|
||||
}
|
||||
.tui-timepicker-radio {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
input {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
&:disabled+.tui-timepicker-radio-label {
|
||||
.tui-timepicker-input-radio {
|
||||
background-position: -31px -36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tui-timepicker-meridiem-checked+.tui-timepicker-radio-label {
|
||||
.tui-timepicker-input-radio {
|
||||
background-position: -31px -18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tui-timepicker-radio-label {
|
||||
display: inline-block;
|
||||
padding-left: 20px;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
color: #777;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tui-timepicker-area {
|
||||
position: relative;
|
||||
}
|
||||
.tui-time-input {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
height: 28px;
|
||||
border: 1px solid #ddd;
|
||||
input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 27px 0 10px;
|
||||
font-size: 12px;
|
||||
border: 0;
|
||||
color: #333;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tui-ico-time {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 8px;
|
||||
margin: -6px 0 0 0;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
}
|
||||
.tui-time-input.tui-has-focus {
|
||||
border-color: #aaa;
|
||||
.tui-ico-time {
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
}
|
||||
.tui-has-left.tui-timepicker-body {
|
||||
position: relative;
|
||||
}
|
||||
.tui-has-left {
|
||||
.tui-timepicker-row {
|
||||
position: relative;
|
||||
&:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
.tui-is-add-picker {
|
||||
float: left;
|
||||
padding: 0 5px 0 0;
|
||||
}
|
||||
.tui-timepicker-checkbox {
|
||||
float: left;
|
||||
margin-top: 23px;
|
||||
padding: 0 16px 0 0;
|
||||
}
|
||||
}
|
||||
.tui-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
0
public/assets/scss/color-1.scss
Normal file
0
public/assets/scss/color-1.scss
Normal file
191
public/assets/scss/color-2.scss
Normal file
191
public/assets/scss/color-2.scss
Normal file
@@ -0,0 +1,191 @@
|
||||
/*-----------------------------------------------------------------------------------
|
||||
Template Name: viho Admin
|
||||
Template URI: themes.pixelstrap.com/viho
|
||||
Description: This is Admin theme
|
||||
Author: Pixelstrap
|
||||
Author URI: https://themeforest.net/user/pixelstrap
|
||||
-----------------------------------------------------------------------------------
|
||||
01. General CSS
|
||||
02. Generic CSS
|
||||
03. Card CSS
|
||||
04. Loader CSS
|
||||
05. Header CSS
|
||||
06. Button CSS
|
||||
07. Color CSS
|
||||
08. GRID CSS
|
||||
09. Error-page CSS
|
||||
10. Icon css
|
||||
11. Project list
|
||||
12. File Manager
|
||||
13. Email Application CSS
|
||||
14. Chat CSS
|
||||
15. Alert CSS
|
||||
16. Popover CSS
|
||||
17. List CSS
|
||||
18. Switch CSS
|
||||
19. Mega option CSS
|
||||
20. Touchspin CSS
|
||||
21. Select 2 CSS
|
||||
22. User profile css
|
||||
23. Progress CSS
|
||||
24. According CSS
|
||||
25. Authentication CSS
|
||||
26. Form CSS
|
||||
27. Coming Soon CSS
|
||||
28. Radio CSS
|
||||
29. Form Input CSS
|
||||
30. Data-table CSS
|
||||
31. JS datagrid CSS
|
||||
32. Page CSS
|
||||
33. Ecommerce CSS
|
||||
34. Pricing CSS
|
||||
35. Base_inputs
|
||||
36. NAV CSS
|
||||
37. Dropdown CSS
|
||||
38. Landing CSS
|
||||
39. Table CSS
|
||||
40. Alertbox-call-out CSS
|
||||
41. Chart CSS
|
||||
42. Timeline CSS
|
||||
43. Timeline 2 CSS
|
||||
44. Tabs CSS
|
||||
45. Gallery CSS
|
||||
46. Blog CSS
|
||||
47. Footer CSS
|
||||
48. Form Wizard
|
||||
49. Badge CSS
|
||||
50. Tree CSS
|
||||
51. Search CSS
|
||||
52. Datepicker CSS
|
||||
53. Dashboard CSS
|
||||
54. Tour CSS
|
||||
55. theme layout CSS
|
||||
56. Ribbon CSS
|
||||
57. breadcrumb CSS
|
||||
58. Steps CSS
|
||||
59. Customizer CSS
|
||||
60. RTL CSS
|
||||
61. base_inputs CSS
|
||||
62. Responsive css
|
||||
63. Box-layout css
|
||||
64. Invoice
|
||||
65. Formwidgets
|
||||
66. FullCalendar CSS
|
||||
67. Dashboard 2
|
||||
68. Dashboard 3
|
||||
70. Document css
|
||||
71. Faq CSS
|
||||
72. Job CSS
|
||||
73. knowledgebase CSS
|
||||
74. internationalization CSS
|
||||
75. Learning CSS
|
||||
76. Order History css
|
||||
77. Print CSS
|
||||
78. Sidebar CSS
|
||||
79. social app
|
||||
80. avatars
|
||||
81. Bookmark
|
||||
82. cart
|
||||
83. wishlist
|
||||
84. checkout
|
||||
85. bookmark app
|
||||
86. contacts
|
||||
87. task
|
||||
|
||||
*/
|
||||
|
||||
@import "theme/variables";
|
||||
$primary-color: #d97f3d;
|
||||
$secondary-color:#f25f4c;
|
||||
@import "theme/general";
|
||||
@import "theme/generic";
|
||||
@import "theme/card";
|
||||
@import "theme/loader";
|
||||
$primary-color: #d97f3d;
|
||||
$secondary-color:#f25f4c;
|
||||
@import "theme/header";
|
||||
@import "theme/sidebar";
|
||||
@import "theme/buttons";
|
||||
@import "theme/color";
|
||||
@import "theme/grid";
|
||||
@import "theme/errorpage";
|
||||
@import "theme/icons";
|
||||
@import "theme/email-application";
|
||||
@import "theme/chat";
|
||||
@import "theme/alert";
|
||||
@import "theme/popover";
|
||||
@import "theme/list";
|
||||
@import "theme/switch";
|
||||
@import "theme/megaoption";
|
||||
@import "theme/touchspin";
|
||||
@import "theme/select2";
|
||||
@import "theme/user-profile";
|
||||
@import "theme/progress";
|
||||
@import "theme/according";
|
||||
@import "theme/login";
|
||||
@import "theme/forms";
|
||||
@import "theme/comingsoon";
|
||||
@import "theme/radio";
|
||||
@import "theme/form-input";
|
||||
@import "theme/datatable";
|
||||
@import "theme/jsgrid";
|
||||
@import "theme/page";
|
||||
@import "theme/ecommerce";
|
||||
@import "theme/pricing";
|
||||
@import "theme/dropdown";
|
||||
@import "theme/landing";
|
||||
@import "theme/landing-responsive";
|
||||
@import "theme/table";
|
||||
@import "theme/chart";
|
||||
@import "theme/timeline-v";
|
||||
@import "theme/timeliny";
|
||||
$primary-color: #d97f3d;
|
||||
$secondary-color:#f25f4c;
|
||||
@import "theme/tab";
|
||||
@import "theme/gallery";
|
||||
@import "theme/blog";
|
||||
@import "theme/footer";
|
||||
@import "theme/form-wizard";
|
||||
$primary-color: #d97f3d;
|
||||
$secondary-color:#f25f4c;
|
||||
@import "theme/badge";
|
||||
@import "theme/tree";
|
||||
@import "theme/search";
|
||||
$primary-color: #d97f3d;
|
||||
$secondary-color:#f25f4c;
|
||||
@import "theme/datepicker";
|
||||
@import "theme/tour";
|
||||
@import "theme/custom-theme-options";
|
||||
@import "theme/ribbon";
|
||||
@import "theme/breadcrumb";
|
||||
$primary-color: #d97f3d;
|
||||
$secondary-color:#f25f4c;
|
||||
@import "theme/theme-customizer";
|
||||
@import "theme/faq";
|
||||
@import "theme/knowledgebase";
|
||||
@import "theme/document";
|
||||
@import "theme/job-search";
|
||||
@import "theme/learning";
|
||||
@import "theme/order-history";
|
||||
@import "theme/internationalization";
|
||||
@import "theme/social-app";
|
||||
@import "theme/avatars";
|
||||
@import "theme/bookmark";
|
||||
@import "theme/cart";
|
||||
@import "theme/wishlist";
|
||||
@import "theme/checkout";
|
||||
@import "theme/bookmark-app";
|
||||
@import "theme/contacts";
|
||||
@import "theme/task";
|
||||
@import "theme/invoice";
|
||||
@import "theme/form-widgets";
|
||||
@import "theme/kanban";
|
||||
@import "theme/projectlist";
|
||||
@import "theme/file";
|
||||
$primary-color:#d97f3d;
|
||||
$secondary-color:#f25f4c;
|
||||
@import "theme/dashboard_default";
|
||||
@import "theme/dashboard_2";
|
||||
@import "theme/dashboard_3";
|
||||
@import "theme/box-layout";
|
||||
@import "theme/rtl";
|
||||
192
public/assets/scss/color-3.scss
Normal file
192
public/assets/scss/color-3.scss
Normal file
@@ -0,0 +1,192 @@
|
||||
/*-----------------------------------------------------------------------------------
|
||||
Template Name: viho Admin
|
||||
Template URI: themes.pixelstrap.com/viho
|
||||
Description: This is Admin theme
|
||||
Author: Pixelstrap
|
||||
Author URI: https://themeforest.net/user/pixelstrap
|
||||
-----------------------------------------------------------------------------------
|
||||
|
||||
01. General CSS
|
||||
02. Generic CSS
|
||||
03. Card CSS
|
||||
04. Loader CSS
|
||||
05. Header CSS
|
||||
06. Button CSS
|
||||
07. Color CSS
|
||||
08. GRID CSS
|
||||
09. Error-page CSS
|
||||
10. Icon css
|
||||
11. Project list
|
||||
12. File Manager
|
||||
13. Email Application CSS
|
||||
14. Chat CSS
|
||||
15. Alert CSS
|
||||
16. Popover CSS
|
||||
17. List CSS
|
||||
18. Switch CSS
|
||||
19. Mega option CSS
|
||||
20. Touchspin CSS
|
||||
21. Select 2 CSS
|
||||
22. User profile css
|
||||
23. Progress CSS
|
||||
24. According CSS
|
||||
25. Authentication CSS
|
||||
26. Form CSS
|
||||
27. Coming Soon CSS
|
||||
28. Radio CSS
|
||||
29. Form Input CSS
|
||||
30. Data-table CSS
|
||||
31. JS datagrid CSS
|
||||
32. Page CSS
|
||||
33. Ecommerce CSS
|
||||
34. Pricing CSS
|
||||
35. Base_inputs
|
||||
36. NAV CSS
|
||||
37. Dropdown CSS
|
||||
38. Landing CSS
|
||||
39. Table CSS
|
||||
40. Alertbox-call-out CSS
|
||||
41. Chart CSS
|
||||
42. Timeline CSS
|
||||
43. Timeline 2 CSS
|
||||
44. Tabs CSS
|
||||
45. Gallery CSS
|
||||
46. Blog CSS
|
||||
47. Footer CSS
|
||||
48. Form Wizard
|
||||
49. Badge CSS
|
||||
50. Tree CSS
|
||||
51. Search CSS
|
||||
52. Datepicker CSS
|
||||
53. Dashboard CSS
|
||||
54. Tour CSS
|
||||
55. theme layout CSS
|
||||
56. Ribbon CSS
|
||||
57. breadcrumb CSS
|
||||
58. Steps CSS
|
||||
59. Customizer CSS
|
||||
60. RTL CSS
|
||||
61. base_inputs CSS
|
||||
62. Responsive css
|
||||
63. Box-layout css
|
||||
64. Invoice
|
||||
65. Formwidgets
|
||||
66. FullCalendar CSS
|
||||
67. Dashboard 2
|
||||
68. Dashboard 3
|
||||
70. Document css
|
||||
71. Faq CSS
|
||||
72. Job CSS
|
||||
73. knowledgebase CSS
|
||||
74. internationalization CSS
|
||||
75. Learning CSS
|
||||
76. Order History css
|
||||
77. Print CSS
|
||||
78. Sidebar CSS
|
||||
79. social app
|
||||
80. avatars
|
||||
81. Bookmark
|
||||
82. cart
|
||||
83. wishlist
|
||||
84. checkout
|
||||
85. bookmark app
|
||||
86. contacts
|
||||
87. task
|
||||
|
||||
*/
|
||||
|
||||
@import "theme/variables";
|
||||
$primary-color: #168eea;
|
||||
$secondary-color:#90b4cd;
|
||||
@import "theme/general";
|
||||
@import "theme/generic";
|
||||
@import "theme/card";
|
||||
@import "theme/loader";
|
||||
@import "theme/header";
|
||||
$primary-color: #168eea;
|
||||
$secondary-color:#90b4cd;
|
||||
@import "theme/sidebar";
|
||||
@import "theme/buttons";
|
||||
@import "theme/color";
|
||||
@import "theme/grid";
|
||||
@import "theme/errorpage";
|
||||
@import "theme/icons";
|
||||
@import "theme/email-application";
|
||||
@import "theme/chat";
|
||||
@import "theme/alert";
|
||||
@import "theme/popover";
|
||||
@import "theme/list";
|
||||
@import "theme/switch";
|
||||
@import "theme/megaoption";
|
||||
@import "theme/touchspin";
|
||||
@import "theme/select2";
|
||||
@import "theme/user-profile";
|
||||
@import "theme/progress";
|
||||
@import "theme/according";
|
||||
@import "theme/login";
|
||||
@import "theme/forms";
|
||||
@import "theme/comingsoon";
|
||||
@import "theme/radio";
|
||||
@import "theme/form-input";
|
||||
@import "theme/datatable";
|
||||
@import "theme/jsgrid";
|
||||
@import "theme/page";
|
||||
@import "theme/ecommerce";
|
||||
@import "theme/pricing";
|
||||
@import "theme/dropdown";
|
||||
@import "theme/landing";
|
||||
@import "theme/landing-responsive";
|
||||
@import "theme/table";
|
||||
@import "theme/chart";
|
||||
@import "theme/timeline-v";
|
||||
@import "theme/timeliny";
|
||||
$primary-color: #168eea;
|
||||
$secondary-color:#90b4cd;
|
||||
@import "theme/tab";
|
||||
@import "theme/gallery";
|
||||
@import "theme/blog";
|
||||
@import "theme/footer";
|
||||
@import "theme/form-wizard";
|
||||
$primary-color: #168eea;
|
||||
$secondary-color:#90b4cd;
|
||||
@import "theme/badge";
|
||||
@import "theme/tree";
|
||||
@import "theme/search";
|
||||
$primary-color: #168eea;
|
||||
$secondary-color:#90b4cd;
|
||||
@import "theme/datepicker";
|
||||
@import "theme/tour";
|
||||
@import "theme/custom-theme-options";
|
||||
@import "theme/ribbon";
|
||||
@import "theme/breadcrumb";
|
||||
$primary-color: #168eea;
|
||||
$secondary-color:#90b4cd;
|
||||
@import "theme/theme-customizer";
|
||||
@import "theme/faq";
|
||||
@import "theme/knowledgebase";
|
||||
@import "theme/document";
|
||||
@import "theme/job-search";
|
||||
@import "theme/learning";
|
||||
@import "theme/order-history";
|
||||
@import "theme/internationalization";
|
||||
@import "theme/social-app";
|
||||
@import "theme/avatars";
|
||||
@import "theme/bookmark";
|
||||
@import "theme/cart";
|
||||
@import "theme/wishlist";
|
||||
@import "theme/checkout";
|
||||
@import "theme/bookmark-app";
|
||||
@import "theme/contacts";
|
||||
@import "theme/task";
|
||||
@import "theme/invoice";
|
||||
@import "theme/form-widgets";
|
||||
@import "theme/kanban";
|
||||
@import "theme/projectlist";
|
||||
@import "theme/file";
|
||||
$primary-color: #168eea;
|
||||
$secondary-color:#90b4cd;
|
||||
@import "theme/dashboard_default";
|
||||
@import "theme/dashboard_2";
|
||||
@import "theme/dashboard_3";
|
||||
@import "theme/box-layout";
|
||||
@import "theme/rtl";
|
||||
192
public/assets/scss/color-4.scss
Normal file
192
public/assets/scss/color-4.scss
Normal file
@@ -0,0 +1,192 @@
|
||||
/*-----------------------------------------------------------------------------------
|
||||
Template Name: viho Admin
|
||||
Template URI: themes.pixelstrap.com/viho
|
||||
Description: This is Admin theme
|
||||
Author: Pixelstrap
|
||||
Author URI: https://themeforest.net/user/pixelstrap
|
||||
-----------------------------------------------------------------------------------
|
||||
|
||||
01. General CSS
|
||||
02. Generic CSS
|
||||
03. Card CSS
|
||||
04. Loader CSS
|
||||
05. Header CSS
|
||||
06. Button CSS
|
||||
07. Color CSS
|
||||
08. GRID CSS
|
||||
09. Error-page CSS
|
||||
10. Icon css
|
||||
11. Project list
|
||||
12. File Manager
|
||||
13. Email Application CSS
|
||||
14. Chat CSS
|
||||
15. Alert CSS
|
||||
16. Popover CSS
|
||||
17. List CSS
|
||||
18. Switch CSS
|
||||
19. Mega option CSS
|
||||
20. Touchspin CSS
|
||||
21. Select 2 CSS
|
||||
22. User profile css
|
||||
23. Progress CSS
|
||||
24. According CSS
|
||||
25. Authentication CSS
|
||||
26. Form CSS
|
||||
27. Coming Soon CSS
|
||||
28. Radio CSS
|
||||
29. Form Input CSS
|
||||
30. Data-table CSS
|
||||
31. JS datagrid CSS
|
||||
32. Page CSS
|
||||
33. Ecommerce CSS
|
||||
34. Pricing CSS
|
||||
35. Base_inputs
|
||||
36. NAV CSS
|
||||
37. Dropdown CSS
|
||||
38. Landing CSS
|
||||
39. Table CSS
|
||||
40. Alertbox-call-out CSS
|
||||
41. Chart CSS
|
||||
42. Timeline CSS
|
||||
43. Timeline 2 CSS
|
||||
44. Tabs CSS
|
||||
45. Gallery CSS
|
||||
46. Blog CSS
|
||||
47. Footer CSS
|
||||
48. Form Wizard
|
||||
49. Badge CSS
|
||||
50. Tree CSS
|
||||
51. Search CSS
|
||||
52. Datepicker CSS
|
||||
53. Dashboard CSS
|
||||
54. Tour CSS
|
||||
55. theme layout CSS
|
||||
56. Ribbon CSS
|
||||
57. breadcrumb CSS
|
||||
58. Steps CSS
|
||||
59. Customizer CSS
|
||||
60. RTL CSS
|
||||
61. base_inputs CSS
|
||||
62. Responsive css
|
||||
63. Box-layout css
|
||||
64. Invoice
|
||||
65. Formwidgets
|
||||
66. FullCalendar CSS
|
||||
67. Dashboard 2
|
||||
68. Dashboard 3
|
||||
70. Document css
|
||||
71. Faq CSS
|
||||
72. Job CSS
|
||||
73. knowledgebase CSS
|
||||
74. internationalization CSS
|
||||
75. Learning CSS
|
||||
76. Order History css
|
||||
77. Print CSS
|
||||
78. Sidebar CSS
|
||||
79. social app
|
||||
80. avatars
|
||||
81. Bookmark
|
||||
82. cart
|
||||
83. wishlist
|
||||
84. checkout
|
||||
85. bookmark app
|
||||
86. contacts
|
||||
87. task
|
||||
|
||||
*/
|
||||
|
||||
@import "theme/variables";
|
||||
$primary-color: #665ed5;
|
||||
$secondary-color:#d1d1e9;
|
||||
@import "theme/general";
|
||||
@import "theme/generic";
|
||||
@import "theme/card";
|
||||
@import "theme/loader";
|
||||
$primary-color: #665ed5;
|
||||
$secondary-color:#d1d1e9;
|
||||
@import "theme/header";
|
||||
@import "theme/sidebar";
|
||||
@import "theme/buttons";
|
||||
@import "theme/color";
|
||||
@import "theme/grid";
|
||||
@import "theme/errorpage";
|
||||
@import "theme/icons";
|
||||
@import "theme/email-application";
|
||||
@import "theme/chat";
|
||||
@import "theme/alert";
|
||||
@import "theme/popover";
|
||||
@import "theme/list";
|
||||
@import "theme/switch";
|
||||
@import "theme/megaoption";
|
||||
@import "theme/touchspin";
|
||||
@import "theme/select2";
|
||||
@import "theme/user-profile";
|
||||
@import "theme/progress";
|
||||
@import "theme/according";
|
||||
@import "theme/login";
|
||||
@import "theme/forms";
|
||||
@import "theme/comingsoon";
|
||||
@import "theme/radio";
|
||||
@import "theme/form-input";
|
||||
@import "theme/datatable";
|
||||
@import "theme/jsgrid";
|
||||
@import "theme/page";
|
||||
@import "theme/ecommerce";
|
||||
@import "theme/pricing";
|
||||
@import "theme/dropdown";
|
||||
@import "theme/landing";
|
||||
@import "theme/landing-responsive";
|
||||
@import "theme/table";
|
||||
@import "theme/chart";
|
||||
@import "theme/timeline-v";
|
||||
@import "theme/timeliny";
|
||||
$primary-color: #665ed5;
|
||||
$secondary-color:#d1d1e9;
|
||||
@import "theme/tab";
|
||||
@import "theme/gallery";
|
||||
@import "theme/blog";
|
||||
@import "theme/footer";
|
||||
@import "theme/form-wizard";
|
||||
$primary-color: #665ed5;
|
||||
$secondary-color:#d1d1e9;
|
||||
@import "theme/badge";
|
||||
@import "theme/tree";
|
||||
@import "theme/search";
|
||||
$primary-color: #665ed5;
|
||||
$secondary-color:#d1d1e9;
|
||||
@import "theme/datepicker";
|
||||
@import "theme/tour";
|
||||
@import "theme/custom-theme-options";
|
||||
@import "theme/ribbon";
|
||||
@import "theme/breadcrumb";
|
||||
$primary-color: #665ed5;
|
||||
$secondary-color:#d1d1e9;
|
||||
@import "theme/theme-customizer";
|
||||
@import "theme/faq";
|
||||
@import "theme/knowledgebase";
|
||||
@import "theme/document";
|
||||
@import "theme/job-search";
|
||||
@import "theme/learning";
|
||||
@import "theme/order-history";
|
||||
@import "theme/internationalization";
|
||||
@import "theme/social-app";
|
||||
@import "theme/avatars";
|
||||
@import "theme/bookmark";
|
||||
@import "theme/cart";
|
||||
@import "theme/wishlist";
|
||||
@import "theme/checkout";
|
||||
@import "theme/bookmark-app";
|
||||
@import "theme/contacts";
|
||||
@import "theme/task";
|
||||
@import "theme/invoice";
|
||||
@import "theme/form-widgets";
|
||||
@import "theme/kanban";
|
||||
@import "theme/projectlist";
|
||||
@import "theme/file";
|
||||
$primary-color: #665ed5;
|
||||
$secondary-color:#d1d1e9;
|
||||
@import "theme/dashboard_default";
|
||||
@import "theme/dashboard_2";
|
||||
@import "theme/dashboard_3";
|
||||
@import "theme/box-layout";
|
||||
@import "theme/rtl";
|
||||
192
public/assets/scss/color-5.scss
Normal file
192
public/assets/scss/color-5.scss
Normal file
@@ -0,0 +1,192 @@
|
||||
/*-----------------------------------------------------------------------------------
|
||||
Template Name: viho Admin
|
||||
Template URI: themes.pixelstrap.com/viho
|
||||
Description: This is Admin theme
|
||||
Author: Pixelstrap
|
||||
Author URI: https://themeforest.net/user/pixelstrap
|
||||
-----------------------------------------------------------------------------------
|
||||
|
||||
01. General CSS
|
||||
02. Generic CSS
|
||||
03. Card CSS
|
||||
04. Loader CSS
|
||||
05. Header CSS
|
||||
06. Button CSS
|
||||
07. Color CSS
|
||||
08. GRID CSS
|
||||
09. Error-page CSS
|
||||
10. Icon css
|
||||
11. Project list
|
||||
12. File Manager
|
||||
13. Email Application CSS
|
||||
14. Chat CSS
|
||||
15. Alert CSS
|
||||
16. Popover CSS
|
||||
17. List CSS
|
||||
18. Switch CSS
|
||||
19. Mega option CSS
|
||||
20. Touchspin CSS
|
||||
21. Select 2 CSS
|
||||
22. User profile css
|
||||
23. Progress CSS
|
||||
24. According CSS
|
||||
25. Authentication CSS
|
||||
26. Form CSS
|
||||
27. Coming Soon CSS
|
||||
28. Radio CSS
|
||||
29. Form Input CSS
|
||||
30. Data-table CSS
|
||||
31. JS datagrid CSS
|
||||
32. Page CSS
|
||||
33. Ecommerce CSS
|
||||
34. Pricing CSS
|
||||
35. Base_inputs
|
||||
36. NAV CSS
|
||||
37. Dropdown CSS
|
||||
38. Landing CSS
|
||||
39. Table CSS
|
||||
40. Alertbox-call-out CSS
|
||||
41. Chart CSS
|
||||
42. Timeline CSS
|
||||
43. Timeline 2 CSS
|
||||
44. Tabs CSS
|
||||
45. Gallery CSS
|
||||
46. Blog CSS
|
||||
47. Footer CSS
|
||||
48. Form Wizard
|
||||
49. Badge CSS
|
||||
50. Tree CSS
|
||||
51. Search CSS
|
||||
52. Datepicker CSS
|
||||
53. Dashboard CSS
|
||||
54. Tour CSS
|
||||
55. theme layout CSS
|
||||
56. Ribbon CSS
|
||||
57. breadcrumb CSS
|
||||
58. Steps CSS
|
||||
59. Customizer CSS
|
||||
60. RTL CSS
|
||||
61. base_inputs CSS
|
||||
62. Responsive css
|
||||
63. Box-layout css
|
||||
64. Invoice
|
||||
65. Formwidgets
|
||||
66. FullCalendar CSS
|
||||
67. Dashboard 2
|
||||
68. Dashboard 3
|
||||
70. Document css
|
||||
71. Faq CSS
|
||||
72. Job CSS
|
||||
73. knowledgebase CSS
|
||||
74. internationalization CSS
|
||||
75. Learning CSS
|
||||
76. Order History css
|
||||
77. Print CSS
|
||||
78. Sidebar CSS
|
||||
79. social app
|
||||
80. avatars
|
||||
81. Bookmark
|
||||
82. cart
|
||||
83. wishlist
|
||||
84. checkout
|
||||
85. bookmark app
|
||||
86. contacts
|
||||
87. task
|
||||
|
||||
*/
|
||||
|
||||
@import "theme/variables";
|
||||
$primary-color: #3a9aa8;
|
||||
$secondary-color:#984ff3;
|
||||
@import "theme/general";
|
||||
@import "theme/generic";
|
||||
@import "theme/card";
|
||||
@import "theme/loader";
|
||||
$primary-color: #3a9aa8;
|
||||
$secondary-color:#984ff3;
|
||||
@import "theme/header";
|
||||
@import "theme/sidebar";
|
||||
@import "theme/buttons";
|
||||
@import "theme/color";
|
||||
@import "theme/grid";
|
||||
@import "theme/errorpage";
|
||||
@import "theme/icons";
|
||||
@import "theme/email-application";
|
||||
@import "theme/chat";
|
||||
@import "theme/alert";
|
||||
@import "theme/popover";
|
||||
@import "theme/list";
|
||||
@import "theme/switch";
|
||||
@import "theme/megaoption";
|
||||
@import "theme/touchspin";
|
||||
@import "theme/select2";
|
||||
@import "theme/user-profile";
|
||||
@import "theme/progress";
|
||||
@import "theme/according";
|
||||
@import "theme/login";
|
||||
@import "theme/forms";
|
||||
@import "theme/comingsoon";
|
||||
@import "theme/radio";
|
||||
@import "theme/form-input";
|
||||
@import "theme/datatable";
|
||||
@import "theme/jsgrid";
|
||||
@import "theme/page";
|
||||
@import "theme/ecommerce";
|
||||
@import "theme/pricing";
|
||||
@import "theme/dropdown";
|
||||
@import "theme/landing";
|
||||
@import "theme/landing-responsive";
|
||||
@import "theme/table";
|
||||
@import "theme/chart";
|
||||
@import "theme/timeline-v";
|
||||
@import "theme/timeliny";
|
||||
$primary-color: #3a9aa8;
|
||||
$secondary-color:#984ff3;
|
||||
@import "theme/tab";
|
||||
@import "theme/gallery";
|
||||
@import "theme/blog";
|
||||
@import "theme/footer";
|
||||
@import "theme/form-wizard";
|
||||
$primary-color: #3a9aa8;
|
||||
$secondary-color:#984ff3;
|
||||
@import "theme/badge";
|
||||
@import "theme/tree";
|
||||
@import "theme/search";
|
||||
$primary-color: #3a9aa8;
|
||||
$secondary-color:#984ff3;
|
||||
@import "theme/datepicker";
|
||||
@import "theme/tour";
|
||||
@import "theme/custom-theme-options";
|
||||
@import "theme/ribbon";
|
||||
@import "theme/breadcrumb";
|
||||
$primary-color: #3a9aa8;
|
||||
$secondary-color:#984ff3;
|
||||
@import "theme/theme-customizer";
|
||||
@import "theme/faq";
|
||||
@import "theme/knowledgebase";
|
||||
@import "theme/document";
|
||||
@import "theme/job-search";
|
||||
@import "theme/learning";
|
||||
@import "theme/order-history";
|
||||
@import "theme/internationalization";
|
||||
@import "theme/social-app";
|
||||
@import "theme/avatars";
|
||||
@import "theme/bookmark";
|
||||
@import "theme/cart";
|
||||
@import "theme/wishlist";
|
||||
@import "theme/checkout";
|
||||
@import "theme/bookmark-app";
|
||||
@import "theme/contacts";
|
||||
@import "theme/task";
|
||||
@import "theme/invoice";
|
||||
@import "theme/form-widgets";
|
||||
@import "theme/kanban";
|
||||
@import "theme/projectlist";
|
||||
@import "theme/file";
|
||||
$primary-color: #3a9aa8;
|
||||
$secondary-color:#984ff3;
|
||||
@import "theme/dashboard_default";
|
||||
@import "theme/dashboard_2";
|
||||
@import "theme/dashboard_3";
|
||||
@import "theme/box-layout";
|
||||
@import "theme/rtl";
|
||||
192
public/assets/scss/color-6.scss
Normal file
192
public/assets/scss/color-6.scss
Normal file
@@ -0,0 +1,192 @@
|
||||
/*-----------------------------------------------------------------------------------
|
||||
Template Name: viho Admin
|
||||
Template URI: themes.pixelstrap.com/viho
|
||||
Description: This is Admin theme
|
||||
Author: Pixelstrap
|
||||
Author URI: https://themeforest.net/user/pixelstrap
|
||||
-----------------------------------------------------------------------------------
|
||||
|
||||
01. General CSS
|
||||
02. Generic CSS
|
||||
03. Card CSS
|
||||
04. Loader CSS
|
||||
05. Header CSS
|
||||
06. Button CSS
|
||||
07. Color CSS
|
||||
08. GRID CSS
|
||||
09. Error-page CSS
|
||||
10. Icon css
|
||||
11. Project list
|
||||
12. File Manager
|
||||
13. Email Application CSS
|
||||
14. Chat CSS
|
||||
15. Alert CSS
|
||||
16. Popover CSS
|
||||
17. List CSS
|
||||
18. Switch CSS
|
||||
19. Mega option CSS
|
||||
20. Touchspin CSS
|
||||
21. Select 2 CSS
|
||||
22. User profile css
|
||||
23. Progress CSS
|
||||
24. According CSS
|
||||
25. Authentication CSS
|
||||
26. Form CSS
|
||||
27. Coming Soon CSS
|
||||
28. Radio CSS
|
||||
29. Form Input CSS
|
||||
30. Data-table CSS
|
||||
31. JS datagrid CSS
|
||||
32. Page CSS
|
||||
33. Ecommerce CSS
|
||||
34. Pricing CSS
|
||||
35. Base_inputs
|
||||
36. NAV CSS
|
||||
37. Dropdown CSS
|
||||
38. Landing CSS
|
||||
39. Table CSS
|
||||
40. Alertbox-call-out CSS
|
||||
41. Chart CSS
|
||||
42. Timeline CSS
|
||||
43. Timeline 2 CSS
|
||||
44. Tabs CSS
|
||||
45. Gallery CSS
|
||||
46. Blog CSS
|
||||
47. Footer CSS
|
||||
48. Form Wizard
|
||||
49. Badge CSS
|
||||
50. Tree CSS
|
||||
51. Search CSS
|
||||
52. Datepicker CSS
|
||||
53. Dashboard CSS
|
||||
54. Tour CSS
|
||||
55. theme layout CSS
|
||||
56. Ribbon CSS
|
||||
57. breadcrumb CSS
|
||||
58. Steps CSS
|
||||
59. Customizer CSS
|
||||
60. RTL CSS
|
||||
61. base_inputs CSS
|
||||
62. Responsive css
|
||||
63. Box-layout css
|
||||
64. Invoice
|
||||
65. Formwidgets
|
||||
66. FullCalendar CSS
|
||||
67. Dashboard 2
|
||||
68. Dashboard 3
|
||||
70. Document css
|
||||
71. Faq CSS
|
||||
72. Job CSS
|
||||
73. knowledgebase CSS
|
||||
74. internationalization CSS
|
||||
75. Learning CSS
|
||||
76. Order History css
|
||||
77. Print CSS
|
||||
78. Sidebar CSS
|
||||
79. social app
|
||||
80. avatars
|
||||
81. Bookmark
|
||||
82. cart
|
||||
83. wishlist
|
||||
84. checkout
|
||||
85. bookmark app
|
||||
86. contacts
|
||||
87. task
|
||||
|
||||
*/
|
||||
|
||||
@import "theme/variables";
|
||||
$primary-color: #7951aa;
|
||||
$secondary-color:#72757D;
|
||||
@import "theme/general";
|
||||
@import "theme/generic";
|
||||
@import "theme/card";
|
||||
@import "theme/loader";
|
||||
$primary-color: #7951aa;
|
||||
$secondary-color:#72757D;
|
||||
@import "theme/header";
|
||||
@import "theme/sidebar";
|
||||
@import "theme/buttons";
|
||||
@import "theme/color";
|
||||
@import "theme/grid";
|
||||
@import "theme/errorpage";
|
||||
@import "theme/icons";
|
||||
@import "theme/email-application";
|
||||
@import "theme/chat";
|
||||
@import "theme/alert";
|
||||
@import "theme/popover";
|
||||
@import "theme/list";
|
||||
@import "theme/switch";
|
||||
@import "theme/megaoption";
|
||||
@import "theme/touchspin";
|
||||
@import "theme/select2";
|
||||
@import "theme/user-profile";
|
||||
@import "theme/progress";
|
||||
@import "theme/according";
|
||||
@import "theme/login";
|
||||
@import "theme/forms";
|
||||
@import "theme/comingsoon";
|
||||
@import "theme/radio";
|
||||
@import "theme/form-input";
|
||||
@import "theme/datatable";
|
||||
@import "theme/jsgrid";
|
||||
@import "theme/page";
|
||||
@import "theme/ecommerce";
|
||||
@import "theme/pricing";
|
||||
@import "theme/dropdown";
|
||||
@import "theme/landing";
|
||||
@import "theme/landing-responsive";
|
||||
@import "theme/table";
|
||||
@import "theme/chart";
|
||||
@import "theme/timeline-v";
|
||||
@import "theme/timeliny";
|
||||
$primary-color: #7951aa;
|
||||
$secondary-color:#72757D;
|
||||
@import "theme/tab";
|
||||
@import "theme/gallery";
|
||||
@import "theme/blog";
|
||||
@import "theme/footer";
|
||||
@import "theme/form-wizard";
|
||||
$primary-color: #7951aa;
|
||||
$secondary-color:#72757D;
|
||||
@import "theme/badge";
|
||||
@import "theme/tree";
|
||||
@import "theme/search";
|
||||
$primary-color: #7951aa;
|
||||
$secondary-color:#72757D;
|
||||
@import "theme/datepicker";
|
||||
@import "theme/tour";
|
||||
@import "theme/custom-theme-options";
|
||||
@import "theme/ribbon";
|
||||
@import "theme/breadcrumb";
|
||||
$primary-color: #7951aa;
|
||||
$secondary-color:#72757D;
|
||||
@import "theme/theme-customizer";
|
||||
@import "theme/faq";
|
||||
@import "theme/knowledgebase";
|
||||
@import "theme/document";
|
||||
@import "theme/job-search";
|
||||
@import "theme/learning";
|
||||
@import "theme/order-history";
|
||||
@import "theme/internationalization";
|
||||
@import "theme/social-app";
|
||||
@import "theme/avatars";
|
||||
@import "theme/bookmark";
|
||||
@import "theme/cart";
|
||||
@import "theme/wishlist";
|
||||
@import "theme/checkout";
|
||||
@import "theme/bookmark-app";
|
||||
@import "theme/contacts";
|
||||
@import "theme/task";
|
||||
@import "theme/invoice";
|
||||
@import "theme/form-widgets";
|
||||
@import "theme/kanban";
|
||||
@import "theme/projectlist";
|
||||
@import "theme/file";
|
||||
$primary-color: #7951aa;
|
||||
$secondary-color:#72757D;
|
||||
@import "theme/dashboard_default";
|
||||
@import "theme/dashboard_2";
|
||||
@import "theme/dashboard_3";
|
||||
@import "theme/box-layout";
|
||||
@import "theme/rtl";
|
||||
251
public/assets/scss/data-table/_dataTables.bootstrap.scss
Normal file
251
public/assets/scss/data-table/_dataTables.bootstrap.scss
Normal file
@@ -0,0 +1,251 @@
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
border-collapse: separate !important;
|
||||
td,
|
||||
th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
&.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
// Style options for the table. Foundation provides its own, but it is also
|
||||
// useful to have a few more for DataTables
|
||||
&.nowrap {
|
||||
th,
|
||||
td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DataTables' built in feature elements
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_length {
|
||||
label {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 75px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
text-align: right;
|
||||
|
||||
label {
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input {
|
||||
margin-left: 0.5em;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 8px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
|
||||
ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
margin-top: -26px;
|
||||
text-align: center;
|
||||
padding: 1em 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sorting - using Glyphicons
|
||||
table.dataTable thead {
|
||||
> tr > th,
|
||||
> tr > td {
|
||||
&.sorting_asc,
|
||||
&.sorting_desc,
|
||||
&.sorting {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
right: 8px;
|
||||
display: block;
|
||||
font-family: 'Glyphicons Halflings';
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.sorting:after {
|
||||
opacity: 0.2;
|
||||
content: "\e150"; /* sort */
|
||||
}
|
||||
|
||||
.sorting_asc:after {
|
||||
content: "\e155"; /* sort-by-attributes */
|
||||
}
|
||||
|
||||
.sorting_desc:after {
|
||||
content: "\e156"; /* sort-by-attributes-alt */
|
||||
}
|
||||
|
||||
.sorting_asc_disabled:after,
|
||||
.sorting_desc_disabled:after {
|
||||
color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Scrolling
|
||||
div.dataTables_scrollHead table.dataTable {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
> table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
|
||||
> thead { // Hide sort icons
|
||||
.sorting:after,
|
||||
.sorting_asc:after,
|
||||
.sorting_desc:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
> tbody > tr:first-child > th,
|
||||
> tbody > tr:first-child > td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot {
|
||||
> .dataTables_scrollFootInner {
|
||||
box-sizing: content-box;
|
||||
|
||||
> table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Responsive
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_length,
|
||||
div.dataTables_filter,
|
||||
div.dataTables_info,
|
||||
div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Bootstrap provides a range of styling options for table's via class name
|
||||
// that we want to full support. They sometimes require some customisations
|
||||
//
|
||||
|
||||
// Condensed
|
||||
table.dataTable.table-condensed {
|
||||
> thead > tr > th {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.sorting:after,
|
||||
.sorting_asc:after,
|
||||
.sorting_desc:after {
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// Frustratingly the border-collapse:collapse used by Bootstrap makes the column
|
||||
// width calculations when using scrolling impossible to align columns. We have
|
||||
// to use `border-collapse: separate`
|
||||
table.table-bordered.dataTable {
|
||||
th,
|
||||
td {
|
||||
border-left-width: 0;
|
||||
|
||||
&:last-child,
|
||||
&:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
tbody th,
|
||||
tbody td {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Bordered table
|
||||
div.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
// Responsive tables. We use rows inside the Bootstrap responsive wrapper,
|
||||
// so they need to have their margin and padding removed
|
||||
div.table-responsive > div.dataTables_wrapper > div.row {
|
||||
margin: 0;
|
||||
|
||||
> div[class^="col-"] {
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
273
public/assets/scss/data-table/_dataTables.bootstrap4.scss
Normal file
273
public/assets/scss/data-table/_dataTables.bootstrap4.scss
Normal file
@@ -0,0 +1,273 @@
|
||||
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
border-collapse: separate !important;
|
||||
border-spacing: 0;
|
||||
|
||||
td,
|
||||
th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
&.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
// Style options for the table. Foundation provides its own, but it is also
|
||||
// useful to have a few more for DataTables
|
||||
&.nowrap {
|
||||
th,
|
||||
td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DataTables' built in feature elements
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_length {
|
||||
label {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 75px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
text-align: right;
|
||||
|
||||
label {
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input {
|
||||
margin-left: 0.5em;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 0.85em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
|
||||
ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
margin-top: -26px;
|
||||
text-align: center;
|
||||
padding: 1em 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sorting - using :before and :after with UTF8 characters
|
||||
table.dataTable thead {
|
||||
> tr > th,
|
||||
> tr > td {
|
||||
&.sorting_asc,
|
||||
&.sorting_desc,
|
||||
&.sorting {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
&:before {
|
||||
right: 1em;
|
||||
content: "\2191"; // up arrow - ascending
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 0.5em;
|
||||
content: "\2193"; // down arrow - descending
|
||||
}
|
||||
}
|
||||
|
||||
.sorting_asc:before,
|
||||
.sorting_desc:after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.sorting_asc_disabled:before,
|
||||
.sorting_desc_disabled:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Scrolling
|
||||
div.dataTables_scrollHead table.dataTable {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
|
||||
thead { // Hide sort icons
|
||||
.sorting:before,
|
||||
.sorting_asc:before,
|
||||
.sorting_desc:before,
|
||||
.sorting:after,
|
||||
.sorting_asc:after,
|
||||
.sorting_desc:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
tbody tr:first-child th,
|
||||
tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot {
|
||||
> .dataTables_scrollFootInner {
|
||||
box-sizing: content-box;
|
||||
|
||||
> table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Responsive
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_length,
|
||||
div.dataTables_filter,
|
||||
div.dataTables_info,
|
||||
div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_paginate {
|
||||
ul.pagination{
|
||||
justify-content:center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Bootstrap provides a range of styling options for table's via class name
|
||||
// that we want to full support. They sometimes require some customisations
|
||||
//
|
||||
|
||||
// Condensed
|
||||
table.dataTable.table-sm {
|
||||
> thead > tr > th {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc {
|
||||
&:before {
|
||||
top: 5px;
|
||||
right: 0.85em;
|
||||
}
|
||||
|
||||
&:after {
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Frustratingly the border-collapse:collapse used by Bootstrap makes the column
|
||||
// width calculations when using scrolling impossible to align columns. We have
|
||||
// to use `border-collapse: separate`
|
||||
table.table-bordered.dataTable {
|
||||
th,
|
||||
td {
|
||||
border-left-width: 0;
|
||||
|
||||
&:last-child,
|
||||
&:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
tbody th,
|
||||
tbody td {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Bordered table
|
||||
div.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
// Responsive tables. We use rows inside the Bootstrap responsive wrapper,
|
||||
// so they need to have their margin and padding removed
|
||||
div.table-responsive > div.dataTables_wrapper > div.row {
|
||||
margin: 0;
|
||||
|
||||
> div[class^="col-"] {
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
153
public/assets/scss/data-table/_dataTables.foundation.scss
Normal file
153
public/assets/scss/data-table/_dataTables.foundation.scss
Normal file
@@ -0,0 +1,153 @@
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin: 0.5em 0 !important;
|
||||
max-width: none !important;
|
||||
width: 100%;
|
||||
|
||||
td,
|
||||
th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
&.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
// Style options for the table. Foundation provides its own, but it is also
|
||||
// useful to have a few more for DataTables
|
||||
&.nowrap {
|
||||
th, td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DataTables' built in feature elements
|
||||
div.dataTables_wrapper {
|
||||
position: relative;
|
||||
font-family:'Open Sans', sans-serif;
|
||||
|
||||
div.dataTables_length {
|
||||
label {
|
||||
float: left;
|
||||
text-align: left;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 75px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
label {
|
||||
float: right;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
display: inline-block !important;
|
||||
width: auto !important;
|
||||
margin-bottom: 0;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
margin-top: -26px;
|
||||
text-align: center;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sorting
|
||||
table.dataTable thead {
|
||||
> tr > th,
|
||||
> tr > td {
|
||||
&.sorting_asc,
|
||||
&.sorting_desc,
|
||||
&.sorting {
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center right;
|
||||
}
|
||||
|
||||
.sorting {
|
||||
background-image: url('../images/sort_both.png');
|
||||
}
|
||||
.sorting_asc {
|
||||
background-image: url('../images/sort_asc.png');
|
||||
}
|
||||
.sorting_desc {
|
||||
background-image: url('../images/sort_desc.png');
|
||||
}
|
||||
.sorting_asc_disabled {
|
||||
background-image: url('../images/sort_asc_disabled.png');
|
||||
}
|
||||
.sorting_desc_disabled {
|
||||
background-image: url('../images/sort_desc_disabled.png');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Scrolling
|
||||
div.dataTables_scrollHead table {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
|
||||
tbody tr:first-child th,
|
||||
tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
93
public/assets/scss/data-table/_dataTables.jqueryui.scss
Normal file
93
public/assets/scss/data-table/_dataTables.jqueryui.scss
Normal file
@@ -0,0 +1,93 @@
|
||||
|
||||
|
||||
// jQuery UI doesn't provide any table styling options of its own, so we include
|
||||
// the DataTables default styling options and override the few styles that need
|
||||
// to be changed
|
||||
$jqueryui: true;
|
||||
@import 'jquery.dataTables.scss';
|
||||
|
||||
|
||||
table.dataTable {
|
||||
// Sorting
|
||||
thead {
|
||||
th div.DataTables_sort_wrapper {
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
right: -18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
thead,
|
||||
tfoot {
|
||||
th.ui-state-default {
|
||||
border-left-width: 0;
|
||||
|
||||
&:first-child {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Control feature layout
|
||||
*/
|
||||
.dataTables_wrapper {
|
||||
// Paging
|
||||
.dataTables_paginate {
|
||||
.fg-button {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
min-width: 1.5em;
|
||||
padding: 0.5em;
|
||||
margin-left: 2px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
|
||||
border: 1px solid transparent;
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fg-button:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
.fg-button:last-child {
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-widget-header {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ui-toolbar {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
&.no-footer {
|
||||
.dataTables_scrollBody {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dataTables_length,
|
||||
.dataTables_filter,
|
||||
.dataTables_info,
|
||||
.dataTables_processing,
|
||||
.dataTables_paginate {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
101
public/assets/scss/data-table/_dataTables.material.scss
Normal file
101
public/assets/scss/data-table/_dataTables.material.scss
Normal file
@@ -0,0 +1,101 @@
|
||||
|
||||
|
||||
|
||||
|
||||
// DataTables' built in feature elements
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_length {
|
||||
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
text-align: right;
|
||||
|
||||
input {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.mdl-grid.dt-table {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
|
||||
> div.mdl-cell {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sorting - using :before and :after with UTF8 characters
|
||||
table.dataTable thead {
|
||||
> tr > th,
|
||||
> tr > td {
|
||||
&.sorting_asc,
|
||||
&.sorting_desc,
|
||||
&.sorting {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
bottom: 11px;
|
||||
display: block;
|
||||
opacity: 0.3;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
&:before {
|
||||
right: 1em;
|
||||
content: "\2191"; // up arrow - ascending
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 0.5em;
|
||||
content: "\2193"; // down arrow - descending
|
||||
}
|
||||
}
|
||||
|
||||
.sorting_asc:before,
|
||||
.sorting_desc:after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.sorting_asc_disabled:before,
|
||||
.sorting_desc_disabled:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
130
public/assets/scss/data-table/_dataTables.semanticui.scss
Normal file
130
public/assets/scss/data-table/_dataTables.semanticui.scss
Normal file
@@ -0,0 +1,130 @@
|
||||
/*
|
||||
* Styling for DataTables with Semantic UI
|
||||
*/
|
||||
|
||||
table.dataTable.table {
|
||||
margin: 0;
|
||||
|
||||
// Sorting icons using Semantic UI's built in icons (Font Awesome)
|
||||
thead th,
|
||||
thead td {
|
||||
position: relative;
|
||||
|
||||
&.sorting,
|
||||
&.sorting_asc,
|
||||
&.sorting_desc {
|
||||
padding-right: 20px;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 8px;
|
||||
display: block;
|
||||
font-family: Icons;
|
||||
}
|
||||
}
|
||||
|
||||
&.sorting:after {
|
||||
content: "\f0dc";
|
||||
color: #ddd;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
// Easier calculations
|
||||
td,
|
||||
th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
&.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
// Style options for the table. Semantic UI provides its own, but it is also
|
||||
// useful to have a few more for DataTables
|
||||
&.nowrap {
|
||||
th,
|
||||
td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DataTables' built in feature elements
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_length {
|
||||
// Match the height of the drop down when Semantic UI JS isn't present
|
||||
select {
|
||||
vertical-align: middle;
|
||||
min-height: 2.7142em;
|
||||
}
|
||||
|
||||
.ui.selection.dropdown {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
span.input {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 13px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.row.dt-table {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Merge the three scrolling tables into one
|
||||
div.dataTables_scrollHead {
|
||||
table.dataTable {
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
thead { // Hide sort icons
|
||||
.sorting:after,
|
||||
.sorting_asc:after,
|
||||
.sorting_desc:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
table.dataTable {
|
||||
border-radius: 0;
|
||||
border-top: none;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
table.dataTable.no-footer {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot {
|
||||
table.dataTable {
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
206
public/assets/scss/data-table/_dataTables.uikit.scss
Normal file
206
public/assets/scss/data-table/_dataTables.uikit.scss
Normal file
@@ -0,0 +1,206 @@
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
|
||||
td,
|
||||
th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
&.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
// Style options for the table. Foundation provides its own, but it is also
|
||||
// useful to have a few more for DataTables
|
||||
&.nowrap {
|
||||
th,
|
||||
td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DataTables' built in feature elements
|
||||
div.dataTables_wrapper {
|
||||
div.row.uk-grid.dt-merge-grid {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
div.dataTables_length {
|
||||
label {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 75px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_filter {
|
||||
text-align: right;
|
||||
|
||||
label {
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input {
|
||||
margin-left: 0.5em;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 8px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
|
||||
ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
margin-top: -26px;
|
||||
text-align: center;
|
||||
padding: 1em 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sorting - using :before and :after with UTF8 characters
|
||||
table.dataTable thead {
|
||||
> tr > th,
|
||||
> tr > td {
|
||||
&.sorting_asc,
|
||||
&.sorting_desc,
|
||||
&.sorting {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
bottom: 1.2em;
|
||||
display: block;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
&:before {
|
||||
right: 1em;
|
||||
content: "\2191"; // up arrow - ascending
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 0.5em;
|
||||
content: "\2193"; // down arrow - descending
|
||||
}
|
||||
}
|
||||
|
||||
.sorting_asc:before,
|
||||
.sorting_desc:after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.sorting_asc_disabled:before,
|
||||
.sorting_desc_disabled:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Scrolling
|
||||
div.dataTables_scrollHead table.dataTable {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
|
||||
thead { // Hide sort icons
|
||||
.sorting:after,
|
||||
.sorting_asc:after,
|
||||
.sorting_desc:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
tbody tr:first-child th,
|
||||
tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
||||
// Responsive
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dataTables_wrapper {
|
||||
div.dataTables_length,
|
||||
div.dataTables_filter,
|
||||
div.dataTables_info,
|
||||
div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// UIKit provides a range of styling options for table's via class name
|
||||
// that we want to full support. They sometimes require some customisations
|
||||
//
|
||||
|
||||
// Condensed
|
||||
table.dataTable.uk-table-condensed {
|
||||
> thead > tr > th {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.sorting:after,
|
||||
.sorting_asc:after,
|
||||
.sorting_desc:after {
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
}
|
||||
}
|
||||
599
public/assets/scss/data-table/_jquery.dataTables.scss
Normal file
599
public/assets/scss/data-table/_jquery.dataTables.scss
Normal file
@@ -0,0 +1,599 @@
|
||||
|
||||
//
|
||||
// Colour customisation
|
||||
//
|
||||
// `!default` allows overriding variables that are defined before @import
|
||||
//
|
||||
|
||||
// Border between the header (and footer) and the table body
|
||||
$table-header-border: 1px solid #111 !default;
|
||||
|
||||
// Border of rows / cells
|
||||
$table-body-border: 1px solid #ddd !default;
|
||||
|
||||
// Row background colour (hover, striping etc are all based on this colour and
|
||||
// calculated automatically)
|
||||
$table-row-background: #ffffff !default;
|
||||
|
||||
// Row colour, when selected (tr.selected)
|
||||
$table-row-selected: #B0BED9 !default;
|
||||
|
||||
// Text colour of the interaction control elements (info, filter, paging etc)
|
||||
$table-control-color: #333 !default;
|
||||
|
||||
// Highlight colour of the paging button for the current page
|
||||
$table-paging-button-active: #dcdcdc !default;
|
||||
|
||||
// Hover colour of paging buttons on mouse over
|
||||
$table-paging-button-hover: #111 !default;
|
||||
|
||||
// Colour to use when shading
|
||||
$table-shade: black !default;
|
||||
|
||||
// jQuery UI stylesheet imports this one - there are just two places where we
|
||||
// don't want DataTabels default styles assigned for jQuery UI, so rather than
|
||||
// duplicating the whole file, this is the best option
|
||||
$jqueryui: false !default;
|
||||
|
||||
|
||||
//
|
||||
// Functions / mixins
|
||||
//
|
||||
@function tint( $color, $percent ) {
|
||||
@return mix(white, $color, $percent);
|
||||
}
|
||||
|
||||
@function shade( $color, $percent ) {
|
||||
@return mix($table-shade, $color, $percent);
|
||||
}
|
||||
|
||||
@mixin gradient( $from, $to ) {
|
||||
background-color: $from;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$from), color-stop(100%,$to)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, $from 0%, $to 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, $from 0%, $to 100%); /* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, $from 0%, $to 100%); /* IE10+ */
|
||||
background: -o-linear-gradient(top, $from 0%, $to 100%); /* Opera 11.10+ */
|
||||
background: linear-gradient(to bottom, $from 0%, $to 100%); /* W3C */
|
||||
}
|
||||
|
||||
/*
|
||||
* Table styles
|
||||
*/
|
||||
table.dataTable {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
|
||||
/*
|
||||
* Header and footer styles
|
||||
*/
|
||||
thead,
|
||||
tfoot {
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
thead th,
|
||||
thead td {
|
||||
padding: 10px 18px;
|
||||
|
||||
@if not $jqueryui { // jQuery UI defines its own border
|
||||
border-bottom: $table-header-border;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
tfoot th,
|
||||
tfoot td {
|
||||
padding: 10px 18px 6px 18px;
|
||||
|
||||
@if not $jqueryui { // jQuery UI defines its own border
|
||||
border-top: $table-header-border;
|
||||
}
|
||||
}
|
||||
|
||||
// Sorting
|
||||
@if not $jqueryui { // jQuery UI defines its own sort icons
|
||||
thead {
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center right;
|
||||
}
|
||||
|
||||
.sorting {
|
||||
background-image: url('../images/sort_both.png');
|
||||
}
|
||||
.sorting_asc {
|
||||
background-image: url('../images/sort_asc.png');
|
||||
}
|
||||
.sorting_desc {
|
||||
background-image: url('../images/sort_desc.png');
|
||||
}
|
||||
.sorting_asc_disabled {
|
||||
background-image: url('../images/sort_asc_disabled.png');
|
||||
}
|
||||
.sorting_desc_disabled {
|
||||
background-image: url('../images/sort_desc_disabled.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Body styles
|
||||
*/
|
||||
tbody {
|
||||
tr {
|
||||
background-color: $table-row-background;
|
||||
|
||||
&.selected {
|
||||
background-color: $table-row-selected;
|
||||
}
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Stripe classes - add "row-border" class to the table to activate
|
||||
&.row-border tbody,
|
||||
&.display tbody {
|
||||
th, td {
|
||||
border-top: $table-body-border;
|
||||
}
|
||||
|
||||
tr:first-child th,
|
||||
tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Stripe classes - add "cell-border" class to the table to activate
|
||||
&.cell-border tbody {
|
||||
th, td {
|
||||
border-top: $table-body-border;
|
||||
border-right: $table-body-border;
|
||||
}
|
||||
|
||||
tr th:first-child,
|
||||
tr td:first-child {
|
||||
border-left: $table-body-border;
|
||||
}
|
||||
|
||||
tr:first-child th,
|
||||
tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Stripe classes - add "stripe" class to the table to activate
|
||||
&.stripe tbody,
|
||||
&.display tbody {
|
||||
tr.odd {
|
||||
background-color: shade($table-row-background, 2.35%); // shade by f9
|
||||
|
||||
&.selected {
|
||||
background-color: shade($table-row-selected, 2.35%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Hover classes - add "hover" class to the table to activate
|
||||
&.hover tbody,
|
||||
&.display tbody {
|
||||
tr:hover {
|
||||
background-color: shade($table-row-background, 3.6%); // shade by f5
|
||||
|
||||
&.selected {
|
||||
background-color: shade($table-row-selected, 3.6%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sort column highlighting - add "order-column" class to the table to activate
|
||||
&.order-column,
|
||||
&.display {
|
||||
tbody {
|
||||
tr>.sorting_1,
|
||||
tr>.sorting_2,
|
||||
tr>.sorting_3 {
|
||||
background-color: shade($table-row-background, 2%); // shade by fa
|
||||
}
|
||||
|
||||
tr.selected>.sorting_1,
|
||||
tr.selected>.sorting_2,
|
||||
tr.selected>.sorting_3 {
|
||||
background-color: shade($table-row-selected, 2%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.stripe tbody {
|
||||
tr.odd {
|
||||
>.sorting_1 { background-color: shade($table-row-background, 5.4%); } // shade by f1
|
||||
>.sorting_2 { background-color: shade($table-row-background, 4.7%); } // shade by f3
|
||||
>.sorting_3 { background-color: shade($table-row-background, 3.9%); } // shade by f5
|
||||
|
||||
&.selected {
|
||||
>.sorting_1 { background-color: shade($table-row-selected, 5.4%); }
|
||||
>.sorting_2 { background-color: shade($table-row-selected, 4.7%); }
|
||||
>.sorting_3 { background-color: shade($table-row-selected, 3.9%); }
|
||||
}
|
||||
}
|
||||
|
||||
tr.even {
|
||||
>.sorting_1 { background-color: shade($table-row-background, 2%); } // shade by fa
|
||||
>.sorting_2 { background-color: shade($table-row-background, 1.2%); } // shade by fc
|
||||
>.sorting_3 { background-color: shade($table-row-background, 0.4%); } // shade by fe
|
||||
|
||||
&.selected {
|
||||
>.sorting_1 { background-color: shade($table-row-selected, 2%); }
|
||||
>.sorting_2 { background-color: shade($table-row-selected, 1.2%); }
|
||||
>.sorting_3 { background-color: shade($table-row-selected, 0.4%); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.hover tbody {
|
||||
tr:hover {
|
||||
>.sorting_1 { background-color: shade($table-row-background, 8.2%); } // shade by ea
|
||||
>.sorting_2 { background-color: shade($table-row-background, 7.5%); } // shade by ec
|
||||
>.sorting_3 { background-color: shade($table-row-background, 6.3%); } // shade by ef
|
||||
|
||||
&.selected {
|
||||
>.sorting_1 { background-color: shade($table-row-selected, 8.2%); }
|
||||
>.sorting_2 { background-color: shade($table-row-selected, 7.5%); }
|
||||
>.sorting_3 { background-color: shade($table-row-selected, 6.3%); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.no-footer {
|
||||
border-bottom: $table-header-border;
|
||||
}
|
||||
|
||||
&.nowrap {
|
||||
th, td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
&.compact {
|
||||
thead th,
|
||||
thead td {
|
||||
padding: 4px 17px 4px 4px;
|
||||
}
|
||||
|
||||
tfoot th,
|
||||
tfoot td {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
tbody th,
|
||||
tbody td {
|
||||
padding: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Typography
|
||||
th.dt-left,
|
||||
td.dt-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th.dt-center,
|
||||
td.dt-center,
|
||||
td.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th.dt-right,
|
||||
td.dt-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th.dt-justify,
|
||||
td.dt-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
th.dt-nowrap,
|
||||
td.dt-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
thead,
|
||||
tfoot {
|
||||
th.dt-head-left,
|
||||
td.dt-head-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th.dt-head-center,
|
||||
td.dt-head-center{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th.dt-head-right,
|
||||
td.dt-head-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th.dt-head-justify,
|
||||
td.dt-head-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
th.dt-head-nowrap,
|
||||
td.dt-head-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
th.dt-body-left,
|
||||
td.dt-body-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th.dt-body-center,
|
||||
td.dt-body-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th.dt-body-right,
|
||||
td.dt-body-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th.dt-body-justify,
|
||||
td.dt-body-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
th.dt-body-nowrap,
|
||||
td.dt-body-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Its not uncommon to use * {border-box} now, but it messes up the column width
|
||||
// calculations, so use content-box for the table and cells
|
||||
table.dataTable,
|
||||
table.dataTable th,
|
||||
table.dataTable td {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Control feature layout
|
||||
*/
|
||||
.dataTables_wrapper {
|
||||
position: relative;
|
||||
clear: both;
|
||||
*zoom: 1;
|
||||
|
||||
// Page length options
|
||||
.dataTables_length {
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Filtering input
|
||||
.dataTables_filter {
|
||||
float: right;
|
||||
text-align: right;
|
||||
|
||||
input {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
// Table info
|
||||
.dataTables_info {
|
||||
clear: both;
|
||||
float: left;
|
||||
padding-top: 0.755em;
|
||||
}
|
||||
|
||||
// Paging
|
||||
.dataTables_paginate {
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-top: 0.25em;
|
||||
|
||||
.paginate_button {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
min-width: 1.5em;
|
||||
padding: 0.5em 1em;
|
||||
margin-left: 2px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
|
||||
color: $table-control-color !important;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 2px;
|
||||
|
||||
&.current,
|
||||
&.current:hover {
|
||||
color: $table-control-color !important;
|
||||
border: 1px solid darken( $table-paging-button-active, 27% );
|
||||
@include gradient(
|
||||
lighten($table-paging-button-active, 28%),
|
||||
$table-paging-button-active
|
||||
);
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&.disabled:hover,
|
||||
&.disabled:active {
|
||||
cursor: default;
|
||||
color: #666 !important;
|
||||
border: 1px solid transparent;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: white !important;
|
||||
border: 1px solid $table-paging-button-hover;
|
||||
@include gradient(
|
||||
lighten($table-paging-button-hover, 28%),
|
||||
$table-paging-button-hover
|
||||
);
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
@include gradient(
|
||||
lighten($table-paging-button-hover, 10%),
|
||||
darken($table-paging-button-hover, 2%)
|
||||
);
|
||||
box-shadow: inset 0 0 3px #111;
|
||||
}
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
padding: 0 1em;
|
||||
}
|
||||
}
|
||||
|
||||
// Processing
|
||||
.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
margin-left: -50%;
|
||||
margin-top: -25px;
|
||||
padding-top: 20px;
|
||||
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
|
||||
background-color: white;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba($table-row-background, 0)), color-stop(25%,rgba($table-row-background, 0.9)), color-stop(75%,rgba($table-row-background, 0.9)), color-stop(100%,rgba(255,255,255,0)));
|
||||
background: -webkit-linear-gradient(left, rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%);
|
||||
background: -moz-linear-gradient(left, rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%);
|
||||
background: -ms-linear-gradient(left, rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%);
|
||||
background: -o-linear-gradient(left, rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%);
|
||||
background: linear-gradient(to right, rgba($table-row-background, 0) 0%, rgba($table-row-background, 0.9) 25%, rgba($table-row-background, 0.9) 75%, rgba($table-row-background, 0) 100%);
|
||||
}
|
||||
|
||||
.dataTables_length,
|
||||
.dataTables_filter,
|
||||
.dataTables_info,
|
||||
.dataTables_processing,
|
||||
.dataTables_paginate {
|
||||
color: $table-control-color;
|
||||
}
|
||||
|
||||
// Scrolling
|
||||
.dataTables_scroll {
|
||||
clear: both;
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
*margin-top: -1px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
> table > thead > tr, > table > tbody > tr {
|
||||
> th, > td {
|
||||
// Setting v-align baseline can cause the headers to be visible
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
> th > div.dataTables_sizing,
|
||||
> td > div.dataTables_sizing {
|
||||
// Hide the element used to wrap the content in the header for
|
||||
// the body scrolling table
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.no-footer {
|
||||
.dataTables_scrollBody {
|
||||
border-bottom: $table-header-border;
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead table.dataTable,
|
||||
div.dataTables_scrollBody > table {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Self clear the wrapper
|
||||
&:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
zoom: 1; // Poor old IE
|
||||
}
|
||||
|
||||
|
||||
// Collapse the two column display of the control elements when the screen is
|
||||
// small - the info and paging control get collapsed first as they are wider,
|
||||
// and then the length and filter controls
|
||||
@media screen and (max-width: 767px) {
|
||||
.dataTables_wrapper {
|
||||
.dataTables_info,
|
||||
.dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dataTables_paginate {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.dataTables_wrapper {
|
||||
.dataTables_length,
|
||||
.dataTables_filter {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dataTables_filter {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
12
public/assets/scss/datatable-extension.scss
Normal file
12
public/assets/scss/datatable-extension.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
@import "datatable-extension/button.bootstrap4";
|
||||
@import "datatable-extension/buttons.dataTables";
|
||||
@import "datatable-extension/buttons.jqueryui";
|
||||
@import "datatable-extension/buttons.semanticui";
|
||||
@import "datatable-extension/autofill-datatable";
|
||||
@import "datatable-extension/keytable.bootstrap4";
|
||||
@import "datatable-extension/select-datatable";
|
||||
@import "datatable-extension/fixedColumns.dataTables";
|
||||
@import "datatable-extension/fixedHeader.dataTables";
|
||||
@import "datatable-extension/responsive.dataTables";
|
||||
@import "datatable-extension/rowReorder.dataTables";
|
||||
@import "datatable-extension/scroller.dataTables";
|
||||
127
public/assets/scss/datatable-extension/_autofill-datatable.scss
Normal file
127
public/assets/scss/datatable-extension/_autofill-datatable.scss
Normal file
@@ -0,0 +1,127 @@
|
||||
/*autofill datatable css*/
|
||||
|
||||
$autofill-define-button: true !default;
|
||||
$autofill-outline: #4989de !default;
|
||||
$autofill-handle-border: 1px solid #316ad1 !default;
|
||||
$autofill-handle-background: linear-gradient(to bottom, #abcffb 0%, #4989de 100%) !default;
|
||||
|
||||
|
||||
div.dt-autofill-handle {
|
||||
position: absolute;
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
z-index: 102;
|
||||
|
||||
box-sizing: border-box;
|
||||
border: $autofill-handle-border;
|
||||
background: $autofill-handle-background;
|
||||
}
|
||||
|
||||
div.dt-autofill-select {
|
||||
position: absolute;
|
||||
z-index: 1001;
|
||||
|
||||
background-color: $autofill-outline;
|
||||
background-image: repeating-linear-gradient(45deg,
|
||||
transparent,
|
||||
transparent 5px,
|
||||
rgba(255,255,255,.5) 5px,
|
||||
rgba(255,255,255,.5) 10px
|
||||
);
|
||||
|
||||
&.top,
|
||||
&.bottom {
|
||||
height: 3px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
&.left,
|
||||
&.right {
|
||||
width: 3px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-autofill-list {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 500px;
|
||||
margin-left: -250px;
|
||||
// margin-top is set by JS
|
||||
background-color: white;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 0 5px #555;
|
||||
border: 2px solid #444;
|
||||
z-index: 11;
|
||||
box-sizing: border-box;
|
||||
padding: 1.5em 2em;
|
||||
|
||||
ul {
|
||||
display: table;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
display: table-row;
|
||||
|
||||
&:last-child div.dt-autofill-question,
|
||||
&:last-child div.dt-autofill-button {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-autofill-question {
|
||||
display: table-cell;
|
||||
padding: 0.5em 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
||||
input[type=number] {
|
||||
padding: 6px;
|
||||
width: 30px;
|
||||
margin: -2px 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-autofill-button {
|
||||
display: table-cell;
|
||||
padding: 0.5em 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
||||
@if $autofill-define-button {
|
||||
button {
|
||||
color: white;
|
||||
margin: 0;
|
||||
padding: 6px 12px;
|
||||
text-align: center;
|
||||
border: 1px solid #2e6da4;
|
||||
background-color: #337ab7;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-autofill-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background: rgba(0, 0, 0, 0.7); // fallback
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/*autofill datatable css*/
|
||||
@@ -0,0 +1,54 @@
|
||||
/*button bootstrap4 css*/
|
||||
@import 'mixins.scss';
|
||||
@import 'common.scss';
|
||||
|
||||
ul.dt-button-collection.dropdown-menu {
|
||||
display: block;
|
||||
z-index: 2002;
|
||||
|
||||
@include dtb-fixed-collection();
|
||||
}
|
||||
|
||||
ul.dt-button-collection {
|
||||
@include dtb-fixed-collection();
|
||||
|
||||
&.fixed {
|
||||
max-width: none;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-button-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dt-buttons {
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
a.btn {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-buttons {
|
||||
button.btn.processing,
|
||||
div.btn.processing,
|
||||
a.btn.processing {
|
||||
@include dtb-processing();
|
||||
}
|
||||
}
|
||||
/*button bootstrap4 css*/
|
||||
143
public/assets/scss/datatable-extension/_buttons.dataTables.scss
Normal file
143
public/assets/scss/datatable-extension/_buttons.dataTables.scss
Normal file
@@ -0,0 +1,143 @@
|
||||
/*buttons datatable css*/
|
||||
@import 'mixins.scss';
|
||||
@import 'common.scss';
|
||||
|
||||
button.dt-button,
|
||||
div.dt-button,
|
||||
a.dt-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0.333em;
|
||||
margin-bottom: 0.333em;
|
||||
padding: 0.5em 1em;
|
||||
border: 1px solid #999;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
font-size: 0.88em;
|
||||
line-height: 1.6em;
|
||||
color: black;
|
||||
//box-shadow: 1px 1px 3px #ccc;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@include dtb-two-stop-gradient(white, #e9e9e9);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
|
||||
&.disabled {
|
||||
color: #999;
|
||||
border: 1px solid #d0d0d0;
|
||||
cursor: default;
|
||||
@include dtb-two-stop-gradient(#ffffff, #f9f9f9);
|
||||
}
|
||||
|
||||
&:active:not(.disabled),
|
||||
&.active:not(.disabled) {
|
||||
@include dtb-two-stop-gradient(#f3f3f3, #e2e2e2);
|
||||
box-shadow: inset 1px 1px 3px #999999;
|
||||
|
||||
&:hover:not(.disabled) {
|
||||
box-shadow: inset 1px 1px 3px #999999;
|
||||
@include dtb-two-stop-gradient(#eaeaea, #cccccc);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:hover:not(.disabled) {
|
||||
border: 1px solid #666;
|
||||
@include dtb-two-stop-gradient(#f9f9f9, #e0e0e0);
|
||||
}
|
||||
|
||||
&:focus:not(.disabled) {
|
||||
border: 1px solid #426c9e;
|
||||
text-shadow: 0 1px 0 #c4def1;
|
||||
outline: none;
|
||||
@include dtb-two-stop-gradient(#bddef4, #79ace9);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dt-button embed {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
div.dt-buttons {
|
||||
position: relative;
|
||||
float: left;
|
||||
|
||||
&.buttons-right {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-button-collection {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
margin-top: 3px;
|
||||
padding: 8px 8px 4px 8px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba( 0, 0, 0, 0.4 );
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 2002;
|
||||
border-radius: 5px;
|
||||
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
|
||||
button.dt-button,
|
||||
div.dt-button,
|
||||
a.dt-button {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
|
||||
display: block;
|
||||
float: none;
|
||||
margin-bottom: 4px;
|
||||
margin-right: 0;
|
||||
|
||||
&:active:not(.disabled),
|
||||
&.active:not(.disabled) {
|
||||
@include dtb-two-stop-gradient(#f0f0f0, #dadada);
|
||||
box-shadow: inset 1px 1px 3px #666;
|
||||
}
|
||||
}
|
||||
|
||||
@include dtb-fixed-collection();
|
||||
}
|
||||
|
||||
div.dt-button-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@include dtb-radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) );
|
||||
|
||||
z-index: 2001;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
div.dt-buttons {
|
||||
float: none !important;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
button.dt-button.processing,
|
||||
div.dt-button.processing,
|
||||
a.dt-button.processing {
|
||||
@include dtb-processing();
|
||||
}
|
||||
/*buttons datatable css*/
|
||||
@@ -0,0 +1,97 @@
|
||||
/*buttons jqueryui css*/
|
||||
@import 'mixins.scss';
|
||||
@import 'common.scss';
|
||||
|
||||
div.dt-buttons {
|
||||
position: relative;
|
||||
float: left;
|
||||
|
||||
.dt-button {
|
||||
margin-right: 0;
|
||||
|
||||
span.ui-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:hover > span {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.dt-button-collection {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
margin-top: 3px;
|
||||
padding: 8px 8px 4px 8px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba( 0, 0, 0, 0.4 );
|
||||
background-color: #f3f3f3;
|
||||
background-color: rgba( 255, 255, 255, 0.3 );
|
||||
overflow: hidden;
|
||||
z-index: 2002;
|
||||
border-radius: 5px;
|
||||
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
|
||||
z-index: 2002;
|
||||
|
||||
.dt-button {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
|
||||
display: block;
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
margin-bottom: 4px;
|
||||
|
||||
&:hover > span {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
@include dtb-fixed-collection();
|
||||
|
||||
-webkit-column-gap: 0;
|
||||
-moz-column-gap: 0;
|
||||
-ms-column-gap: 0;
|
||||
-o-column-gap: 0;
|
||||
column-gap: 0;
|
||||
}
|
||||
|
||||
div.dt-button-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@include dtb-radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) );
|
||||
|
||||
z-index: 2001;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
div.dt-buttons {
|
||||
float: none !important;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
button.dt-button.processing,
|
||||
div.dt-button.processing,
|
||||
a.dt-button.processing {
|
||||
@include dtb-processing();
|
||||
}
|
||||
/*buttons jqueryui css*/
|
||||
@@ -0,0 +1,54 @@
|
||||
/*buttons semanticui css*/
|
||||
@import 'mixins.scss';
|
||||
@import 'common.scss';
|
||||
|
||||
div.dt-button-collection {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
margin-top: 3px !important;
|
||||
z-index: 2002;
|
||||
background: white;
|
||||
|
||||
@include dtb-fixed-collection();
|
||||
}
|
||||
|
||||
button.buttons-collection.ui.button span:after {
|
||||
display: inline-block;
|
||||
content: "▾";
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
div.dt-button-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2001;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dt-buttons {
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
a.btn {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dt-buttons {
|
||||
button.button.processing,
|
||||
div.button.processing,
|
||||
a.button.processing {
|
||||
position: relative;
|
||||
|
||||
@include dtb-processing();
|
||||
}
|
||||
}
|
||||
/*buttons semanticui css*/
|
||||
26
public/assets/scss/datatable-extension/_common.scss
Normal file
26
public/assets/scss/datatable-extension/_common.scss
Normal file
@@ -0,0 +1,26 @@
|
||||
div.dt-button-info {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 400px;
|
||||
margin-top: -100px;
|
||||
margin-left: -200px;
|
||||
background-color: white;
|
||||
border: 2px solid #111;
|
||||
box-shadow: 3px 3px 8px rgba( 0, 0, 0, 0.3);
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
z-index: 21;
|
||||
|
||||
h2 {
|
||||
padding: 0.5em;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
> div {
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
/*Fixed columns datatable css*/
|
||||
// Block out what is behind the fixed column's header and footer
|
||||
table.DTFC_Cloned thead,
|
||||
table.DTFC_Cloned tfoot {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
// Block out the gap above the scrollbar on the right, when there is a fixed
|
||||
// right column
|
||||
div.DTFC_Blocker {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
div.DTFC_LeftWrapper table.dataTable,
|
||||
div.DTFC_RightWrapper table.dataTable {
|
||||
margin-bottom: 0;
|
||||
z-index: 2;
|
||||
|
||||
&.no-footer {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
/*Fixed columns datatable css*/
|
||||
@@ -0,0 +1,17 @@
|
||||
/*fixed haeder datatable css*/
|
||||
|
||||
table.fixedHeader-floating {
|
||||
position: fixed !important;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
table.fixedHeader-floating.no-footer {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
table.fixedHeader-locked {
|
||||
position: absolute !important;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/*fixed haeder datatable css*/
|
||||
@@ -0,0 +1,9 @@
|
||||
$keytable-focus: 3px solid #3366FF !default;
|
||||
|
||||
table.dataTable {
|
||||
th.focus,
|
||||
td.focus {
|
||||
outline: $keytable-focus;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
/*keytable css*/
|
||||
$keytable-focus: 3px solid #0275d8 !default;
|
||||
|
||||
@import 'keyTable.dataTables.scss';
|
||||
/*keytable css*/
|
||||
140
public/assets/scss/datatable-extension/_mixins.scss
Normal file
140
public/assets/scss/datatable-extension/_mixins.scss
Normal file
@@ -0,0 +1,140 @@
|
||||
@mixin dtb-two-stop-gradient($fromColor, $toColor) {
|
||||
background-color: $toColor; /* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, $fromColor 0%, $toColor 100%); /* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, $fromColor 0%, $toColor 100%); /* IE10 */
|
||||
background-image: -o-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, $fromColor 0%, $toColor 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}');
|
||||
}
|
||||
|
||||
@mixin dtb-radial-gradient ($fromColor, $toColor ) {
|
||||
background: $toColor; /* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, $fromColor), color-stop(1, $toColor)); /* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, $fromColor 0%, $toColor 100%); /* W3C Markup, IE10 Release Preview */
|
||||
}
|
||||
|
||||
|
||||
@mixin dtb-fixed-collection {
|
||||
// Fixed positioning feature
|
||||
&.fixed {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -75px;
|
||||
border-radius: 0;
|
||||
|
||||
&.two-column {
|
||||
margin-left: -150px;
|
||||
}
|
||||
|
||||
&.three-column {
|
||||
margin-left: -225px;
|
||||
}
|
||||
|
||||
&.four-column {
|
||||
margin-left: -300px;
|
||||
}
|
||||
}
|
||||
|
||||
// Multi-column layout feature
|
||||
-webkit-column-gap: 8px;
|
||||
-moz-column-gap: 8px;
|
||||
-ms-column-gap: 8px;
|
||||
-o-column-gap: 8px;
|
||||
column-gap: 8px;
|
||||
|
||||
> * {
|
||||
-webkit-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
&.two-column {
|
||||
width: 300px;
|
||||
padding-bottom: 1px;
|
||||
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
-ms-column-count: 2;
|
||||
-o-column-count: 2;
|
||||
column-count: 2;
|
||||
}
|
||||
|
||||
&.three-column {
|
||||
width: 450px;
|
||||
padding-bottom: 1px;
|
||||
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
-ms-column-count: 3;
|
||||
-o-column-count: 3;
|
||||
column-count: 3;
|
||||
}
|
||||
|
||||
&.four-column {
|
||||
width: 600px;
|
||||
padding-bottom: 1px;
|
||||
|
||||
-webkit-column-count: 4;
|
||||
-moz-column-count: 4;
|
||||
-ms-column-count: 4;
|
||||
-o-column-count: 4;
|
||||
column-count: 4;
|
||||
}
|
||||
|
||||
// Chrome fix - 531528
|
||||
.dt-button {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin dtb-processing {
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: -8px 0 0 -8px;
|
||||
box-sizing: border-box;
|
||||
|
||||
display: block;
|
||||
content: ' ';
|
||||
border: 2px solid rgb(40,40,40);
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
animation: dtb-spinner 1500ms infinite linear;
|
||||
-o-animation: dtb-spinner 1500ms infinite linear;
|
||||
-ms-animation: dtb-spinner 1500ms infinite linear;
|
||||
-webkit-animation: dtb-spinner 1500ms infinite linear;
|
||||
-moz-animation: dtb-spinner 1500ms infinite linear;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes dtb-spinner {
|
||||
100%{ transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@-o-keyframes dtb-spinner {
|
||||
100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@-ms-keyframes dtb-spinner {
|
||||
100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes dtb-spinner {
|
||||
100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes dtb-spinner {
|
||||
100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
||||
}
|
||||
@@ -0,0 +1,243 @@
|
||||
/*Responsive datatable css*/
|
||||
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
|
||||
$control-button-top: 9px !default;
|
||||
$control-button-size: 14px !default;
|
||||
$control-button-color: white !default;
|
||||
$open-button-background: #31b131 !default;
|
||||
$close-button-background: #d33333 !default;
|
||||
|
||||
|
||||
//
|
||||
// Mixins
|
||||
//
|
||||
@mixin control() {
|
||||
display: block;
|
||||
position: absolute;
|
||||
color: $control-button-color;
|
||||
border: 2px solid white;
|
||||
border-radius: 14px;
|
||||
box-shadow: 0 0 3px #444;
|
||||
box-sizing: content-box;
|
||||
text-align: center;
|
||||
text-indent: 0 !important;
|
||||
|
||||
// Use Courier New because it is common and consistent
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
@mixin control-open() {
|
||||
content: '+';
|
||||
background-color: $open-button-background;
|
||||
}
|
||||
|
||||
@mixin control-close() {
|
||||
content: '-';
|
||||
background-color: $close-button-background;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Table styles
|
||||
//
|
||||
table.dataTable {
|
||||
// Styling for the `inline` type
|
||||
&.dtr-inline.collapsed > tbody {
|
||||
> tr {
|
||||
> td.child,
|
||||
> th.child,
|
||||
> td.dataTables_empty {
|
||||
cursor: default !important;
|
||||
|
||||
&:before {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tr[role="row"] > td:first-child,
|
||||
> tr[role="row"] > th:first-child {
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
cursor: pointer;
|
||||
|
||||
&:before {
|
||||
top: $control-button-top;
|
||||
left: 4px;
|
||||
height: $control-button-size;
|
||||
width: $control-button-size;
|
||||
@include control;
|
||||
@include control-open;
|
||||
}
|
||||
}
|
||||
|
||||
> tr.parent {
|
||||
> td:first-child:before,
|
||||
> th:first-child:before {
|
||||
@include control-close;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// DataTables' `compact` styling
|
||||
&.dtr-inline.collapsed.compact > tbody {
|
||||
> tr > td:first-child,
|
||||
> tr > th:first-child {
|
||||
padding-left: 27px;
|
||||
|
||||
&:before {
|
||||
top: 5px;
|
||||
left: 4px;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
border-radius: 14px;
|
||||
line-height: 14px;
|
||||
text-indent: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Styling for the `column` type
|
||||
&.dtr-column > tbody {
|
||||
> tr > td.control,
|
||||
> tr > th.control {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
&:before {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-top: -10px;
|
||||
margin-left: -10px;
|
||||
@include control;
|
||||
@include control-open;
|
||||
}
|
||||
}
|
||||
|
||||
> tr.parent {
|
||||
td.control:before,
|
||||
th.control:before {
|
||||
@include control-close;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Child row styling
|
||||
> tbody > tr.child {
|
||||
padding: 0.5em 1em;
|
||||
|
||||
&:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
ul.dtr-details {
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
border-bottom: 1px solid #efefef;
|
||||
padding: 0.5em 0;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span.dtr-title {
|
||||
display: inline-block;
|
||||
min-width: 75px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
span.dtr-data {}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
div.dtr-modal {
|
||||
position: fixed;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
z-index: 100;
|
||||
padding: 10em 1em;
|
||||
|
||||
div.dtr-modal-display {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
overflow: auto;
|
||||
margin: auto;
|
||||
z-index: 102;
|
||||
overflow: auto;
|
||||
background-color: #f5f5f7;
|
||||
border: 1px solid black;
|
||||
border-radius: 0.5em;
|
||||
box-shadow: 0 12px 30px rgba(0,0,0,0.6);
|
||||
}
|
||||
|
||||
div.dtr-modal-content {
|
||||
position: relative;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
div.dtr-modal-close {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 1px solid #eaeaea;
|
||||
background-color: #f9f9f9;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
z-index: 12;
|
||||
|
||||
&:hover {
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
}
|
||||
|
||||
div.dtr-modal-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 101;
|
||||
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dtr-modal div.dtr-modal-display {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
|
||||
/*Responsive datatable css*/
|
||||
@@ -0,0 +1,27 @@
|
||||
/*Row reorder css*/
|
||||
$move-outline: 2px solid #888 !default;
|
||||
$moved-outline: 2px solid #555 !default;
|
||||
|
||||
table.dt-rowReorder-float {
|
||||
position: absolute !important;
|
||||
opacity: 0.8;
|
||||
table-layout: fixed;
|
||||
outline: $move-outline;
|
||||
outline-offset: -2px;
|
||||
z-index: 2001;
|
||||
}
|
||||
|
||||
tr.dt-rowReorder-moving {
|
||||
outline: $moved-outline;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
body.dt-rowReorder-noOverflow {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
table.dataTable td.reorder {
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
}
|
||||
/*Row reorder css*/
|
||||
@@ -0,0 +1,38 @@
|
||||
/*scroller css*/
|
||||
|
||||
// Scroller adds the class `DTS` to the DataTabes wrapper div
|
||||
div.DTS {
|
||||
display: block !important;
|
||||
|
||||
tbody th,
|
||||
tbody td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// Show the loading message behind the table
|
||||
div.DTS_Loading {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody {
|
||||
background: repeating-linear-gradient(
|
||||
45deg,
|
||||
#edeeff,
|
||||
#edeeff 10px,
|
||||
white 10px,
|
||||
white 20px
|
||||
);
|
||||
|
||||
table {
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide the paging control as it shouldn't be used with Scroller, but
|
||||
// paging must be enabled
|
||||
div.dataTables_paginate,
|
||||
div.dataTables_length {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*scroller css*/
|
||||
144
public/assets/scss/datatable-extension/_select-datatable.scss
Normal file
144
public/assets/scss/datatable-extension/_select-datatable.scss
Normal file
@@ -0,0 +1,144 @@
|
||||
/*select datatable css*/
|
||||
// Row colour, when selected
|
||||
$table-selected: #B0BED9 !default;
|
||||
|
||||
// Colour to use when shading
|
||||
$table-shade: black !default;
|
||||
|
||||
@function shade( $color, $percent ) {
|
||||
@return mix($table-shade, $color, $percent);
|
||||
}
|
||||
|
||||
|
||||
table.dataTable {
|
||||
// Body styles
|
||||
tbody > tr.selected,
|
||||
tbody > tr > .selected {
|
||||
background-color: $table-selected;
|
||||
}
|
||||
|
||||
|
||||
// Stripe classes - add "stripe" class to the table to activate
|
||||
&.stripe tbody,
|
||||
&.display tbody {
|
||||
> tr.odd.selected,
|
||||
> tr.odd > .selected {
|
||||
background-color: shade($table-selected, 2.35%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Hover classes - add "hover" class to the table to activate
|
||||
&.hover tbody,
|
||||
&.display tbody {
|
||||
> tr.selected:hover,
|
||||
> tr > .selected:hover {
|
||||
background-color: shade($table-selected, 3.6%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Sort column highlighting - add "order-column" class to the table to activate
|
||||
&.order-column tbody,
|
||||
&.display tbody {
|
||||
> tr.selected > .sorting_1,
|
||||
> tr.selected > .sorting_2,
|
||||
> tr.selected > .sorting_3,
|
||||
> tr > .selected {
|
||||
background-color: shade($table-selected, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.stripe tbody {
|
||||
> tr.odd.selected {
|
||||
>.sorting_1 { background-color: shade($table-selected, 5.4%); }
|
||||
>.sorting_2 { background-color: shade($table-selected, 4.7%); }
|
||||
>.sorting_3 { background-color: shade($table-selected, 3.9%); }
|
||||
}
|
||||
|
||||
> tr.even.selected {
|
||||
>.sorting_1 { background-color: shade($table-selected, 2%); }
|
||||
>.sorting_2 { background-color: shade($table-selected, 1.2%); }
|
||||
>.sorting_3 { background-color: shade($table-selected, 0.4%); }
|
||||
}
|
||||
|
||||
> tr.odd > .selected { background-color: shade($table-selected, 5.4%); }
|
||||
> tr.even > .selected { background-color: shade($table-selected, 2%); }
|
||||
}
|
||||
|
||||
&.display tbody,
|
||||
&.order-column.hover tbody {
|
||||
> tr.selected:hover {
|
||||
>.sorting_1 { background-color: shade($table-selected, 8.2%); }
|
||||
>.sorting_2 { background-color: shade($table-selected, 7.5%); }
|
||||
>.sorting_3 { background-color: shade($table-selected, 6.3%); }
|
||||
}
|
||||
|
||||
> tr:hover > .selected,
|
||||
> tr > .selected:hover {
|
||||
background-color: shade($table-selected, 8.2%);
|
||||
}
|
||||
}
|
||||
|
||||
tbody td.select-checkbox,
|
||||
tbody th.select-checkbox {
|
||||
position: relative;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 1.2em; // Should be 50% but IE doesn't like it
|
||||
left: 50%;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: ' ';
|
||||
margin-top: -6px;
|
||||
margin-left: -6px;
|
||||
border: 1px solid black;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
tr.selected {
|
||||
td.select-checkbox,
|
||||
th.select-checkbox {
|
||||
&:after {
|
||||
content: '\2714';
|
||||
|
||||
margin-top: -11px;
|
||||
margin-left: -4px;
|
||||
|
||||
text-align: center;
|
||||
text-shadow:
|
||||
1px 1px #B0BED9,
|
||||
-1px -1px #B0BED9,
|
||||
1px -1px #B0BED9,
|
||||
-1px 1px #B0BED9;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.dataTables_wrapper {
|
||||
span.select-info,
|
||||
span.select-item {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
div.dataTables_wrapper {
|
||||
span.select-info,
|
||||
span.select-item {
|
||||
margin-left: 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*select datatable css*/
|
||||
9
public/assets/scss/datatables.scss
Normal file
9
public/assets/scss/datatables.scss
Normal file
@@ -0,0 +1,9 @@
|
||||
//Jsgrid
|
||||
@import "data-table/dataTables.bootstrap";
|
||||
@import "data-table/dataTables.bootstrap4";
|
||||
@import "data-table/dataTables.foundation";
|
||||
@import "data-table/dataTables.jqueryui";
|
||||
@import "data-table/dataTables.material";
|
||||
@import "data-table/dataTables.semanticui";
|
||||
@import "data-table/dataTables.uikit";
|
||||
@import "data-table/jquery.dataTables";
|
||||
2
public/assets/scss/date-picker.scss
Normal file
2
public/assets/scss/date-picker.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
//Datepicker
|
||||
@import "date-picker/all-in-one";
|
||||
408
public/assets/scss/date-picker/_all-in-one.scss
Normal file
408
public/assets/scss/date-picker/_all-in-one.scss
Normal file
@@ -0,0 +1,408 @@
|
||||
@import "../theme/variables";
|
||||
$datepickerDayCellSize: 32px !default;
|
||||
$datepickerWidth: 250px !default;
|
||||
$datepickerMinBodyHeight: 170px !default;
|
||||
$datepickerBorderRadius: 8px !default;
|
||||
$datepickerPadding: 4px !default;
|
||||
$datepickerZIndex: 100 !default;
|
||||
$datepickerFontSize: 14px !default;
|
||||
$datepickerYearsPerRow: 4 !default;
|
||||
//$light-font :#ab8ce4;
|
||||
$white :#fff;
|
||||
$datepickerTextColor: (
|
||||
button: #5cc4ef,
|
||||
otherMonth: #dedede,
|
||||
otherMonthInRange: #ccc,
|
||||
disabled: #aeaeae,
|
||||
currentDate: #4EB5E6,
|
||||
common: #4a4a4a,
|
||||
dayNames: #FF9A19,
|
||||
navArrows: #9c9c9c
|
||||
) !default;
|
||||
$datepickerBG: (
|
||||
selected: #5cc4ef,
|
||||
selectedHover: darken(#5cc4ef, 5),
|
||||
inRange: rgba(#5cc4ef, .1),
|
||||
hover: #f0f0f0
|
||||
) !default;
|
||||
$datepickerBorderColor: (
|
||||
nav: #efefef,
|
||||
inline: #d7d7d7,
|
||||
default: #dbdbdb
|
||||
) !default;
|
||||
$datepickerNavigationHeight: 32px !default;
|
||||
$datepickerNavigationButtonsOffset: 2px !default;
|
||||
$datepickerPointerSize: 10px !default;
|
||||
$datepickerPointerOffset: 10px !default;
|
||||
// Transitions
|
||||
$datepickerTransitionSpeed: .3s !default;
|
||||
$datepickerTransitionEase: ease !default;
|
||||
$datepickerTransitionOffset: 8px !default;
|
||||
// Objects
|
||||
%otherMonth {
|
||||
color: map_get($datepickerTextColor, otherMonth);
|
||||
&:hover {
|
||||
color: darken(map_get($datepickerTextColor, otherMonth), 10);
|
||||
}
|
||||
&.-disabled- {
|
||||
&.-focus- {
|
||||
color: map_get($datepickerTextColor, otherMonth);
|
||||
}
|
||||
}
|
||||
&.-selected- {
|
||||
color: #fff;
|
||||
background: lighten(map_get($datepickerBG, selected), 15);
|
||||
&.-focus- {
|
||||
background: lighten(map_get($datepickerBG, selected), 10);
|
||||
}
|
||||
}
|
||||
&.-in-range- {
|
||||
background-color: map_get($datepickerBG, inRange);
|
||||
color: darken(map_get($datepickerTextColor, otherMonth), 7);
|
||||
&.-focus- {
|
||||
background-color: rgba(map_get($datepickerBG, inRange), .2);
|
||||
}
|
||||
}
|
||||
&:empty {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
/* -------------------------------------------------
|
||||
Datepicker cells
|
||||
------------------------------------------------- */
|
||||
.datepicker--cells {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.datepicker--cell {
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: $datepickerDayCellSize;
|
||||
z-index: 1;
|
||||
&.-focus- {
|
||||
background: map_get($datepickerBG, hover);
|
||||
}
|
||||
&.-current- {
|
||||
color: map_get($datepickerTextColor, currentDate);
|
||||
border-color: map_get($datepickerTextColor, currentDate);
|
||||
&.-focus- {
|
||||
color: map_get($datepickerTextColor, common);
|
||||
}
|
||||
&.-in-range- {
|
||||
color: map_get($datepickerTextColor, currentDate);
|
||||
}
|
||||
}
|
||||
&.-in-range- {
|
||||
background: map_get($datepickerBG, inRange);
|
||||
color: map_get($datepickerTextColor, common);
|
||||
border-radius: 0;
|
||||
&.-focus- {
|
||||
background-color: rgba(map_get($datepickerBG, inRange), .2);
|
||||
}
|
||||
}
|
||||
&.-disabled- {
|
||||
cursor: default;
|
||||
color: map_get($datepickerTextColor, disabled);
|
||||
&.-focus- {
|
||||
color: map_get($datepickerTextColor, disabled);
|
||||
}
|
||||
&.-in-range- {
|
||||
color: darken(map_get($datepickerTextColor, disabled), 5);
|
||||
}
|
||||
&.-current- {
|
||||
&.-focus- {
|
||||
color: map_get($datepickerTextColor, disabled);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.-range-from- {
|
||||
border: 1px solid rgba(map_get($datepickerBG, selected), .5);
|
||||
background-color: map_get($datepickerBG, inRange);
|
||||
border-radius: $datepickerBorderRadius 0 0 $datepickerBorderRadius;
|
||||
}
|
||||
&.-range-to- {
|
||||
border: 1px solid rgba(map_get($datepickerBG, selected), .5);
|
||||
background-color: map_get($datepickerBG, inRange);
|
||||
border-radius: 0 $datepickerBorderRadius $datepickerBorderRadius 0;
|
||||
}
|
||||
&.-range-from-.-range-to- {
|
||||
border-radius: $datepickerBorderRadius;
|
||||
}
|
||||
&.-selected- {
|
||||
color:$white;
|
||||
border: none;
|
||||
background-color: $primary-color;
|
||||
&.-current- {
|
||||
color:$white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
&.-focus- {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
&:empty {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
// Day names
|
||||
// -------------------------------------------------
|
||||
.datepicker--days-names {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 8px 0 3px;
|
||||
}
|
||||
.datepicker--day-name {
|
||||
color: map_get($datepickerTextColor, dayNames);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: .8em;
|
||||
}
|
||||
// Day cell
|
||||
// -------------------------------------------------
|
||||
.datepicker--cell-day {
|
||||
width: 14.2857142857%;
|
||||
height: 34px;
|
||||
&.-other-month- {
|
||||
@extend %otherMonth;
|
||||
}
|
||||
}
|
||||
// Months
|
||||
// -------------------------------------------------
|
||||
.datepicker--months {}
|
||||
.datepicker--cells-months {
|
||||
height: $datepickerMinBodyHeight;
|
||||
}
|
||||
// Month cell
|
||||
// -------------------------
|
||||
.datepicker--cell-month {
|
||||
width: 33.33%;
|
||||
height: 25%;
|
||||
}
|
||||
// Years
|
||||
// -------------------------------------------------
|
||||
.datepicker--years {
|
||||
height: $datepickerMinBodyHeight;
|
||||
}
|
||||
.datepicker--cells-years {
|
||||
height: $datepickerMinBodyHeight;
|
||||
}
|
||||
// Year cell
|
||||
// -------------------------
|
||||
.datepicker--cell-year {
|
||||
width: calc(100% / $datepickerYearsPerRow);
|
||||
height: 33.33%;
|
||||
&.-other-decade- {
|
||||
@extend %otherMonth;
|
||||
}
|
||||
}
|
||||
/* -------------------------------------------------
|
||||
Datepicker
|
||||
------------------------------------------------- */
|
||||
.datepickers-container {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
@media print {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.datepicker {
|
||||
background-color:$white;
|
||||
// border:1px solid $light-gray;
|
||||
// border: 1px solid map_get($datepickerBorderColor, default);
|
||||
border-radius: $datepickerBorderRadius;
|
||||
box-sizing: content-box;
|
||||
font-size: $datepickerFontSize;
|
||||
color: map_get($datepickerTextColor, common);
|
||||
width: $datepickerWidth;
|
||||
position: absolute;
|
||||
left: -100000px;
|
||||
opacity:0;
|
||||
padding:10px;
|
||||
transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s $datepickerTransitionSpeed;
|
||||
z-index: $datepickerZIndex;
|
||||
box-shadow: 0 4px 14px rgba(174,197,231,.5);
|
||||
&.-from-top- {
|
||||
transform: translateY(-$datepickerTransitionOffset);
|
||||
}
|
||||
&.-from-right- {
|
||||
transform: translateX($datepickerTransitionOffset);
|
||||
}
|
||||
&.-from-bottom- {
|
||||
transform: translateY($datepickerTransitionOffset);
|
||||
}
|
||||
&.-from-left- {
|
||||
transform: translateX(-$datepickerTransitionOffset);
|
||||
}
|
||||
&.active {
|
||||
opacity: 1;
|
||||
transform: translate(0);
|
||||
transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s 0s;
|
||||
}
|
||||
}
|
||||
.datepicker-inline {
|
||||
.datepicker {
|
||||
position:static;
|
||||
left:auto;
|
||||
right:auto;
|
||||
opacity:1;
|
||||
transform:none;
|
||||
border-color:$light-gray;
|
||||
}
|
||||
.datepicker--pointer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.datepicker--content {
|
||||
box-sizing: content-box;
|
||||
padding: $datepickerPadding;
|
||||
.-only-timepicker- & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
// Pointer
|
||||
// -------------------------------------------------
|
||||
$pointerHalfSize: 4;
|
||||
.datepicker--pointer {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
border-top: 1px solid map-get($datepickerBorderColor, default);
|
||||
border-right: 1px solid map-get($datepickerBorderColor, default);
|
||||
width: $datepickerPointerSize;
|
||||
height: $datepickerPointerSize;
|
||||
z-index: -1;
|
||||
// Main axis
|
||||
// -------------------------
|
||||
.-top-left- &, .-top-center- &, .-top-right- & {
|
||||
top: calc(100% - #{$pointerHalfSize});
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
.-right-top- &, .-right-center- &, .-right-bottom- & {
|
||||
right: calc(100% - #{$pointerHalfSize});
|
||||
transform: rotate(225deg);
|
||||
}
|
||||
.-bottom-left- &, .-bottom-center- &, .-bottom-right- & {
|
||||
bottom: calc(100% - #{$pointerHalfSize});
|
||||
transform: rotate(315deg);
|
||||
}
|
||||
.-left-top- &, .-left-center- &, .-left-bottom- & {
|
||||
left: calc(100% - #{$pointerHalfSize});
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
// Secondary axis
|
||||
// -------------------------
|
||||
.-top-left- &, .-bottom-left- & {
|
||||
left: $datepickerPointerOffset;
|
||||
}
|
||||
.-top-right- &, .-bottom-right- & {
|
||||
right: $datepickerPointerOffset;
|
||||
}
|
||||
.-top-center- &, .-bottom-center- & {
|
||||
left: calc(50% - #{$datepickerPointerSize} / 2);
|
||||
}
|
||||
.-left-top- &, .-right-top- & {
|
||||
top: $datepickerPointerOffset;
|
||||
}
|
||||
.-left-bottom- &, .-right-bottom- & {
|
||||
bottom: $datepickerPointerOffset;
|
||||
}
|
||||
.-left-center- &, .-right-center- & {
|
||||
top: calc(50% - #{$datepickerPointerSize} / 2);
|
||||
}
|
||||
}
|
||||
// Body
|
||||
// -------------------------------------------------
|
||||
.datepicker--body {
|
||||
display: none;
|
||||
&.active {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
/* -------------------------------------------------
|
||||
Navigation
|
||||
------------------------------------------------- */
|
||||
.datepicker--nav {
|
||||
color: $primary-color;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
font-weight: 600;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid map_get($datepickerBorderColor, nav);
|
||||
min-height: $datepickerNavigationHeight;
|
||||
padding: $datepickerPadding;
|
||||
.-only-timepicker- & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.datepicker--nav-title,
|
||||
.datepicker--nav-action {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.datepicker--nav-action {
|
||||
width:$datepickerDayCellSize;
|
||||
border-radius: 5px;
|
||||
user-select: none;
|
||||
&.-disabled- {
|
||||
visibility: hidden;
|
||||
}
|
||||
svg {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
path {
|
||||
fill: none;
|
||||
stroke: $white;
|
||||
stroke-width: 2px;
|
||||
}
|
||||
}
|
||||
.datepicker--nav-title {
|
||||
border-radius: $datepickerBorderRadius;
|
||||
padding: 0 8px;
|
||||
i {
|
||||
font-style: normal;
|
||||
color: $primary-color;
|
||||
margin-left: 5px;
|
||||
}
|
||||
&:hover {
|
||||
}
|
||||
&.-disabled- {
|
||||
cursor: default;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
// Buttons
|
||||
// -------------------------------------------------
|
||||
.datepicker--buttons {
|
||||
display: flex;
|
||||
padding: $datepickerPadding;
|
||||
border-top: 1px solid map_get($datepickerBorderColor, nav);
|
||||
}
|
||||
.datepicker--button {
|
||||
color: map_get($datepickerTextColor, currentDate);
|
||||
cursor: pointer;
|
||||
border-radius: $datepickerBorderRadius;
|
||||
flex: 1;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 32px;
|
||||
&:hover {
|
||||
color: map_get($datepickerTextColor, common);
|
||||
background: map_get($datepickerBG, hover);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,342 @@
|
||||
$bs-datetimepicker-timepicker-font-size: 1.2em !default;
|
||||
$bs-datetimepicker-active-bg: $blue !default;
|
||||
$bs-datetimepicker-active-color: $white !default;
|
||||
$bs-datetimepicker-border-radius: $border-radius !default;
|
||||
$bs-datetimepicker-btn-hover-bg: $gray-200 !default;
|
||||
$bs-datetimepicker-disabled-color: $gray-600 !default;
|
||||
$bs-datetimepicker-alternate-color: $gray-600 !default;
|
||||
$bs-datetimepicker-secondary-border-color: #ccc !default;
|
||||
$bs-datetimepicker-secondary-border-color-rgba: rgba(0, 0, 0, 0.2) !default;
|
||||
$bs-datetimepicker-primary-border-color: white !default;
|
||||
$bs-datetimepicker-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !default;
|
||||
|
||||
.bootstrap-datetimepicker-widget {
|
||||
list-style: none;
|
||||
|
||||
&.dropdown-menu {
|
||||
display: block;
|
||||
margin: 2px 0;
|
||||
padding: 4px;
|
||||
width: 14rem;
|
||||
|
||||
&.timepicker-sbs {
|
||||
@media (min-width: map-get($grid-breakpoints, 'sm')) {
|
||||
width: 38em;
|
||||
}
|
||||
|
||||
@media (min-width: map-get($grid-breakpoints, 'md')) {
|
||||
width: 38em;
|
||||
}
|
||||
|
||||
@media (min-width: map-get($grid-breakpoints, 'lg')) {
|
||||
width: 38em;
|
||||
}
|
||||
}
|
||||
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&.bottom {
|
||||
&:before {
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid $bs-datetimepicker-secondary-border-color;
|
||||
border-bottom-color: $bs-datetimepicker-secondary-border-color-rgba;
|
||||
top: -7px;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid $bs-datetimepicker-primary-border-color;
|
||||
top: -6px;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&.top {
|
||||
&:before {
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-top: 7px solid $bs-datetimepicker-secondary-border-color;
|
||||
border-top-color: $bs-datetimepicker-secondary-border-color-rgba;
|
||||
bottom: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 6px solid $bs-datetimepicker-primary-border-color;
|
||||
bottom: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
&.float-end {
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: auto;
|
||||
right: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
&.wider {
|
||||
width: 16rem;
|
||||
}
|
||||
}
|
||||
|
||||
.list-unstyled {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a[data-action] {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
a[data-action]:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.timepicker-hour, .timepicker-minute, .timepicker-second {
|
||||
width: 54px;
|
||||
font-weight: bold;
|
||||
font-size: $bs-datetimepicker-timepicker-font-size;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button[data-action] {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.btn[data-action="incrementHours"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Increment Hours";
|
||||
}
|
||||
|
||||
.btn[data-action="incrementMinutes"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Increment Minutes";
|
||||
}
|
||||
|
||||
.btn[data-action="decrementHours"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Decrement Hours";
|
||||
}
|
||||
|
||||
.btn[data-action="decrementMinutes"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Decrement Minutes";
|
||||
}
|
||||
|
||||
.btn[data-action="showHours"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Show Hours";
|
||||
}
|
||||
|
||||
.btn[data-action="showMinutes"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Show Minutes";
|
||||
}
|
||||
|
||||
.btn[data-action="togglePeriod"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Toggle AM/PM";
|
||||
}
|
||||
|
||||
.btn[data-action="clear"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Clear the picker";
|
||||
}
|
||||
|
||||
.btn[data-action="today"]::after {
|
||||
@extend .sr-only;
|
||||
content: "Set the date to today";
|
||||
}
|
||||
|
||||
.picker-switch {
|
||||
text-align: center;
|
||||
|
||||
&::after {
|
||||
@extend .sr-only;
|
||||
content: "Toggle Date and Time Screens";
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: auto;
|
||||
width: auto;
|
||||
line-height: inherit;
|
||||
|
||||
span {
|
||||
line-height: 2.5;
|
||||
height: 2.5em;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
|
||||
& td,
|
||||
& th {
|
||||
text-align: center;
|
||||
border-radius: $bs-datetimepicker-border-radius;
|
||||
}
|
||||
|
||||
& th {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
width: 20px;
|
||||
|
||||
&.picker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&.disabled:hover {
|
||||
background: none;
|
||||
color: $bs-datetimepicker-disabled-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&.prev::after {
|
||||
@extend .sr-only;
|
||||
content: "Previous Month";
|
||||
}
|
||||
|
||||
&.next::after {
|
||||
@extend .sr-only;
|
||||
content: "Next Month";
|
||||
}
|
||||
}
|
||||
|
||||
& thead tr:first-child th {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: $bs-datetimepicker-btn-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
& td {
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
width: 54px;
|
||||
|
||||
&.cw {
|
||||
font-size: .8em;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
color: $bs-datetimepicker-alternate-color;
|
||||
}
|
||||
|
||||
&.day {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
&.day:hover,
|
||||
&.hour:hover,
|
||||
&.minute:hover,
|
||||
&.second:hover {
|
||||
background: $bs-datetimepicker-btn-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.old,
|
||||
&.new {
|
||||
color: $bs-datetimepicker-alternate-color;
|
||||
}
|
||||
|
||||
&.today {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border: solid transparent;
|
||||
border-width: 0 0 7px 7px;
|
||||
border-bottom-color: $bs-datetimepicker-active-bg;
|
||||
border-top-color: $bs-datetimepicker-secondary-border-color-rgba;
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:hover {
|
||||
background-color: $bs-datetimepicker-active-bg;
|
||||
color: $bs-datetimepicker-active-color;
|
||||
text-shadow: $bs-datetimepicker-text-shadow;
|
||||
}
|
||||
|
||||
&.active.today:before {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&.disabled:hover {
|
||||
background: none;
|
||||
color: $bs-datetimepicker-disabled-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
margin: 2px 1.5px;
|
||||
cursor: pointer;
|
||||
border-radius: $bs-datetimepicker-border-radius;
|
||||
|
||||
&:hover {
|
||||
background: $bs-datetimepicker-btn-hover-bg;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: $bs-datetimepicker-active-bg;
|
||||
color: $bs-datetimepicker-active-color;
|
||||
text-shadow: $bs-datetimepicker-text-shadow;
|
||||
}
|
||||
|
||||
&.old {
|
||||
color: $bs-datetimepicker-alternate-color;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&.disabled:hover {
|
||||
background: none;
|
||||
color: $bs-datetimepicker-disabled-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.usetwentyfour {
|
||||
td.hour {
|
||||
height: 27px;
|
||||
line-height: 27px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-group [data-bs-toggle="datetimepicker"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
2
public/assets/scss/daterange-picker.scss
Normal file
2
public/assets/scss/daterange-picker.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
//Daterange picker
|
||||
@import "daterange-picker/daterangepicker";
|
||||
602
public/assets/scss/daterange-picker/_daterangepicker.scss
Normal file
602
public/assets/scss/daterange-picker/_daterangepicker.scss
Normal file
@@ -0,0 +1,602 @@
|
||||
@import "../theme/variables";
|
||||
// The class name to contain everything within.
|
||||
$prefix-class: daterangepicker;
|
||||
$arrow-size: 7px !default;
|
||||
|
||||
//
|
||||
// Colors
|
||||
$daterangepicker-color: inherit !default;
|
||||
$daterangepicker-bg-color: #fff !default;
|
||||
|
||||
$daterangepicker-cell-color: $daterangepicker-color !default;
|
||||
$daterangepicker-cell-border-color: transparent !default;
|
||||
$daterangepicker-cell-bg-color: $daterangepicker-bg-color !default;
|
||||
|
||||
$daterangepicker-cell-hover-color: $daterangepicker-color !default;
|
||||
$daterangepicker-cell-hover-border-color: $daterangepicker-cell-border-color !default;
|
||||
$daterangepicker-cell-hover-bg-color: #eee !default;
|
||||
|
||||
$daterangepicker-in-range-color: #000 !default;
|
||||
$daterangepicker-in-range-border-color: transparent !default;
|
||||
$daterangepicker-in-range-bg-color: #ebf4f8 !default;
|
||||
|
||||
$daterangepicker-active-color: #fff !default;
|
||||
$daterangepicker-active-bg-color: #357ebd !default;
|
||||
$daterangepicker-active-border-color: transparent !default;
|
||||
|
||||
$daterangepicker-unselected-color: #999 !default;
|
||||
$daterangepicker-unselected-border-color: transparent !default;
|
||||
$daterangepicker-unselected-bg-color: #fff !default;
|
||||
|
||||
//
|
||||
// daterangepicker
|
||||
$daterangepicker-width: 278px !default;
|
||||
$daterangepicker-padding: 4px !default;
|
||||
$daterangepicker-z-index: 3000 !default;
|
||||
|
||||
$daterangepicker-border-size: 1px !default;
|
||||
$daterangepicker-border-color: #ccc !default;
|
||||
$daterangepicker-border-radius: 5px !default;
|
||||
|
||||
|
||||
//
|
||||
// Calendar
|
||||
$daterangepicker-calendar-margin: $daterangepicker-padding !default;
|
||||
$daterangepicker-calendar-bg-color: $daterangepicker-bg-color !default;
|
||||
|
||||
$daterangepicker-calendar-border-size: 1px !default;
|
||||
$daterangepicker-calendar-border-color: $daterangepicker-bg-color !default;
|
||||
$daterangepicker-calendar-border-radius: $daterangepicker-border-radius !default;
|
||||
|
||||
//
|
||||
// Calendar Cells
|
||||
$daterangepicker-cell-size: 20px !default;
|
||||
$daterangepicker-cell-width: $daterangepicker-cell-size !default;
|
||||
$daterangepicker-cell-height: $daterangepicker-cell-size !default;
|
||||
|
||||
$daterangepicker-cell-border-radius: $daterangepicker-calendar-border-radius !default;
|
||||
$daterangepicker-cell-border-size: 1px !default;
|
||||
|
||||
//
|
||||
// Dropdowns
|
||||
$daterangepicker-dropdown-z-index: $daterangepicker-z-index + 1 !default;
|
||||
|
||||
//
|
||||
// Controls
|
||||
$daterangepicker-control-height: 30px !default;
|
||||
$daterangepicker-control-line-height: $daterangepicker-control-height !default;
|
||||
$daterangepicker-control-color: #555 !default;
|
||||
|
||||
$daterangepicker-control-border-size: 1px !default;
|
||||
$daterangepicker-control-border-color: #ccc !default;
|
||||
$daterangepicker-control-border-radius: 4px !default;
|
||||
|
||||
$daterangepicker-control-active-border-size: 1px !default;
|
||||
$daterangepicker-control-active-border-color: #08c !default;
|
||||
$daterangepicker-control-active-border-radius: $daterangepicker-control-border-radius !default;
|
||||
|
||||
$daterangepicker-control-disabled-color: #ccc !default;
|
||||
|
||||
//
|
||||
// Ranges
|
||||
$daterangepicker-ranges-color: #08c !default;
|
||||
$daterangepicker-ranges-bg-color: #f5f5f5 !default;
|
||||
|
||||
$daterangepicker-ranges-border-size: 1px !default;
|
||||
$daterangepicker-ranges-border-color: $daterangepicker-ranges-bg-color !default;
|
||||
$daterangepicker-ranges-border-radius: $daterangepicker-border-radius !default;
|
||||
|
||||
$daterangepicker-ranges-hover-color: #fff !default;
|
||||
$daterangepicker-ranges-hover-bg-color: $daterangepicker-ranges-color !default;
|
||||
$daterangepicker-ranges-hover-border-size: $daterangepicker-ranges-border-size !default;
|
||||
$daterangepicker-ranges-hover-border-color: $daterangepicker-ranges-hover-bg-color !default;
|
||||
$daterangepicker-ranges-hover-border-radius: $daterangepicker-border-radius !default;
|
||||
|
||||
$daterangepicker-ranges-active-border-size: $daterangepicker-ranges-border-size !default;
|
||||
$daterangepicker-ranges-active-border-color: $daterangepicker-ranges-bg-color !default;
|
||||
$daterangepicker-ranges-active-border-radius: $daterangepicker-border-radius !default;
|
||||
|
||||
//
|
||||
// STYLESHEETS
|
||||
//
|
||||
.#{$prefix-class} {
|
||||
position: absolute;
|
||||
color: $daterangepicker-color;
|
||||
background-color: $daterangepicker-bg-color;
|
||||
border-radius: $daterangepicker-border-radius;
|
||||
width: $daterangepicker-width;
|
||||
padding: $daterangepicker-padding;
|
||||
margin-top: $daterangepicker-border-size;
|
||||
font-family: $font-rubik, $font-serif;
|
||||
// TODO: Should these be parameterized??
|
||||
top: 100px;
|
||||
left: 20px;
|
||||
box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5);
|
||||
$arrow-prefix-size: $arrow-size;
|
||||
$arrow-suffix-size: ($arrow-size - $daterangepicker-border-size);
|
||||
border: none;
|
||||
&:before, &:after {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
content: '';
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -$arrow-prefix-size;
|
||||
|
||||
border-right: $arrow-prefix-size solid transparent;
|
||||
border-left: $arrow-prefix-size solid transparent;
|
||||
border-bottom: $arrow-prefix-size solid $primary-color;
|
||||
}
|
||||
|
||||
&:after {
|
||||
top: -$arrow-suffix-size;
|
||||
|
||||
border-right: $arrow-suffix-size solid transparent;
|
||||
border-bottom: $arrow-suffix-size solid $daterangepicker-bg-color;
|
||||
border-left: $arrow-suffix-size solid transparent;
|
||||
}
|
||||
|
||||
&.opensleft {
|
||||
&:before {
|
||||
// TODO: Make this relative to prefix size.
|
||||
right: $arrow-prefix-size + 2px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
// TODO: Make this relative to suffix size.
|
||||
right: $arrow-suffix-size + 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&.openscenter {
|
||||
&:before {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.opensright {
|
||||
&:before {
|
||||
// TODO: Make this relative to prefix size.
|
||||
left: $arrow-prefix-size + 2px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
// TODO: Make this relative to suffix size.
|
||||
left: $arrow-suffix-size + 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&.dropup {
|
||||
margin-top: -5px;
|
||||
|
||||
// NOTE: Note sure why these are special-cased.
|
||||
&:before {
|
||||
top: initial;
|
||||
bottom: -$arrow-prefix-size;
|
||||
border-bottom: initial;
|
||||
border-top: $arrow-prefix-size solid $daterangepicker-border-color;
|
||||
}
|
||||
|
||||
&:after {
|
||||
top: initial;
|
||||
bottom:-$arrow-suffix-size;
|
||||
border-bottom: initial;
|
||||
border-top: $arrow-suffix-size solid $daterangepicker-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.dropdown-menu {
|
||||
max-width: none;
|
||||
z-index: $daterangepicker-dropdown-z-index;
|
||||
}
|
||||
|
||||
&.single {
|
||||
.ranges, .calendar {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Calendars */
|
||||
&.show-calendar {
|
||||
.calendar {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar {
|
||||
display: none;
|
||||
max-width: $daterangepicker-width - ($daterangepicker-calendar-margin * 2);
|
||||
margin: $daterangepicker-calendar-margin;
|
||||
|
||||
&.single {
|
||||
.calendar-table {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
th, td {
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
|
||||
// TODO: Should this actually be hard-coded?
|
||||
min-width: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-table {
|
||||
border: $daterangepicker-calendar-border-size solid $daterangepicker-calendar-border-color;
|
||||
padding: $daterangepicker-calendar-margin;
|
||||
border-radius: $daterangepicker-calendar-border-radius;
|
||||
background-color: $daterangepicker-calendar-bg-color;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
td, th {
|
||||
text-align: center;
|
||||
width: $daterangepicker-cell-width;
|
||||
height: $daterangepicker-cell-height;
|
||||
border-radius: $daterangepicker-cell-border-radius;
|
||||
border: $daterangepicker-cell-border-size solid $daterangepicker-cell-border-color;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
|
||||
&.available {
|
||||
&:hover {
|
||||
//background-color: $daterangepicker-cell-hover-bg-color;
|
||||
border-color: $daterangepicker-cell-hover-border-color;
|
||||
//color: $daterangepicker-cell-hover-color;
|
||||
background-color:$primary-color;
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
|
||||
&.week {
|
||||
font-size: 80%;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
&.off {
|
||||
&, &.in-range, &.start-date, &.end-date {
|
||||
background-color: $daterangepicker-unselected-bg-color;
|
||||
border-color: $daterangepicker-unselected-border-color;
|
||||
color: $daterangepicker-unselected-color;
|
||||
}
|
||||
&.active{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Date Range
|
||||
&.in-range {
|
||||
background-color: $daterangepicker-in-range-bg-color;
|
||||
border-color: $daterangepicker-in-range-border-color;
|
||||
color: $daterangepicker-in-range-color;
|
||||
|
||||
// TODO: Should this be static or should it be parameterized?
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&.start-date {
|
||||
border-radius: $daterangepicker-cell-border-radius;
|
||||
}
|
||||
|
||||
&.end-date {
|
||||
border-radius: $daterangepicker-cell-border-radius ;
|
||||
}
|
||||
|
||||
&.start-date.end-date {
|
||||
border-radius: $daterangepicker-cell-border-radius;
|
||||
}
|
||||
|
||||
&.active {
|
||||
&, &:hover {
|
||||
background-color: $daterangepicker-active-bg-color;
|
||||
border-color: $daterangepicker-active-border-color;
|
||||
color: $daterangepicker-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
&.month {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Disabled Controls
|
||||
//
|
||||
td, option {
|
||||
&.disabled {
|
||||
color: #999;
|
||||
cursor: not-allowed;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
&.monthselect, &.yearselect {
|
||||
font-size: 12px;
|
||||
padding: 1px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&.monthselect {
|
||||
margin-right: 2%;
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
&.yearselect {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
&.hourselect, &.minuteselect, &.secondselect, &.ampmselect {
|
||||
width: 50px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Text Input Controls (above calendar)
|
||||
//
|
||||
.input-mini {
|
||||
border: $daterangepicker-control-border-size solid $daterangepicker-control-border-color;
|
||||
border-radius: $daterangepicker-control-border-radius;
|
||||
color: $daterangepicker-control-color;
|
||||
height: $daterangepicker-control-line-height;
|
||||
line-height: $daterangepicker-control-height;
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
|
||||
// TODO: Should these all be static, too??
|
||||
margin: 0 0 5px 0;
|
||||
padding: 0 6px 0 28px;
|
||||
width: 100%;
|
||||
|
||||
&.active {
|
||||
border: 1px solid $primary-color;
|
||||
border-radius: $daterangepicker-control-active-border-radius;
|
||||
}
|
||||
}
|
||||
|
||||
.daterangepicker_input {
|
||||
position: relative;
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
|
||||
// NOTE: These appear to be eyeballed to me...
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
}
|
||||
}
|
||||
&.rtl {
|
||||
.input-mini {
|
||||
padding-right: 28px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
.daterangepicker_input i {
|
||||
left: auto;
|
||||
right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Time Picker
|
||||
//
|
||||
.calendar-time {
|
||||
text-align: center;
|
||||
margin: 5px auto;
|
||||
line-height: $daterangepicker-control-line-height;
|
||||
position: relative;
|
||||
padding-left: 28px;
|
||||
|
||||
select {
|
||||
&.disabled {
|
||||
color: $daterangepicker-control-disabled-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Predefined Ranges
|
||||
//
|
||||
|
||||
.ranges {
|
||||
font-size: 11px;
|
||||
float: none;
|
||||
margin: 4px;
|
||||
text-align: left;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 14px;
|
||||
background-color: rgba(246, 246, 246, 0.6);
|
||||
border: 1px solid rgba(246, 246, 246, 0.6);
|
||||
border-radius: $daterangepicker-ranges-border-radius;
|
||||
color: $daterangepicker-ranges-color;
|
||||
padding: 3px 12px;
|
||||
margin-bottom: 8px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: $daterangepicker-ranges-hover-bg-color;
|
||||
border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
|
||||
color: $daterangepicker-ranges-hover-color;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: $daterangepicker-ranges-hover-bg-color;
|
||||
border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
|
||||
color: $daterangepicker-ranges-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Larger Screen Styling */
|
||||
@media (min-width: 564px) {
|
||||
.#{$prefix-class} {
|
||||
width: auto;
|
||||
|
||||
.ranges {
|
||||
ul {
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
&.single {
|
||||
.ranges {
|
||||
ul {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar.left {
|
||||
clear: none;
|
||||
}
|
||||
|
||||
&.ltr {
|
||||
.ranges, .calendar {
|
||||
float:left;
|
||||
}
|
||||
}
|
||||
&.rtl {
|
||||
.ranges, .calendar {
|
||||
float:right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.ltr {
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
.calendar{
|
||||
&.left {
|
||||
clear: left;
|
||||
margin-right: 0;
|
||||
|
||||
.calendar-table {
|
||||
border-right: none;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.right {
|
||||
margin-left: 0;
|
||||
|
||||
.calendar-table {
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.left .daterangepicker_input {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.calendar.left .calendar-table {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.ranges, .calendar {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
&.rtl {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
.calendar{
|
||||
&.left {
|
||||
clear: right;
|
||||
margin-left: 0;
|
||||
|
||||
.calendar-table {
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.right {
|
||||
margin-right: 0;
|
||||
|
||||
.calendar-table {
|
||||
border-right: none;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.left .daterangepicker_input {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.calendar.left .calendar-table {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.ranges, .calendar {
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 730px) {
|
||||
.#{$prefix-class} {
|
||||
.ranges {
|
||||
width: auto;
|
||||
}
|
||||
&.ltr {
|
||||
.ranges {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
&.rtl {
|
||||
.ranges {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.calendar.left {
|
||||
clear: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
90
public/assets/scss/dropzone.scss
Normal file
90
public/assets/scss/dropzone.scss
Normal file
@@ -0,0 +1,90 @@
|
||||
@import "theme/variables";
|
||||
@import "dropzone/dropzone";
|
||||
/*
|
||||
* The MIT License
|
||||
* Copyright (c) 2012 Matias Meno <m@tias.me>
|
||||
*/
|
||||
|
||||
.dropzone {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding: 50px;
|
||||
border: 2px dashed $primary-color;
|
||||
border-radius: 15px;
|
||||
border-image: none;
|
||||
background: rgba($primary-color,0.05);
|
||||
box-sizing: border-box;
|
||||
min-height: 150px;
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
i {
|
||||
font-size: 50px;
|
||||
color: $primary-color;
|
||||
}
|
||||
position: relative;
|
||||
.dz-message {
|
||||
text-align: center;
|
||||
margin: 25px 0;
|
||||
}
|
||||
.dz-preview {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0.5em;
|
||||
padding: 0;
|
||||
border:none;
|
||||
background-color: #eeeeee;
|
||||
width:120px;
|
||||
height: 120px;
|
||||
box-shadow: 0px 0px 3px $primary-color;
|
||||
.dz-progress {
|
||||
display: block;
|
||||
height: 10px;
|
||||
border: 1px solid $success-color;
|
||||
left:12px;
|
||||
right:12px;
|
||||
.dz-upload {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 0;
|
||||
background: $success-color;
|
||||
}
|
||||
}
|
||||
.dz-error-message {
|
||||
color: red;
|
||||
display: none;
|
||||
top:131px;
|
||||
left:-12px;
|
||||
pointer-events: none;
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 64px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #be2626;
|
||||
}
|
||||
}
|
||||
&.dz-error {
|
||||
.dz-error-message, .dz-error-mark {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.dz-success .dz-success-mark {
|
||||
display: block;
|
||||
}
|
||||
.dz-error-mark, .dz-success-mark {
|
||||
position: absolute;
|
||||
display: none;
|
||||
left: 30px;
|
||||
top: 30px;
|
||||
width: 54px;
|
||||
height: 58px;
|
||||
left: 50%;
|
||||
margin-left: -27px;
|
||||
}
|
||||
}
|
||||
}
|
||||
568
public/assets/scss/dropzone/_dropzone.scss
Normal file
568
public/assets/scss/dropzone/_dropzone.scss
Normal file
@@ -0,0 +1,568 @@
|
||||
/* The MIT License */
|
||||
@-moz-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-o-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
.dropzone {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
border: 1px solid rgba(0,0,0,0.08);
|
||||
background: rgba(0,0,0,0.02);
|
||||
padding: 1em;
|
||||
min-height: 360px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.dz-message {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-preview {
|
||||
background: rgba(255,255,255,0.8);
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 17px;
|
||||
vertical-align: top;
|
||||
border: 1px solid #acacac;
|
||||
padding: 6px 6px 6px 6px;
|
||||
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
font-size: 14px;
|
||||
.dz-details {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
background-color: #eeeeee;
|
||||
width: 50%;
|
||||
left: 32px;
|
||||
text-align: center;
|
||||
.dz-filename {
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-success-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #8cc657;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -163px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-error-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #ee162d;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -123px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-progress {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 6px;
|
||||
right: 6px;
|
||||
height: 6px;
|
||||
background: $success-color;
|
||||
display: none;
|
||||
.dz-upload {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
background-color: #8cc657;
|
||||
-webkit-animation: loading 0.4s linear infinite;
|
||||
-moz-animation: loading 0.4s linear infinite;
|
||||
-o-animation: loading 0.4s linear infinite;
|
||||
-ms-animation: loading 0.4s linear infinite;
|
||||
animation: loading 0.4s linear infinite;
|
||||
-webkit-transition: width 0.3s ease-in-out;
|
||||
-moz-transition: width 0.3s ease-in-out;
|
||||
-o-transition: width 0.3s ease-in-out;
|
||||
-ms-transition: width 0.3s ease-in-out;
|
||||
transition: width 0.3s ease-in-out;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -400px;
|
||||
}
|
||||
}
|
||||
.dz-error-message {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -20px;
|
||||
background: rgba(245,245,245,0.8);
|
||||
padding: 8px 10px;
|
||||
color: #800;
|
||||
min-width: 140px;
|
||||
max-width: 500px;
|
||||
z-index: 500;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
}
|
||||
&:hover.dz-error {
|
||||
.dz-error-message {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-file-preview {
|
||||
[data-dz-thumbnail] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-error {
|
||||
.dz-error-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
.dz-upload {
|
||||
background: $success-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-success {
|
||||
.dz-success-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-processing {
|
||||
.dz-progress {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.dz-default.dz-message {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
position: absolute;
|
||||
width: 428px;
|
||||
height: 123px;
|
||||
margin-left: -214px;
|
||||
margin-top: -61.5px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-image-preview {
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: block;
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=10);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropzone-previews {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.dz-preview {
|
||||
background: rgba(255,255,255,0.8);
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 17px;
|
||||
vertical-align: top;
|
||||
border: 1px solid #acacac;
|
||||
padding: 6px 6px 6px 6px;
|
||||
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
font-size: 14px;
|
||||
.dz-details {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
background: #ebebeb;
|
||||
padding: 5px;
|
||||
margin-bottom: 22px;
|
||||
.dz-filename {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.dz-size {
|
||||
position: absolute;
|
||||
bottom: -28px;
|
||||
left: 3px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-success-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #8cc657;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -163px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-error-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #ee162d;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -123px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-progress {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 6px;
|
||||
right: 6px;
|
||||
height: 6px;
|
||||
background: $success-color;
|
||||
display: none;
|
||||
.dz-upload {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
background-color: #8cc657;
|
||||
-webkit-animation: loading 0.4s linear infinite;
|
||||
-moz-animation: loading 0.4s linear infinite;
|
||||
-o-animation: loading 0.4s linear infinite;
|
||||
-ms-animation: loading 0.4s linear infinite;
|
||||
animation: loading 0.4s linear infinite;
|
||||
-webkit-transition: width 0.3s ease-in-out;
|
||||
-moz-transition: width 0.3s ease-in-out;
|
||||
-o-transition: width 0.3s ease-in-out;
|
||||
-ms-transition: width 0.3s ease-in-out;
|
||||
transition: width 0.3s ease-in-out;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -400px;
|
||||
}
|
||||
}
|
||||
.dz-error-message {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -20px;
|
||||
background: rgba(245,245,245,0.8);
|
||||
padding: 8px 10px;
|
||||
color: #800;
|
||||
min-width: 140px;
|
||||
max-width: 500px;
|
||||
z-index: 500;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
}
|
||||
&:hover.dz-error {
|
||||
.dz-error-message {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-file-preview {
|
||||
[data-dz-thumbnail] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-error {
|
||||
.dz-error-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
.dz-upload {
|
||||
background: #ee1e2d;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-success {
|
||||
.dz-success-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-processing {
|
||||
.dz-progress {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-image-preview {
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: block;
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=10);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropzone{
|
||||
&.dz-clickable {
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
.dz-message {
|
||||
cursor: pointer;
|
||||
* {
|
||||
cursor: default;
|
||||
}
|
||||
.dz-message {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
* {
|
||||
cursor: default;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropzone.dz-drag-hover {
|
||||
border-color: rgba(0,0,0,0.15);
|
||||
background: rgba(0,0,0,0.04);
|
||||
.dz-message {
|
||||
opacity: 0.15;
|
||||
filter: alpha(opacity=15);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
|
||||
}
|
||||
}
|
||||
.dropzone.dz-started {
|
||||
.dz-message {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
}
|
||||
.dropzone.dz-square {
|
||||
.dz-default.dz-message {
|
||||
background-position: 0 -123px;
|
||||
width: 268px;
|
||||
margin-left: -134px;
|
||||
height: 174px;
|
||||
margin-top: -87px;
|
||||
}
|
||||
}
|
||||
2
public/assets/scss/feather-icon.scss
Normal file
2
public/assets/scss/feather-icon.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
// General theme contents
|
||||
@import "feather-icon/feather-icon";
|
||||
188
public/assets/scss/feather-icon/_feather-icon.scss
Normal file
188
public/assets/scss/feather-icon/_feather-icon.scss
Normal file
@@ -0,0 +1,188 @@
|
||||
button,hr,input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
audio,canvas,progress,video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
progress,sub,sup {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
menu,article,aside,details,footer,header,nav,section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: .67em 0;
|
||||
}
|
||||
|
||||
figcaption,figure,main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
code,kbd,pre,samp {
|
||||
font-family: monospace,monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
a:active,a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
b,strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
button,input,optgroup,select,textarea {
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button,input {
|
||||
}
|
||||
|
||||
button,select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[type=submit], [type=reset],button,html [type=button] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
|
||||
outline: ButtonText dotted 1px;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 1px solid silver;
|
||||
margin: 0 2px;
|
||||
padding: .35em .625em .75em;
|
||||
}
|
||||
|
||||
legend {
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
[type=checkbox],[type=radio] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
[hidden],template {
|
||||
display: none;
|
||||
}
|
||||
4
public/assets/scss/flag-icon.scss
Normal file
4
public/assets/scss/flag-icon.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
// General theme contents
|
||||
@import "flag-icon/flag-icon-base";
|
||||
@import "flag-icon/flag-icon-more";
|
||||
@import "flag-icon/flag-icon-list";
|
||||
28
public/assets/scss/flag-icon/_flag-icon-base.scss
Normal file
28
public/assets/scss/flag-icon/_flag-icon-base.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
.flag-icon-background {
|
||||
background-size: contain;
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.flag-icon {
|
||||
@extend .flag-icon-background;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: calc((4 / 3) * 1em);
|
||||
line-height: 1em;
|
||||
&:before {
|
||||
content: '\00a0';
|
||||
}
|
||||
&.flag-icon-squared {
|
||||
width: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin flag-icon($country) {
|
||||
.flag-icon-#{$country} {
|
||||
background-image: url(../fonts/flag-icon/#{$country}.svg);
|
||||
&.flag-icon-squared {
|
||||
background-image: url(../fonts/flag-icon/#{$country}.svg);
|
||||
}
|
||||
}
|
||||
}
|
||||
249
public/assets/scss/flag-icon/_flag-icon-list.scss
Normal file
249
public/assets/scss/flag-icon/_flag-icon-list.scss
Normal file
@@ -0,0 +1,249 @@
|
||||
@include flag-icon(ad);
|
||||
@include flag-icon(ae);
|
||||
@include flag-icon(af);
|
||||
@include flag-icon(ag);
|
||||
@include flag-icon(ai);
|
||||
@include flag-icon(al);
|
||||
@include flag-icon(am);
|
||||
@include flag-icon(ao);
|
||||
@include flag-icon(aq);
|
||||
@include flag-icon(ar);
|
||||
@include flag-icon(as);
|
||||
@include flag-icon(at);
|
||||
@include flag-icon(au);
|
||||
@include flag-icon(aw);
|
||||
@include flag-icon(ax);
|
||||
@include flag-icon(az);
|
||||
@include flag-icon(ba);
|
||||
@include flag-icon(bb);
|
||||
@include flag-icon(bd);
|
||||
@include flag-icon(be);
|
||||
@include flag-icon(bf);
|
||||
@include flag-icon(bg);
|
||||
@include flag-icon(bh);
|
||||
@include flag-icon(bi);
|
||||
@include flag-icon(bj);
|
||||
@include flag-icon(bl);
|
||||
@include flag-icon(bm);
|
||||
@include flag-icon(bn);
|
||||
@include flag-icon(bo);
|
||||
@include flag-icon(bq);
|
||||
@include flag-icon(br);
|
||||
@include flag-icon(bs);
|
||||
@include flag-icon(bt);
|
||||
@include flag-icon(bv);
|
||||
@include flag-icon(bw);
|
||||
@include flag-icon(by);
|
||||
@include flag-icon(bz);
|
||||
@include flag-icon(ca);
|
||||
@include flag-icon(cc);
|
||||
@include flag-icon(cd);
|
||||
@include flag-icon(cf);
|
||||
@include flag-icon(cg);
|
||||
@include flag-icon(ch);
|
||||
@include flag-icon(ci);
|
||||
@include flag-icon(ck);
|
||||
@include flag-icon(cl);
|
||||
@include flag-icon(cm);
|
||||
@include flag-icon(cn);
|
||||
@include flag-icon(co);
|
||||
@include flag-icon(cr);
|
||||
@include flag-icon(cu);
|
||||
@include flag-icon(cv);
|
||||
@include flag-icon(cw);
|
||||
@include flag-icon(cx);
|
||||
@include flag-icon(cy);
|
||||
@include flag-icon(cz);
|
||||
@include flag-icon(de);
|
||||
@include flag-icon(dj);
|
||||
@include flag-icon(dk);
|
||||
@include flag-icon(dm);
|
||||
@include flag-icon(do);
|
||||
@include flag-icon(dz);
|
||||
@include flag-icon(ec);
|
||||
@include flag-icon(ee);
|
||||
@include flag-icon(eg);
|
||||
@include flag-icon(eh);
|
||||
@include flag-icon(er);
|
||||
@include flag-icon(es);
|
||||
@include flag-icon(et);
|
||||
@include flag-icon(fi);
|
||||
@include flag-icon(fj);
|
||||
@include flag-icon(fk);
|
||||
@include flag-icon(fm);
|
||||
@include flag-icon(fo);
|
||||
@include flag-icon(fr);
|
||||
@include flag-icon(ga);
|
||||
@include flag-icon(gb);
|
||||
@include flag-icon(gd);
|
||||
@include flag-icon(ge);
|
||||
@include flag-icon(gf);
|
||||
@include flag-icon(gg);
|
||||
@include flag-icon(gh);
|
||||
@include flag-icon(gi);
|
||||
@include flag-icon(gl);
|
||||
@include flag-icon(gm);
|
||||
@include flag-icon(gn);
|
||||
@include flag-icon(gp);
|
||||
@include flag-icon(gq);
|
||||
@include flag-icon(gr);
|
||||
@include flag-icon(gs);
|
||||
@include flag-icon(gt);
|
||||
@include flag-icon(gu);
|
||||
@include flag-icon(gw);
|
||||
@include flag-icon(gy);
|
||||
@include flag-icon(hk);
|
||||
@include flag-icon(hm);
|
||||
@include flag-icon(hn);
|
||||
@include flag-icon(hr);
|
||||
@include flag-icon(ht);
|
||||
@include flag-icon(hu);
|
||||
@include flag-icon(id);
|
||||
@include flag-icon(ie);
|
||||
@include flag-icon(il);
|
||||
@include flag-icon(im);
|
||||
@include flag-icon(in);
|
||||
@include flag-icon(io);
|
||||
@include flag-icon(iq);
|
||||
@include flag-icon(ir);
|
||||
@include flag-icon(is);
|
||||
@include flag-icon(it);
|
||||
@include flag-icon(je);
|
||||
@include flag-icon(jm);
|
||||
@include flag-icon(jo);
|
||||
@include flag-icon(jp);
|
||||
@include flag-icon(ke);
|
||||
@include flag-icon(kg);
|
||||
@include flag-icon(kh);
|
||||
@include flag-icon(ki);
|
||||
@include flag-icon(km);
|
||||
@include flag-icon(kn);
|
||||
@include flag-icon(kp);
|
||||
@include flag-icon(kr);
|
||||
@include flag-icon(kw);
|
||||
@include flag-icon(ky);
|
||||
@include flag-icon(kz);
|
||||
@include flag-icon(la);
|
||||
@include flag-icon(lb);
|
||||
@include flag-icon(lc);
|
||||
@include flag-icon(li);
|
||||
@include flag-icon(lk);
|
||||
@include flag-icon(lr);
|
||||
@include flag-icon(ls);
|
||||
@include flag-icon(lt);
|
||||
@include flag-icon(lu);
|
||||
@include flag-icon(lv);
|
||||
@include flag-icon(ly);
|
||||
@include flag-icon(ma);
|
||||
@include flag-icon(mc);
|
||||
@include flag-icon(md);
|
||||
@include flag-icon(me);
|
||||
@include flag-icon(mf);
|
||||
@include flag-icon(mg);
|
||||
@include flag-icon(mh);
|
||||
@include flag-icon(mk);
|
||||
@include flag-icon(ml);
|
||||
@include flag-icon(mm);
|
||||
@include flag-icon(mn);
|
||||
@include flag-icon(mo);
|
||||
@include flag-icon(mp);
|
||||
@include flag-icon(mq);
|
||||
@include flag-icon(mr);
|
||||
@include flag-icon(ms);
|
||||
@include flag-icon(mt);
|
||||
@include flag-icon(mu);
|
||||
@include flag-icon(mv);
|
||||
@include flag-icon(mw);
|
||||
@include flag-icon(mx);
|
||||
@include flag-icon(my);
|
||||
@include flag-icon(mz);
|
||||
@include flag-icon(na);
|
||||
@include flag-icon(nc);
|
||||
@include flag-icon(ne);
|
||||
@include flag-icon(nf);
|
||||
@include flag-icon(ng);
|
||||
@include flag-icon(ni);
|
||||
@include flag-icon(nl);
|
||||
@include flag-icon(no);
|
||||
@include flag-icon(np);
|
||||
@include flag-icon(nr);
|
||||
@include flag-icon(nu);
|
||||
@include flag-icon(nz);
|
||||
@include flag-icon(om);
|
||||
@include flag-icon(pa);
|
||||
@include flag-icon(pe);
|
||||
@include flag-icon(pf);
|
||||
@include flag-icon(pg);
|
||||
@include flag-icon(ph);
|
||||
@include flag-icon(pk);
|
||||
@include flag-icon(pl);
|
||||
@include flag-icon(pm);
|
||||
@include flag-icon(pn);
|
||||
@include flag-icon(pr);
|
||||
@include flag-icon(ps);
|
||||
@include flag-icon(pt);
|
||||
@include flag-icon(pw);
|
||||
@include flag-icon(py);
|
||||
@include flag-icon(qa);
|
||||
@include flag-icon(re);
|
||||
@include flag-icon(ro);
|
||||
@include flag-icon(rs);
|
||||
@include flag-icon(ru);
|
||||
@include flag-icon(rw);
|
||||
@include flag-icon(sa);
|
||||
@include flag-icon(sb);
|
||||
@include flag-icon(sc);
|
||||
@include flag-icon(sd);
|
||||
@include flag-icon(se);
|
||||
@include flag-icon(sg);
|
||||
@include flag-icon(sh);
|
||||
@include flag-icon(si);
|
||||
@include flag-icon(sj);
|
||||
@include flag-icon(sk);
|
||||
@include flag-icon(sl);
|
||||
@include flag-icon(sm);
|
||||
@include flag-icon(sn);
|
||||
@include flag-icon(so);
|
||||
@include flag-icon(sr);
|
||||
@include flag-icon(ss);
|
||||
@include flag-icon(st);
|
||||
@include flag-icon(sv);
|
||||
@include flag-icon(sx);
|
||||
@include flag-icon(sy);
|
||||
@include flag-icon(sz);
|
||||
@include flag-icon(tc);
|
||||
@include flag-icon(td);
|
||||
@include flag-icon(tf);
|
||||
@include flag-icon(tg);
|
||||
@include flag-icon(th);
|
||||
@include flag-icon(tj);
|
||||
@include flag-icon(tk);
|
||||
@include flag-icon(tl);
|
||||
@include flag-icon(tm);
|
||||
@include flag-icon(tn);
|
||||
@include flag-icon(to);
|
||||
@include flag-icon(tr);
|
||||
@include flag-icon(tt);
|
||||
@include flag-icon(tv);
|
||||
@include flag-icon(tw);
|
||||
@include flag-icon(tz);
|
||||
@include flag-icon(ua);
|
||||
@include flag-icon(ug);
|
||||
@include flag-icon(um);
|
||||
@include flag-icon(us);
|
||||
@include flag-icon(uy);
|
||||
@include flag-icon(uz);
|
||||
@include flag-icon(va);
|
||||
@include flag-icon(vc);
|
||||
@include flag-icon(ve);
|
||||
@include flag-icon(vg);
|
||||
@include flag-icon(vi);
|
||||
@include flag-icon(vn);
|
||||
@include flag-icon(vu);
|
||||
@include flag-icon(wf);
|
||||
@include flag-icon(ws);
|
||||
@include flag-icon(ye);
|
||||
@include flag-icon(yt);
|
||||
@include flag-icon(za);
|
||||
@include flag-icon(zm);
|
||||
@include flag-icon(zw);
|
||||
7
public/assets/scss/flag-icon/_flag-icon-more.scss
Normal file
7
public/assets/scss/flag-icon/_flag-icon-more.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
@include flag-icon(es-ct);
|
||||
@include flag-icon(eu);
|
||||
@include flag-icon(gb-eng);
|
||||
@include flag-icon(gb-nir);
|
||||
@include flag-icon(gb-sct);
|
||||
@include flag-icon(gb-wls);
|
||||
@include flag-icon(un);
|
||||
34
public/assets/scss/font-awesome/_animated.scss
vendored
Normal file
34
public/assets/scss/font-awesome/_animated.scss
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
// Spinning Icons
|
||||
// --------------------------
|
||||
|
||||
.#{$fa-css-prefix}-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pulse {
|
||||
-webkit-animation: fa-spin 1s infinite steps(8);
|
||||
animation: fa-spin 1s infinite steps(8);
|
||||
}
|
||||
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
25
public/assets/scss/font-awesome/_bordered-pulled.scss
vendored
Normal file
25
public/assets/scss/font-awesome/_bordered-pulled.scss
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
// Bordered & Pulled
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-border {
|
||||
padding: .2em .25em .15em;
|
||||
border: solid .08em $fa-border-color;
|
||||
border-radius: .1em;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pull-left { float: left; }
|
||||
.#{$fa-css-prefix}-pull-right { float: right; }
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
|
||||
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
|
||||
}
|
||||
|
||||
/* Deprecated as of 4.4.0 */
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.pull-left { margin-right: .3em; }
|
||||
&.pull-right { margin-left: .3em; }
|
||||
}
|
||||
12
public/assets/scss/font-awesome/_core.scss
vendored
Normal file
12
public/assets/scss/font-awesome/_core.scss
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
// Base Class Definition
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
6
public/assets/scss/font-awesome/_fixed-width.scss
vendored
Normal file
6
public/assets/scss/font-awesome/_fixed-width.scss
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
// Fixed Width Icons
|
||||
// -------------------------
|
||||
.#{$fa-css-prefix}-fw {
|
||||
width: calc((18em / 14));
|
||||
text-align: center;
|
||||
}
|
||||
789
public/assets/scss/font-awesome/_icons.scss
vendored
Normal file
789
public/assets/scss/font-awesome/_icons.scss
vendored
Normal file
@@ -0,0 +1,789 @@
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
|
||||
.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
|
||||
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
|
||||
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
|
||||
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
|
||||
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
|
||||
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
|
||||
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
|
||||
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
|
||||
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
|
||||
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
|
||||
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
|
||||
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
|
||||
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
|
||||
.#{$fa-css-prefix}-remove:before,
|
||||
.#{$fa-css-prefix}-close:before,
|
||||
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
|
||||
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
|
||||
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
|
||||
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
|
||||
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
|
||||
.#{$fa-css-prefix}-gear:before,
|
||||
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
|
||||
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
|
||||
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
|
||||
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
|
||||
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
|
||||
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
|
||||
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
|
||||
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
|
||||
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
|
||||
.#{$fa-css-prefix}-rotate-right:before,
|
||||
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
|
||||
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
|
||||
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
|
||||
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
|
||||
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
|
||||
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
|
||||
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
|
||||
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
|
||||
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
|
||||
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
|
||||
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
|
||||
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
|
||||
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
|
||||
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
|
||||
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
|
||||
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
|
||||
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
|
||||
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
|
||||
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
|
||||
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
|
||||
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
|
||||
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
|
||||
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
|
||||
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
|
||||
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
|
||||
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
|
||||
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
|
||||
.#{$fa-css-prefix}-dedent:before,
|
||||
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
|
||||
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
|
||||
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
|
||||
.#{$fa-css-prefix}-photo:before,
|
||||
.#{$fa-css-prefix}-image:before,
|
||||
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
|
||||
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
|
||||
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
|
||||
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
|
||||
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
|
||||
.#{$fa-css-prefix}-edit:before,
|
||||
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
|
||||
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
|
||||
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
|
||||
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
|
||||
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
|
||||
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
|
||||
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
|
||||
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
|
||||
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
|
||||
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
|
||||
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
|
||||
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
|
||||
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
|
||||
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
|
||||
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
|
||||
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
|
||||
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
|
||||
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
|
||||
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
|
||||
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
|
||||
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
|
||||
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
|
||||
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
|
||||
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
|
||||
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
|
||||
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
|
||||
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
|
||||
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
|
||||
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
|
||||
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
|
||||
.#{$fa-css-prefix}-mail-forward:before,
|
||||
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
|
||||
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
|
||||
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
|
||||
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
|
||||
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
|
||||
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
|
||||
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
|
||||
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
|
||||
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
|
||||
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
|
||||
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
|
||||
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
|
||||
.#{$fa-css-prefix}-warning:before,
|
||||
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
|
||||
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
|
||||
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
|
||||
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
|
||||
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
|
||||
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
|
||||
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
|
||||
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
|
||||
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
|
||||
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
|
||||
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
|
||||
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
|
||||
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
|
||||
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
|
||||
.#{$fa-css-prefix}-bar-chart-o:before,
|
||||
.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
|
||||
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
|
||||
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
|
||||
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
|
||||
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
|
||||
.#{$fa-css-prefix}-gears:before,
|
||||
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
|
||||
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
|
||||
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
|
||||
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
|
||||
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
|
||||
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
|
||||
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
|
||||
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
|
||||
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
|
||||
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
|
||||
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
|
||||
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
|
||||
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
|
||||
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
|
||||
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
|
||||
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
|
||||
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
|
||||
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
|
||||
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
|
||||
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
|
||||
.#{$fa-css-prefix}-facebook-f:before,
|
||||
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
|
||||
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
|
||||
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
|
||||
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
|
||||
.#{$fa-css-prefix}-feed:before,
|
||||
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
|
||||
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
|
||||
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
|
||||
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
|
||||
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
|
||||
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
|
||||
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
|
||||
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
|
||||
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
|
||||
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
|
||||
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
|
||||
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
|
||||
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
|
||||
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
|
||||
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
|
||||
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
|
||||
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
|
||||
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
|
||||
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
|
||||
.#{$fa-css-prefix}-group:before,
|
||||
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
|
||||
.#{$fa-css-prefix}-chain:before,
|
||||
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
|
||||
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
|
||||
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
|
||||
.#{$fa-css-prefix}-cut:before,
|
||||
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
|
||||
.#{$fa-css-prefix}-copy:before,
|
||||
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
|
||||
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
|
||||
.#{$fa-css-prefix}-save:before,
|
||||
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
|
||||
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
|
||||
.#{$fa-css-prefix}-navicon:before,
|
||||
.#{$fa-css-prefix}-reorder:before,
|
||||
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
|
||||
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
|
||||
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
|
||||
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
|
||||
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
|
||||
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
|
||||
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
|
||||
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
|
||||
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
|
||||
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
|
||||
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
|
||||
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
|
||||
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
|
||||
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
|
||||
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
|
||||
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
|
||||
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
|
||||
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
|
||||
.#{$fa-css-prefix}-unsorted:before,
|
||||
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
|
||||
.#{$fa-css-prefix}-sort-down:before,
|
||||
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
|
||||
.#{$fa-css-prefix}-sort-up:before,
|
||||
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
|
||||
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
|
||||
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
|
||||
.#{$fa-css-prefix}-rotate-left:before,
|
||||
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
|
||||
.#{$fa-css-prefix}-legal:before,
|
||||
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
|
||||
.#{$fa-css-prefix}-dashboard:before,
|
||||
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
|
||||
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
|
||||
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
|
||||
.#{$fa-css-prefix}-flash:before,
|
||||
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
|
||||
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
|
||||
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
|
||||
.#{$fa-css-prefix}-paste:before,
|
||||
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
|
||||
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
|
||||
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
|
||||
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
|
||||
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
|
||||
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
|
||||
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
|
||||
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
|
||||
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
|
||||
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
|
||||
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
|
||||
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
|
||||
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
|
||||
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
|
||||
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
|
||||
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
|
||||
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
|
||||
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
|
||||
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
|
||||
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
|
||||
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
|
||||
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
|
||||
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
|
||||
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
|
||||
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
|
||||
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
|
||||
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
|
||||
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
|
||||
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
|
||||
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
|
||||
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
|
||||
.#{$fa-css-prefix}-mobile-phone:before,
|
||||
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
|
||||
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
|
||||
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
|
||||
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
|
||||
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
|
||||
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
|
||||
.#{$fa-css-prefix}-mail-reply:before,
|
||||
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
|
||||
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
|
||||
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
|
||||
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
|
||||
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
|
||||
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
|
||||
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
|
||||
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
|
||||
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
|
||||
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
|
||||
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
|
||||
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
|
||||
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
|
||||
.#{$fa-css-prefix}-mail-reply-all:before,
|
||||
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
|
||||
.#{$fa-css-prefix}-star-half-empty:before,
|
||||
.#{$fa-css-prefix}-star-half-full:before,
|
||||
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
|
||||
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
|
||||
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
|
||||
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
|
||||
.#{$fa-css-prefix}-unlink:before,
|
||||
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
|
||||
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
|
||||
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
|
||||
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
|
||||
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
|
||||
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
|
||||
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
|
||||
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
|
||||
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
|
||||
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
|
||||
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
|
||||
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
|
||||
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
|
||||
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
|
||||
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
|
||||
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
|
||||
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
|
||||
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
|
||||
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
|
||||
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
|
||||
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
|
||||
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
|
||||
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
|
||||
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
|
||||
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
|
||||
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
|
||||
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
|
||||
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
|
||||
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
|
||||
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
|
||||
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
|
||||
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
|
||||
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
|
||||
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
|
||||
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
|
||||
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
|
||||
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
|
||||
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
|
||||
.#{$fa-css-prefix}-toggle-down:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
|
||||
.#{$fa-css-prefix}-toggle-up:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
|
||||
.#{$fa-css-prefix}-toggle-right:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
|
||||
.#{$fa-css-prefix}-euro:before,
|
||||
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
|
||||
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
|
||||
.#{$fa-css-prefix}-dollar:before,
|
||||
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
|
||||
.#{$fa-css-prefix}-rupee:before,
|
||||
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
|
||||
.#{$fa-css-prefix}-cny:before,
|
||||
.#{$fa-css-prefix}-rmb:before,
|
||||
.#{$fa-css-prefix}-yen:before,
|
||||
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
|
||||
.#{$fa-css-prefix}-ruble:before,
|
||||
.#{$fa-css-prefix}-rouble:before,
|
||||
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
|
||||
.#{$fa-css-prefix}-won:before,
|
||||
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
|
||||
.#{$fa-css-prefix}-bitcoin:before,
|
||||
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
|
||||
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
|
||||
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
|
||||
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
|
||||
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
|
||||
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
|
||||
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
|
||||
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
|
||||
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
|
||||
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
|
||||
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
|
||||
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
|
||||
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
|
||||
.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
|
||||
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
|
||||
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
|
||||
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
|
||||
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
|
||||
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
|
||||
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
|
||||
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
|
||||
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
|
||||
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
|
||||
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
|
||||
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
|
||||
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
|
||||
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
|
||||
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
|
||||
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
|
||||
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
|
||||
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
|
||||
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
|
||||
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
|
||||
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
|
||||
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
|
||||
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
|
||||
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
|
||||
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
|
||||
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
|
||||
.#{$fa-css-prefix}-gittip:before,
|
||||
.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
|
||||
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
|
||||
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
|
||||
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
|
||||
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
|
||||
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
|
||||
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
|
||||
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
|
||||
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
|
||||
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
|
||||
.#{$fa-css-prefix}-toggle-left:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
|
||||
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
|
||||
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
|
||||
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
|
||||
.#{$fa-css-prefix}-turkish-lira:before,
|
||||
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
|
||||
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
|
||||
.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
|
||||
.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
|
||||
.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
|
||||
.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
|
||||
.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
|
||||
.#{$fa-css-prefix}-institution:before,
|
||||
.#{$fa-css-prefix}-bank:before,
|
||||
.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
|
||||
.#{$fa-css-prefix}-mortar-board:before,
|
||||
.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
|
||||
.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
|
||||
.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
|
||||
.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
|
||||
.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
|
||||
.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
|
||||
.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
|
||||
.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
|
||||
.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
|
||||
.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
|
||||
.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
|
||||
.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
|
||||
.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
|
||||
.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
|
||||
.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
|
||||
.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
|
||||
.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
|
||||
.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
|
||||
.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
|
||||
.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
|
||||
.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
|
||||
.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
|
||||
.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
|
||||
.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
|
||||
.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
|
||||
.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
|
||||
.#{$fa-css-prefix}-automobile:before,
|
||||
.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
|
||||
.#{$fa-css-prefix}-cab:before,
|
||||
.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
|
||||
.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
|
||||
.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
|
||||
.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
|
||||
.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
|
||||
.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
|
||||
.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
|
||||
.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
|
||||
.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
|
||||
.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
|
||||
.#{$fa-css-prefix}-file-photo-o:before,
|
||||
.#{$fa-css-prefix}-file-picture-o:before,
|
||||
.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
|
||||
.#{$fa-css-prefix}-file-zip-o:before,
|
||||
.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
|
||||
.#{$fa-css-prefix}-file-sound-o:before,
|
||||
.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
|
||||
.#{$fa-css-prefix}-file-movie-o:before,
|
||||
.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
|
||||
.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
|
||||
.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
|
||||
.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
|
||||
.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
|
||||
.#{$fa-css-prefix}-life-bouy:before,
|
||||
.#{$fa-css-prefix}-life-buoy:before,
|
||||
.#{$fa-css-prefix}-life-saver:before,
|
||||
.#{$fa-css-prefix}-support:before,
|
||||
.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
|
||||
.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
|
||||
.#{$fa-css-prefix}-ra:before,
|
||||
.#{$fa-css-prefix}-resistance:before,
|
||||
.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
|
||||
.#{$fa-css-prefix}-ge:before,
|
||||
.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
|
||||
.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
|
||||
.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
|
||||
.#{$fa-css-prefix}-y-combinator-square:before,
|
||||
.#{$fa-css-prefix}-yc-square:before,
|
||||
.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
|
||||
.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
|
||||
.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
|
||||
.#{$fa-css-prefix}-wechat:before,
|
||||
.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
|
||||
.#{$fa-css-prefix}-send:before,
|
||||
.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
|
||||
.#{$fa-css-prefix}-send-o:before,
|
||||
.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
|
||||
.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
|
||||
.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
|
||||
.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
|
||||
.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
|
||||
.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
|
||||
.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
|
||||
.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
|
||||
.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
|
||||
.#{$fa-css-prefix}-soccer-ball-o:before,
|
||||
.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
|
||||
.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
|
||||
.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
|
||||
.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
|
||||
.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
|
||||
.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
|
||||
.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
|
||||
.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
|
||||
.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
|
||||
.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
|
||||
.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
|
||||
.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
|
||||
.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
|
||||
.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
|
||||
.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
|
||||
.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
|
||||
.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
|
||||
.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
|
||||
.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
|
||||
.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
|
||||
.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
|
||||
.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
|
||||
.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
|
||||
.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
|
||||
.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
|
||||
.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
|
||||
.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
|
||||
.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
|
||||
.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
|
||||
.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
|
||||
.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
|
||||
.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
|
||||
.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
|
||||
.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
|
||||
.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
|
||||
.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
|
||||
.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
|
||||
.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
|
||||
.#{$fa-css-prefix}-shekel:before,
|
||||
.#{$fa-css-prefix}-sheqel:before,
|
||||
.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
|
||||
.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
|
||||
.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
|
||||
.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
|
||||
.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
|
||||
.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
|
||||
.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
|
||||
.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
|
||||
.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
|
||||
.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
|
||||
.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
|
||||
.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
|
||||
.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
|
||||
.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
|
||||
.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
|
||||
.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
|
||||
.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
|
||||
.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
|
||||
.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
|
||||
.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
|
||||
.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
|
||||
.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
|
||||
.#{$fa-css-prefix}-intersex:before,
|
||||
.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
|
||||
.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
|
||||
.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
|
||||
.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
|
||||
.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
|
||||
.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
|
||||
.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
|
||||
.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
|
||||
.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
|
||||
.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
|
||||
.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
|
||||
.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
|
||||
.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
|
||||
.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
|
||||
.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
|
||||
.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
|
||||
.#{$fa-css-prefix}-hotel:before,
|
||||
.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
|
||||
.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
|
||||
.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
|
||||
.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
|
||||
.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
|
||||
.#{$fa-css-prefix}-yc:before,
|
||||
.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
|
||||
.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
|
||||
.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
|
||||
.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
|
||||
.#{$fa-css-prefix}-battery-4:before,
|
||||
.#{$fa-css-prefix}-battery:before,
|
||||
.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
|
||||
.#{$fa-css-prefix}-battery-3:before,
|
||||
.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
|
||||
.#{$fa-css-prefix}-battery-2:before,
|
||||
.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
|
||||
.#{$fa-css-prefix}-battery-1:before,
|
||||
.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
|
||||
.#{$fa-css-prefix}-battery-0:before,
|
||||
.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
|
||||
.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
|
||||
.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
|
||||
.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
|
||||
.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
|
||||
.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
|
||||
.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
|
||||
.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
|
||||
.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
|
||||
.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
|
||||
.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
|
||||
.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
|
||||
.#{$fa-css-prefix}-hourglass-1:before,
|
||||
.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
|
||||
.#{$fa-css-prefix}-hourglass-2:before,
|
||||
.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
|
||||
.#{$fa-css-prefix}-hourglass-3:before,
|
||||
.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
|
||||
.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
|
||||
.#{$fa-css-prefix}-hand-grab-o:before,
|
||||
.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
|
||||
.#{$fa-css-prefix}-hand-stop-o:before,
|
||||
.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
|
||||
.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
|
||||
.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
|
||||
.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
|
||||
.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
|
||||
.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
|
||||
.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
|
||||
.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
|
||||
.#{$fa-css-prefix}-viho-commons:before { content: $fa-var-viho-commons; }
|
||||
.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
|
||||
.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
|
||||
.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
|
||||
.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
|
||||
.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
|
||||
.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
|
||||
.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
|
||||
.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
|
||||
.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
|
||||
.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
|
||||
.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
|
||||
.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
|
||||
.#{$fa-css-prefix}-tv:before,
|
||||
.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
|
||||
.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
|
||||
.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
|
||||
.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
|
||||
.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
|
||||
.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
|
||||
.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
|
||||
.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
|
||||
.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
|
||||
.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
|
||||
.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
|
||||
.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
|
||||
.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
|
||||
.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
|
||||
.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
|
||||
.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
|
||||
.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
|
||||
.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
|
||||
.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
|
||||
.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
|
||||
.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
|
||||
.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
|
||||
.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
|
||||
.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
|
||||
.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
|
||||
.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
|
||||
.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
|
||||
.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
|
||||
.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
|
||||
.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
|
||||
.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
|
||||
.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
|
||||
.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
|
||||
.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
|
||||
.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
|
||||
.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
|
||||
.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
|
||||
.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
|
||||
.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
|
||||
.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
|
||||
.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
|
||||
.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
|
||||
.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
|
||||
.#{$fa-css-prefix}-viho-access:before { content: $fa-var-viho-access; }
|
||||
.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
|
||||
.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
|
||||
.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
|
||||
.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
|
||||
.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
|
||||
.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
|
||||
.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
|
||||
.#{$fa-css-prefix}-asl-interpreting:before,
|
||||
.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
|
||||
.#{$fa-css-prefix}-deafness:before,
|
||||
.#{$fa-css-prefix}-hard-of-hearing:before,
|
||||
.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
|
||||
.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
|
||||
.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
|
||||
.#{$fa-css-prefix}-signing:before,
|
||||
.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
|
||||
.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
|
||||
.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
|
||||
.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
|
||||
.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
|
||||
.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
|
||||
.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
|
||||
.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
|
||||
.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
|
||||
.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
|
||||
.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
|
||||
.#{$fa-css-prefix}-google-plus-circle:before,
|
||||
.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
|
||||
.#{$fa-css-prefix}-fa:before,
|
||||
.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
|
||||
.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
|
||||
.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
|
||||
.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
|
||||
.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
|
||||
.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
|
||||
.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
|
||||
.#{$fa-css-prefix}-vcard:before,
|
||||
.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
|
||||
.#{$fa-css-prefix}-vcard-o:before,
|
||||
.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
|
||||
.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
|
||||
.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
|
||||
.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
|
||||
.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
|
||||
.#{$fa-css-prefix}-drivers-license:before,
|
||||
.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
|
||||
.#{$fa-css-prefix}-drivers-license-o:before,
|
||||
.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
|
||||
.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
|
||||
.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
|
||||
.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
|
||||
.#{$fa-css-prefix}-thermometer-4:before,
|
||||
.#{$fa-css-prefix}-thermometer:before,
|
||||
.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
|
||||
.#{$fa-css-prefix}-thermometer-3:before,
|
||||
.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
|
||||
.#{$fa-css-prefix}-thermometer-2:before,
|
||||
.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
|
||||
.#{$fa-css-prefix}-thermometer-1:before,
|
||||
.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
|
||||
.#{$fa-css-prefix}-thermometer-0:before,
|
||||
.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
|
||||
.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
|
||||
.#{$fa-css-prefix}-bathtub:before,
|
||||
.#{$fa-css-prefix}-s15:before,
|
||||
.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
|
||||
.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
|
||||
.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
|
||||
.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
|
||||
.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
|
||||
.#{$fa-css-prefix}-times-rectangle:before,
|
||||
.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
|
||||
.#{$fa-css-prefix}-times-rectangle-o:before,
|
||||
.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
|
||||
.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
|
||||
.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
|
||||
.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
|
||||
.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
|
||||
.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
|
||||
.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
|
||||
.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
|
||||
.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
|
||||
.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
|
||||
.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
|
||||
.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
|
||||
13
public/assets/scss/font-awesome/_larger.scss
vendored
Normal file
13
public/assets/scss/font-awesome/_larger.scss
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.#{$fa-css-prefix}-lg {
|
||||
font-size: calc((4em / 3));
|
||||
line-height: calc((3em / 4));
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
||||
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
||||
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
||||
19
public/assets/scss/font-awesome/_list.scss
vendored
Normal file
19
public/assets/scss/font-awesome/_list.scss
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
// List Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-ul {
|
||||
padding-left: 0;
|
||||
margin-left: $fa-li-width;
|
||||
list-style-type: none;
|
||||
> li { position: relative; }
|
||||
}
|
||||
.#{$fa-css-prefix}-li {
|
||||
position: absolute;
|
||||
left: -$fa-li-width;
|
||||
width: $fa-li-width;
|
||||
top: calc(2em / 14);
|
||||
text-align: center;
|
||||
&.#{$fa-css-prefix}-lg {
|
||||
left: -$fa-li-width + calc((4em / 14));
|
||||
}
|
||||
}
|
||||
60
public/assets/scss/font-awesome/_mixins.scss
vendored
Normal file
60
public/assets/scss/font-awesome/_mixins.scss
vendored
Normal file
@@ -0,0 +1,60 @@
|
||||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
@mixin fa-icon() {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
|
||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
||||
-webkit-transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
|
||||
|
||||
// Only display content to screen readers. A la Bootstrap 4.
|
||||
//
|
||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
||||
|
||||
@mixin sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0,0,0,0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Use in conjunction with .sr-only to only display content when it's focused.
|
||||
//
|
||||
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
||||
//
|
||||
// Credit: HTML5 Boilerplate
|
||||
|
||||
@mixin sr-only-focusable {
|
||||
&:active,
|
||||
&:focus {
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
}
|
||||
}
|
||||
15
public/assets/scss/font-awesome/_path.scss
vendored
Normal file
15
public/assets/scss/font-awesome/_path.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
/* FONT PATH
|
||||
* -------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('#{$fa-font-path}/font-awesome/fontawesome-webfont.eot?v=#{$fa-version}');
|
||||
src: url('#{$fa-font-path}/font-awesome/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/font-awesome/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
|
||||
url('#{$fa-font-path}/font-awesome/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
|
||||
url('#{$fa-font-path}/font-awesome/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
|
||||
url('#{$fa-font-path}/font-awesome/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
|
||||
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
20
public/assets/scss/font-awesome/_rotated-flipped.scss
vendored
Normal file
20
public/assets/scss/font-awesome/_rotated-flipped.scss
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
// Rotated & Flipped Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
||||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
||||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
||||
|
||||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
||||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
||||
|
||||
// Hook for IE8-9
|
||||
// -------------------------
|
||||
|
||||
:root .#{$fa-css-prefix}-rotate-90,
|
||||
:root .#{$fa-css-prefix}-rotate-180,
|
||||
:root .#{$fa-css-prefix}-rotate-270,
|
||||
:root .#{$fa-css-prefix}-flip-horizontal,
|
||||
:root .#{$fa-css-prefix}-flip-vertical {
|
||||
filter: none;
|
||||
}
|
||||
5
public/assets/scss/font-awesome/_screen-reader.scss
vendored
Normal file
5
public/assets/scss/font-awesome/_screen-reader.scss
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
// Screen Readers
|
||||
// -------------------------
|
||||
|
||||
.sr-only { @include sr-only(); }
|
||||
.sr-only-focusable { @include sr-only-focusable(); }
|
||||
20
public/assets/scss/font-awesome/_stacked.scss
vendored
Normal file
20
public/assets/scss/font-awesome/_stacked.scss
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
// Stacked Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
||||
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|
||||
800
public/assets/scss/font-awesome/_variables.scss
vendored
Normal file
800
public/assets/scss/font-awesome/_variables.scss
vendored
Normal file
@@ -0,0 +1,800 @@
|
||||
// Variables
|
||||
// --------------------------
|
||||
|
||||
$fa-font-path: "../fonts" !default;
|
||||
$fa-font-size-base: 14px !default;
|
||||
$fa-line-height-base: 1 !default;
|
||||
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
|
||||
$fa-css-prefix: fa !default;
|
||||
$fa-version: "4.7.0" !default;
|
||||
$fa-border-color: #eee !default;
|
||||
$fa-inverse: #fff !default;
|
||||
$fa-li-width: calc((30em / 14)) !default;
|
||||
|
||||
$fa-var-500px: "\f26e";
|
||||
$fa-var-address-book: "\f2b9";
|
||||
$fa-var-address-book-o: "\f2ba";
|
||||
$fa-var-address-card: "\f2bb";
|
||||
$fa-var-address-card-o: "\f2bc";
|
||||
$fa-var-adjust: "\f042";
|
||||
$fa-var-adn: "\f170";
|
||||
$fa-var-align-center: "\f037";
|
||||
$fa-var-align-justify: "\f039";
|
||||
$fa-var-align-left: "\f036";
|
||||
$fa-var-align-right: "\f038";
|
||||
$fa-var-amazon: "\f270";
|
||||
$fa-var-ambulance: "\f0f9";
|
||||
$fa-var-american-sign-language-interpreting: "\f2a3";
|
||||
$fa-var-anchor: "\f13d";
|
||||
$fa-var-android: "\f17b";
|
||||
$fa-var-angellist: "\f209";
|
||||
$fa-var-angle-double-down: "\f103";
|
||||
$fa-var-angle-double-left: "\f100";
|
||||
$fa-var-angle-double-right: "\f101";
|
||||
$fa-var-angle-double-up: "\f102";
|
||||
$fa-var-angle-down: "\f107";
|
||||
$fa-var-angle-left: "\f104";
|
||||
$fa-var-angle-right: "\f105";
|
||||
$fa-var-angle-up: "\f106";
|
||||
$fa-var-apple: "\f179";
|
||||
$fa-var-archive: "\f187";
|
||||
$fa-var-area-chart: "\f1fe";
|
||||
$fa-var-arrow-circle-down: "\f0ab";
|
||||
$fa-var-arrow-circle-left: "\f0a8";
|
||||
$fa-var-arrow-circle-o-down: "\f01a";
|
||||
$fa-var-arrow-circle-o-left: "\f190";
|
||||
$fa-var-arrow-circle-o-right: "\f18e";
|
||||
$fa-var-arrow-circle-o-up: "\f01b";
|
||||
$fa-var-arrow-circle-right: "\f0a9";
|
||||
$fa-var-arrow-circle-up: "\f0aa";
|
||||
$fa-var-arrow-down: "\f063";
|
||||
$fa-var-arrow-left: "\f060";
|
||||
$fa-var-arrow-right: "\f061";
|
||||
$fa-var-arrow-up: "\f062";
|
||||
$fa-var-arrows: "\f047";
|
||||
$fa-var-arrows-alt: "\f0b2";
|
||||
$fa-var-arrows-h: "\f07e";
|
||||
$fa-var-arrows-v: "\f07d";
|
||||
$fa-var-asl-interpreting: "\f2a3";
|
||||
$fa-var-assistive-listening-systems: "\f2a2";
|
||||
$fa-var-asterisk: "\f069";
|
||||
$fa-var-at: "\f1fa";
|
||||
$fa-var-audio-description: "\f29e";
|
||||
$fa-var-automobile: "\f1b9";
|
||||
$fa-var-backward: "\f04a";
|
||||
$fa-var-balance-scale: "\f24e";
|
||||
$fa-var-ban: "\f05e";
|
||||
$fa-var-bandcamp: "\f2d5";
|
||||
$fa-var-bank: "\f19c";
|
||||
$fa-var-bar-chart: "\f080";
|
||||
$fa-var-bar-chart-o: "\f080";
|
||||
$fa-var-barcode: "\f02a";
|
||||
$fa-var-bars: "\f0c9";
|
||||
$fa-var-bath: "\f2cd";
|
||||
$fa-var-bathtub: "\f2cd";
|
||||
$fa-var-battery: "\f240";
|
||||
$fa-var-battery-0: "\f244";
|
||||
$fa-var-battery-1: "\f243";
|
||||
$fa-var-battery-2: "\f242";
|
||||
$fa-var-battery-3: "\f241";
|
||||
$fa-var-battery-4: "\f240";
|
||||
$fa-var-battery-empty: "\f244";
|
||||
$fa-var-battery-full: "\f240";
|
||||
$fa-var-battery-half: "\f242";
|
||||
$fa-var-battery-quarter: "\f243";
|
||||
$fa-var-battery-three-quarters: "\f241";
|
||||
$fa-var-bed: "\f236";
|
||||
$fa-var-beer: "\f0fc";
|
||||
$fa-var-behance: "\f1b4";
|
||||
$fa-var-behance-square: "\f1b5";
|
||||
$fa-var-bell: "\f0f3";
|
||||
$fa-var-bell-o: "\f0a2";
|
||||
$fa-var-bell-slash: "\f1f6";
|
||||
$fa-var-bell-slash-o: "\f1f7";
|
||||
$fa-var-bicycle: "\f206";
|
||||
$fa-var-binoculars: "\f1e5";
|
||||
$fa-var-birthday-cake: "\f1fd";
|
||||
$fa-var-bitbucket: "\f171";
|
||||
$fa-var-bitbucket-square: "\f172";
|
||||
$fa-var-bitcoin: "\f15a";
|
||||
$fa-var-black-tie: "\f27e";
|
||||
$fa-var-blind: "\f29d";
|
||||
$fa-var-bluetooth: "\f293";
|
||||
$fa-var-bluetooth-b: "\f294";
|
||||
$fa-var-bold: "\f032";
|
||||
$fa-var-bolt: "\f0e7";
|
||||
$fa-var-bomb: "\f1e2";
|
||||
$fa-var-book: "\f02d";
|
||||
$fa-var-bookmark: "\f02e";
|
||||
$fa-var-bookmark-o: "\f097";
|
||||
$fa-var-braille: "\f2a1";
|
||||
$fa-var-briefcase: "\f0b1";
|
||||
$fa-var-btc: "\f15a";
|
||||
$fa-var-bug: "\f188";
|
||||
$fa-var-building: "\f1ad";
|
||||
$fa-var-building-o: "\f0f7";
|
||||
$fa-var-bullhorn: "\f0a1";
|
||||
$fa-var-bullseye: "\f140";
|
||||
$fa-var-bus: "\f207";
|
||||
$fa-var-buysellads: "\f20d";
|
||||
$fa-var-cab: "\f1ba";
|
||||
$fa-var-calculator: "\f1ec";
|
||||
$fa-var-calendar: "\f073";
|
||||
$fa-var-calendar-check-o: "\f274";
|
||||
$fa-var-calendar-minus-o: "\f272";
|
||||
$fa-var-calendar-o: "\f133";
|
||||
$fa-var-calendar-plus-o: "\f271";
|
||||
$fa-var-calendar-times-o: "\f273";
|
||||
$fa-var-camera: "\f030";
|
||||
$fa-var-camera-retro: "\f083";
|
||||
$fa-var-car: "\f1b9";
|
||||
$fa-var-caret-down: "\f0d7";
|
||||
$fa-var-caret-left: "\f0d9";
|
||||
$fa-var-caret-right: "\f0da";
|
||||
$fa-var-caret-square-o-down: "\f150";
|
||||
$fa-var-caret-square-o-left: "\f191";
|
||||
$fa-var-caret-square-o-right: "\f152";
|
||||
$fa-var-caret-square-o-up: "\f151";
|
||||
$fa-var-caret-up: "\f0d8";
|
||||
$fa-var-cart-arrow-down: "\f218";
|
||||
$fa-var-cart-plus: "\f217";
|
||||
$fa-var-cc: "\f20a";
|
||||
$fa-var-cc-amex: "\f1f3";
|
||||
$fa-var-cc-diners-club: "\f24c";
|
||||
$fa-var-cc-discover: "\f1f2";
|
||||
$fa-var-cc-jcb: "\f24b";
|
||||
$fa-var-cc-mastercard: "\f1f1";
|
||||
$fa-var-cc-paypal: "\f1f4";
|
||||
$fa-var-cc-stripe: "\f1f5";
|
||||
$fa-var-cc-visa: "\f1f0";
|
||||
$fa-var-certificate: "\f0a3";
|
||||
$fa-var-chain: "\f0c1";
|
||||
$fa-var-chain-broken: "\f127";
|
||||
$fa-var-check: "\f00c";
|
||||
$fa-var-check-circle: "\f058";
|
||||
$fa-var-check-circle-o: "\f05d";
|
||||
$fa-var-check-square: "\f14a";
|
||||
$fa-var-check-square-o: "\f046";
|
||||
$fa-var-chevron-circle-down: "\f13a";
|
||||
$fa-var-chevron-circle-left: "\f137";
|
||||
$fa-var-chevron-circle-right: "\f138";
|
||||
$fa-var-chevron-circle-up: "\f139";
|
||||
$fa-var-chevron-down: "\f078";
|
||||
$fa-var-chevron-left: "\f053";
|
||||
$fa-var-chevron-right: "\f054";
|
||||
$fa-var-chevron-up: "\f077";
|
||||
$fa-var-child: "\f1ae";
|
||||
$fa-var-chrome: "\f268";
|
||||
$fa-var-circle: "\f111";
|
||||
$fa-var-circle-o: "\f10c";
|
||||
$fa-var-circle-o-notch: "\f1ce";
|
||||
$fa-var-circle-thin: "\f1db";
|
||||
$fa-var-clipboard: "\f0ea";
|
||||
$fa-var-clock-o: "\f017";
|
||||
$fa-var-clone: "\f24d";
|
||||
$fa-var-close: "\f00d";
|
||||
$fa-var-cloud: "\f0c2";
|
||||
$fa-var-cloud-download: "\f0ed";
|
||||
$fa-var-cloud-upload: "\f0ee";
|
||||
$fa-var-cny: "\f157";
|
||||
$fa-var-code: "\f121";
|
||||
$fa-var-code-fork: "\f126";
|
||||
$fa-var-codepen: "\f1cb";
|
||||
$fa-var-codiepie: "\f284";
|
||||
$fa-var-coffee: "\f0f4";
|
||||
$fa-var-cog: "\f013";
|
||||
$fa-var-cogs: "\f085";
|
||||
$fa-var-columns: "\f0db";
|
||||
$fa-var-comment: "\f075";
|
||||
$fa-var-comment-o: "\f0e5";
|
||||
$fa-var-commenting: "\f27a";
|
||||
$fa-var-commenting-o: "\f27b";
|
||||
$fa-var-comments: "\f086";
|
||||
$fa-var-comments-o: "\f0e6";
|
||||
$fa-var-compass: "\f14e";
|
||||
$fa-var-compress: "\f066";
|
||||
$fa-var-connectdevelop: "\f20e";
|
||||
$fa-var-contao: "\f26d";
|
||||
$fa-var-copy: "\f0c5";
|
||||
$fa-var-copyright: "\f1f9";
|
||||
$fa-var-viho-commons: "\f25e";
|
||||
$fa-var-credit-card: "\f09d";
|
||||
$fa-var-credit-card-alt: "\f283";
|
||||
$fa-var-crop: "\f125";
|
||||
$fa-var-crosshairs: "\f05b";
|
||||
$fa-var-css3: "\f13c";
|
||||
$fa-var-cube: "\f1b2";
|
||||
$fa-var-cubes: "\f1b3";
|
||||
$fa-var-cut: "\f0c4";
|
||||
$fa-var-cutlery: "\f0f5";
|
||||
$fa-var-dashboard: "\f0e4";
|
||||
$fa-var-dashcube: "\f210";
|
||||
$fa-var-database: "\f1c0";
|
||||
$fa-var-deaf: "\f2a4";
|
||||
$fa-var-deafness: "\f2a4";
|
||||
$fa-var-dedent: "\f03b";
|
||||
$fa-var-delicious: "\f1a5";
|
||||
$fa-var-desktop: "\f108";
|
||||
$fa-var-deviantart: "\f1bd";
|
||||
$fa-var-diamond: "\f219";
|
||||
$fa-var-digg: "\f1a6";
|
||||
$fa-var-dollar: "\f155";
|
||||
$fa-var-dot-circle-o: "\f192";
|
||||
$fa-var-download: "\f019";
|
||||
$fa-var-dribbble: "\f17d";
|
||||
$fa-var-drivers-license: "\f2c2";
|
||||
$fa-var-drivers-license-o: "\f2c3";
|
||||
$fa-var-dropbox: "\f16b";
|
||||
$fa-var-drupal: "\f1a9";
|
||||
$fa-var-edge: "\f282";
|
||||
$fa-var-edit: "\f044";
|
||||
$fa-var-eercast: "\f2da";
|
||||
$fa-var-eject: "\f052";
|
||||
$fa-var-ellipsis-h: "\f141";
|
||||
$fa-var-ellipsis-v: "\f142";
|
||||
$fa-var-empire: "\f1d1";
|
||||
$fa-var-envelope: "\f0e0";
|
||||
$fa-var-envelope-o: "\f003";
|
||||
$fa-var-envelope-open: "\f2b6";
|
||||
$fa-var-envelope-open-o: "\f2b7";
|
||||
$fa-var-envelope-square: "\f199";
|
||||
$fa-var-envira: "\f299";
|
||||
$fa-var-eraser: "\f12d";
|
||||
$fa-var-etsy: "\f2d7";
|
||||
$fa-var-eur: "\f153";
|
||||
$fa-var-euro: "\f153";
|
||||
$fa-var-exchange: "\f0ec";
|
||||
$fa-var-exclamation: "\f12a";
|
||||
$fa-var-exclamation-circle: "\f06a";
|
||||
$fa-var-exclamation-triangle: "\f071";
|
||||
$fa-var-expand: "\f065";
|
||||
$fa-var-expeditedssl: "\f23e";
|
||||
$fa-var-external-link: "\f08e";
|
||||
$fa-var-external-link-square: "\f14c";
|
||||
$fa-var-eye: "\f06e";
|
||||
$fa-var-eye-slash: "\f070";
|
||||
$fa-var-eyedropper: "\f1fb";
|
||||
$fa-var-fa: "\f2b4";
|
||||
$fa-var-facebook: "\f09a";
|
||||
$fa-var-facebook-f: "\f09a";
|
||||
$fa-var-facebook-official: "\f230";
|
||||
$fa-var-facebook-square: "\f082";
|
||||
$fa-var-fast-backward: "\f049";
|
||||
$fa-var-fast-forward: "\f050";
|
||||
$fa-var-fax: "\f1ac";
|
||||
$fa-var-feed: "\f09e";
|
||||
$fa-var-female: "\f182";
|
||||
$fa-var-fighter-jet: "\f0fb";
|
||||
$fa-var-file: "\f15b";
|
||||
$fa-var-file-archive-o: "\f1c6";
|
||||
$fa-var-file-audio-o: "\f1c7";
|
||||
$fa-var-file-code-o: "\f1c9";
|
||||
$fa-var-file-excel-o: "\f1c3";
|
||||
$fa-var-file-image-o: "\f1c5";
|
||||
$fa-var-file-movie-o: "\f1c8";
|
||||
$fa-var-file-o: "\f016";
|
||||
$fa-var-file-pdf-o: "\f1c1";
|
||||
$fa-var-file-photo-o: "\f1c5";
|
||||
$fa-var-file-picture-o: "\f1c5";
|
||||
$fa-var-file-powerpoint-o: "\f1c4";
|
||||
$fa-var-file-sound-o: "\f1c7";
|
||||
$fa-var-file-text: "\f15c";
|
||||
$fa-var-file-text-o: "\f0f6";
|
||||
$fa-var-file-video-o: "\f1c8";
|
||||
$fa-var-file-word-o: "\f1c2";
|
||||
$fa-var-file-zip-o: "\f1c6";
|
||||
$fa-var-files-o: "\f0c5";
|
||||
$fa-var-film: "\f008";
|
||||
$fa-var-filter: "\f0b0";
|
||||
$fa-var-fire: "\f06d";
|
||||
$fa-var-fire-extinguisher: "\f134";
|
||||
$fa-var-firefox: "\f269";
|
||||
$fa-var-first-order: "\f2b0";
|
||||
$fa-var-flag: "\f024";
|
||||
$fa-var-flag-checkered: "\f11e";
|
||||
$fa-var-flag-o: "\f11d";
|
||||
$fa-var-flash: "\f0e7";
|
||||
$fa-var-flask: "\f0c3";
|
||||
$fa-var-flickr: "\f16e";
|
||||
$fa-var-floppy-o: "\f0c7";
|
||||
$fa-var-folder: "\f07b";
|
||||
$fa-var-folder-o: "\f114";
|
||||
$fa-var-folder-open: "\f07c";
|
||||
$fa-var-folder-open-o: "\f115";
|
||||
$fa-var-font: "\f031";
|
||||
$fa-var-font-awesome: "\f2b4";
|
||||
$fa-var-fonticons: "\f280";
|
||||
$fa-var-fort-awesome: "\f286";
|
||||
$fa-var-forumbee: "\f211";
|
||||
$fa-var-forward: "\f04e";
|
||||
$fa-var-foursquare: "\f180";
|
||||
$fa-var-free-code-camp: "\f2c5";
|
||||
$fa-var-frown-o: "\f119";
|
||||
$fa-var-futbol-o: "\f1e3";
|
||||
$fa-var-gamepad: "\f11b";
|
||||
$fa-var-gavel: "\f0e3";
|
||||
$fa-var-gbp: "\f154";
|
||||
$fa-var-ge: "\f1d1";
|
||||
$fa-var-gear: "\f013";
|
||||
$fa-var-gears: "\f085";
|
||||
$fa-var-genderless: "\f22d";
|
||||
$fa-var-get-pocket: "\f265";
|
||||
$fa-var-gg: "\f260";
|
||||
$fa-var-gg-circle: "\f261";
|
||||
$fa-var-gift: "\f06b";
|
||||
$fa-var-git: "\f1d3";
|
||||
$fa-var-git-square: "\f1d2";
|
||||
$fa-var-github: "\f09b";
|
||||
$fa-var-github-alt: "\f113";
|
||||
$fa-var-github-square: "\f092";
|
||||
$fa-var-gitlab: "\f296";
|
||||
$fa-var-gittip: "\f184";
|
||||
$fa-var-glass: "\f000";
|
||||
$fa-var-glide: "\f2a5";
|
||||
$fa-var-glide-g: "\f2a6";
|
||||
$fa-var-globe: "\f0ac";
|
||||
$fa-var-google: "\f1a0";
|
||||
$fa-var-google-plus: "\f0d5";
|
||||
$fa-var-google-plus-circle: "\f2b3";
|
||||
$fa-var-google-plus-official: "\f2b3";
|
||||
$fa-var-google-plus-square: "\f0d4";
|
||||
$fa-var-google-wallet: "\f1ee";
|
||||
$fa-var-graduation-cap: "\f19d";
|
||||
$fa-var-gratipay: "\f184";
|
||||
$fa-var-grav: "\f2d6";
|
||||
$fa-var-group: "\f0c0";
|
||||
$fa-var-h-square: "\f0fd";
|
||||
$fa-var-hacker-news: "\f1d4";
|
||||
$fa-var-hand-grab-o: "\f255";
|
||||
$fa-var-hand-lizard-o: "\f258";
|
||||
$fa-var-hand-o-down: "\f0a7";
|
||||
$fa-var-hand-o-left: "\f0a5";
|
||||
$fa-var-hand-o-right: "\f0a4";
|
||||
$fa-var-hand-o-up: "\f0a6";
|
||||
$fa-var-hand-paper-o: "\f256";
|
||||
$fa-var-hand-peace-o: "\f25b";
|
||||
$fa-var-hand-pointer-o: "\f25a";
|
||||
$fa-var-hand-rock-o: "\f255";
|
||||
$fa-var-hand-scissors-o: "\f257";
|
||||
$fa-var-hand-spock-o: "\f259";
|
||||
$fa-var-hand-stop-o: "\f256";
|
||||
$fa-var-handshake-o: "\f2b5";
|
||||
$fa-var-hard-of-hearing: "\f2a4";
|
||||
$fa-var-hashtag: "\f292";
|
||||
$fa-var-hdd-o: "\f0a0";
|
||||
$fa-var-header: "\f1dc";
|
||||
$fa-var-headphones: "\f025";
|
||||
$fa-var-heart: "\f004";
|
||||
$fa-var-heart-o: "\f08a";
|
||||
$fa-var-heartbeat: "\f21e";
|
||||
$fa-var-history: "\f1da";
|
||||
$fa-var-home: "\f015";
|
||||
$fa-var-hospital-o: "\f0f8";
|
||||
$fa-var-hotel: "\f236";
|
||||
$fa-var-hourglass: "\f254";
|
||||
$fa-var-hourglass-1: "\f251";
|
||||
$fa-var-hourglass-2: "\f252";
|
||||
$fa-var-hourglass-3: "\f253";
|
||||
$fa-var-hourglass-end: "\f253";
|
||||
$fa-var-hourglass-half: "\f252";
|
||||
$fa-var-hourglass-o: "\f250";
|
||||
$fa-var-hourglass-start: "\f251";
|
||||
$fa-var-houzz: "\f27c";
|
||||
$fa-var-html5: "\f13b";
|
||||
$fa-var-i-cursor: "\f246";
|
||||
$fa-var-id-badge: "\f2c1";
|
||||
$fa-var-id-card: "\f2c2";
|
||||
$fa-var-id-card-o: "\f2c3";
|
||||
$fa-var-ils: "\f20b";
|
||||
$fa-var-image: "\f03e";
|
||||
$fa-var-imdb: "\f2d8";
|
||||
$fa-var-inbox: "\f01c";
|
||||
$fa-var-indent: "\f03c";
|
||||
$fa-var-industry: "\f275";
|
||||
$fa-var-info: "\f129";
|
||||
$fa-var-info-circle: "\f05a";
|
||||
$fa-var-inr: "\f156";
|
||||
$fa-var-instagram: "\f16d";
|
||||
$fa-var-institution: "\f19c";
|
||||
$fa-var-internet-explorer: "\f26b";
|
||||
$fa-var-intersex: "\f224";
|
||||
$fa-var-ioxhost: "\f208";
|
||||
$fa-var-italic: "\f033";
|
||||
$fa-var-joomla: "\f1aa";
|
||||
$fa-var-jpy: "\f157";
|
||||
$fa-var-jsfiddle: "\f1cc";
|
||||
$fa-var-key: "\f084";
|
||||
$fa-var-keyboard-o: "\f11c";
|
||||
$fa-var-krw: "\f159";
|
||||
$fa-var-language: "\f1ab";
|
||||
$fa-var-laptop: "\f109";
|
||||
$fa-var-lastfm: "\f202";
|
||||
$fa-var-lastfm-square: "\f203";
|
||||
$fa-var-leaf: "\f06c";
|
||||
$fa-var-leanpub: "\f212";
|
||||
$fa-var-legal: "\f0e3";
|
||||
$fa-var-lemon-o: "\f094";
|
||||
$fa-var-level-down: "\f149";
|
||||
$fa-var-level-up: "\f148";
|
||||
$fa-var-life-bouy: "\f1cd";
|
||||
$fa-var-life-buoy: "\f1cd";
|
||||
$fa-var-life-ring: "\f1cd";
|
||||
$fa-var-life-saver: "\f1cd";
|
||||
$fa-var-lightbulb-o: "\f0eb";
|
||||
$fa-var-line-chart: "\f201";
|
||||
$fa-var-link: "\f0c1";
|
||||
$fa-var-linkedin: "\f0e1";
|
||||
$fa-var-linkedin-square: "\f08c";
|
||||
$fa-var-linode: "\f2b8";
|
||||
$fa-var-linux: "\f17c";
|
||||
$fa-var-list: "\f03a";
|
||||
$fa-var-list-alt: "\f022";
|
||||
$fa-var-list-ol: "\f0cb";
|
||||
$fa-var-list-ul: "\f0ca";
|
||||
$fa-var-location-arrow: "\f124";
|
||||
$fa-var-lock: "\f023";
|
||||
$fa-var-long-arrow-down: "\f175";
|
||||
$fa-var-long-arrow-left: "\f177";
|
||||
$fa-var-long-arrow-right: "\f178";
|
||||
$fa-var-long-arrow-up: "\f176";
|
||||
$fa-var-low-vision: "\f2a8";
|
||||
$fa-var-magic: "\f0d0";
|
||||
$fa-var-magnet: "\f076";
|
||||
$fa-var-mail-forward: "\f064";
|
||||
$fa-var-mail-reply: "\f112";
|
||||
$fa-var-mail-reply-all: "\f122";
|
||||
$fa-var-male: "\f183";
|
||||
$fa-var-map: "\f279";
|
||||
$fa-var-map-marker: "\f041";
|
||||
$fa-var-map-o: "\f278";
|
||||
$fa-var-map-pin: "\f276";
|
||||
$fa-var-map-signs: "\f277";
|
||||
$fa-var-mars: "\f222";
|
||||
$fa-var-mars-double: "\f227";
|
||||
$fa-var-mars-stroke: "\f229";
|
||||
$fa-var-mars-stroke-h: "\f22b";
|
||||
$fa-var-mars-stroke-v: "\f22a";
|
||||
$fa-var-maxcdn: "\f136";
|
||||
$fa-var-meanpath: "\f20c";
|
||||
$fa-var-medium: "\f23a";
|
||||
$fa-var-medkit: "\f0fa";
|
||||
$fa-var-meetup: "\f2e0";
|
||||
$fa-var-meh-o: "\f11a";
|
||||
$fa-var-mercury: "\f223";
|
||||
$fa-var-microchip: "\f2db";
|
||||
$fa-var-microphone: "\f130";
|
||||
$fa-var-microphone-slash: "\f131";
|
||||
$fa-var-minus: "\f068";
|
||||
$fa-var-minus-circle: "\f056";
|
||||
$fa-var-minus-square: "\f146";
|
||||
$fa-var-minus-square-o: "\f147";
|
||||
$fa-var-mixcloud: "\f289";
|
||||
$fa-var-mobile: "\f10b";
|
||||
$fa-var-mobile-phone: "\f10b";
|
||||
$fa-var-modx: "\f285";
|
||||
$fa-var-money: "\f0d6";
|
||||
$fa-var-moon-o: "\f186";
|
||||
$fa-var-mortar-board: "\f19d";
|
||||
$fa-var-motorcycle: "\f21c";
|
||||
$fa-var-mouse-pointer: "\f245";
|
||||
$fa-var-music: "\f001";
|
||||
$fa-var-navicon: "\f0c9";
|
||||
$fa-var-neuter: "\f22c";
|
||||
$fa-var-newspaper-o: "\f1ea";
|
||||
$fa-var-object-group: "\f247";
|
||||
$fa-var-object-ungroup: "\f248";
|
||||
$fa-var-odnoklassniki: "\f263";
|
||||
$fa-var-odnoklassniki-square: "\f264";
|
||||
$fa-var-opencart: "\f23d";
|
||||
$fa-var-openid: "\f19b";
|
||||
$fa-var-opera: "\f26a";
|
||||
$fa-var-optin-monster: "\f23c";
|
||||
$fa-var-outdent: "\f03b";
|
||||
$fa-var-pagelines: "\f18c";
|
||||
$fa-var-paint-brush: "\f1fc";
|
||||
$fa-var-paper-plane: "\f1d8";
|
||||
$fa-var-paper-plane-o: "\f1d9";
|
||||
$fa-var-paperclip: "\f0c6";
|
||||
$fa-var-paragraph: "\f1dd";
|
||||
$fa-var-paste: "\f0ea";
|
||||
$fa-var-pause: "\f04c";
|
||||
$fa-var-pause-circle: "\f28b";
|
||||
$fa-var-pause-circle-o: "\f28c";
|
||||
$fa-var-paw: "\f1b0";
|
||||
$fa-var-paypal: "\f1ed";
|
||||
$fa-var-pencil: "\f040";
|
||||
$fa-var-pencil-square: "\f14b";
|
||||
$fa-var-pencil-square-o: "\f044";
|
||||
$fa-var-percent: "\f295";
|
||||
$fa-var-phone: "\f095";
|
||||
$fa-var-phone-square: "\f098";
|
||||
$fa-var-photo: "\f03e";
|
||||
$fa-var-picture-o: "\f03e";
|
||||
$fa-var-pie-chart: "\f200";
|
||||
$fa-var-pied-piper: "\f2ae";
|
||||
$fa-var-pied-piper-alt: "\f1a8";
|
||||
$fa-var-pied-piper-pp: "\f1a7";
|
||||
$fa-var-pinterest: "\f0d2";
|
||||
$fa-var-pinterest-p: "\f231";
|
||||
$fa-var-pinterest-square: "\f0d3";
|
||||
$fa-var-plane: "\f072";
|
||||
$fa-var-play: "\f04b";
|
||||
$fa-var-play-circle: "\f144";
|
||||
$fa-var-play-circle-o: "\f01d";
|
||||
$fa-var-plug: "\f1e6";
|
||||
$fa-var-plus: "\f067";
|
||||
$fa-var-plus-circle: "\f055";
|
||||
$fa-var-plus-square: "\f0fe";
|
||||
$fa-var-plus-square-o: "\f196";
|
||||
$fa-var-podcast: "\f2ce";
|
||||
$fa-var-power-off: "\f011";
|
||||
$fa-var-print: "\f02f";
|
||||
$fa-var-product-hunt: "\f288";
|
||||
$fa-var-puzzle-piece: "\f12e";
|
||||
$fa-var-qq: "\f1d6";
|
||||
$fa-var-qrcode: "\f029";
|
||||
$fa-var-question: "\f128";
|
||||
$fa-var-question-circle: "\f059";
|
||||
$fa-var-question-circle-o: "\f29c";
|
||||
$fa-var-quora: "\f2c4";
|
||||
$fa-var-quote-left: "\f10d";
|
||||
$fa-var-quote-right: "\f10e";
|
||||
$fa-var-ra: "\f1d0";
|
||||
$fa-var-random: "\f074";
|
||||
$fa-var-ravelry: "\f2d9";
|
||||
$fa-var-rebel: "\f1d0";
|
||||
$fa-var-recycle: "\f1b8";
|
||||
$fa-var-reddit: "\f1a1";
|
||||
$fa-var-reddit-alien: "\f281";
|
||||
$fa-var-reddit-square: "\f1a2";
|
||||
$fa-var-refresh: "\f021";
|
||||
$fa-var-registered: "\f25d";
|
||||
$fa-var-remove: "\f00d";
|
||||
$fa-var-renren: "\f18b";
|
||||
$fa-var-reorder: "\f0c9";
|
||||
$fa-var-repeat: "\f01e";
|
||||
$fa-var-reply: "\f112";
|
||||
$fa-var-reply-all: "\f122";
|
||||
$fa-var-resistance: "\f1d0";
|
||||
$fa-var-retweet: "\f079";
|
||||
$fa-var-rmb: "\f157";
|
||||
$fa-var-road: "\f018";
|
||||
$fa-var-rocket: "\f135";
|
||||
$fa-var-rotate-left: "\f0e2";
|
||||
$fa-var-rotate-right: "\f01e";
|
||||
$fa-var-rouble: "\f158";
|
||||
$fa-var-rss: "\f09e";
|
||||
$fa-var-rss-square: "\f143";
|
||||
$fa-var-rub: "\f158";
|
||||
$fa-var-ruble: "\f158";
|
||||
$fa-var-rupee: "\f156";
|
||||
$fa-var-s15: "\f2cd";
|
||||
$fa-var-safari: "\f267";
|
||||
$fa-var-save: "\f0c7";
|
||||
$fa-var-scissors: "\f0c4";
|
||||
$fa-var-scribd: "\f28a";
|
||||
$fa-var-search: "\f002";
|
||||
$fa-var-search-minus: "\f010";
|
||||
$fa-var-search-plus: "\f00e";
|
||||
$fa-var-sellsy: "\f213";
|
||||
$fa-var-send: "\f1d8";
|
||||
$fa-var-send-o: "\f1d9";
|
||||
$fa-var-server: "\f233";
|
||||
$fa-var-share: "\f064";
|
||||
$fa-var-share-alt: "\f1e0";
|
||||
$fa-var-share-alt-square: "\f1e1";
|
||||
$fa-var-share-square: "\f14d";
|
||||
$fa-var-share-square-o: "\f045";
|
||||
$fa-var-shekel: "\f20b";
|
||||
$fa-var-sheqel: "\f20b";
|
||||
$fa-var-shield: "\f132";
|
||||
$fa-var-ship: "\f21a";
|
||||
$fa-var-shirtsinbulk: "\f214";
|
||||
$fa-var-shopping-bag: "\f290";
|
||||
$fa-var-shopping-basket: "\f291";
|
||||
$fa-var-shopping-cart: "\f07a";
|
||||
$fa-var-shower: "\f2cc";
|
||||
$fa-var-sign-in: "\f090";
|
||||
$fa-var-sign-language: "\f2a7";
|
||||
$fa-var-sign-out: "\f08b";
|
||||
$fa-var-signal: "\f012";
|
||||
$fa-var-signing: "\f2a7";
|
||||
$fa-var-simplybuilt: "\f215";
|
||||
$fa-var-sitemap: "\f0e8";
|
||||
$fa-var-skyatlas: "\f216";
|
||||
$fa-var-skype: "\f17e";
|
||||
$fa-var-slack: "\f198";
|
||||
$fa-var-sliders: "\f1de";
|
||||
$fa-var-slideshare: "\f1e7";
|
||||
$fa-var-smile-o: "\f118";
|
||||
$fa-var-snapchat: "\f2ab";
|
||||
$fa-var-snapchat-ghost: "\f2ac";
|
||||
$fa-var-snapchat-square: "\f2ad";
|
||||
$fa-var-snowflake-o: "\f2dc";
|
||||
$fa-var-soccer-ball-o: "\f1e3";
|
||||
$fa-var-sort: "\f0dc";
|
||||
$fa-var-sort-alpha-asc: "\f15d";
|
||||
$fa-var-sort-alpha-desc: "\f15e";
|
||||
$fa-var-sort-amount-asc: "\f160";
|
||||
$fa-var-sort-amount-desc: "\f161";
|
||||
$fa-var-sort-asc: "\f0de";
|
||||
$fa-var-sort-desc: "\f0dd";
|
||||
$fa-var-sort-down: "\f0dd";
|
||||
$fa-var-sort-numeric-asc: "\f162";
|
||||
$fa-var-sort-numeric-desc: "\f163";
|
||||
$fa-var-sort-up: "\f0de";
|
||||
$fa-var-soundcloud: "\f1be";
|
||||
$fa-var-space-shuttle: "\f197";
|
||||
$fa-var-spinner: "\f110";
|
||||
$fa-var-spoon: "\f1b1";
|
||||
$fa-var-spotify: "\f1bc";
|
||||
$fa-var-square: "\f0c8";
|
||||
$fa-var-square-o: "\f096";
|
||||
$fa-var-stack-exchange: "\f18d";
|
||||
$fa-var-stack-overflow: "\f16c";
|
||||
$fa-var-star: "\f005";
|
||||
$fa-var-star-half: "\f089";
|
||||
$fa-var-star-half-empty: "\f123";
|
||||
$fa-var-star-half-full: "\f123";
|
||||
$fa-var-star-half-o: "\f123";
|
||||
$fa-var-star-o: "\f006";
|
||||
$fa-var-steam: "\f1b6";
|
||||
$fa-var-steam-square: "\f1b7";
|
||||
$fa-var-step-backward: "\f048";
|
||||
$fa-var-step-forward: "\f051";
|
||||
$fa-var-stethoscope: "\f0f1";
|
||||
$fa-var-sticky-note: "\f249";
|
||||
$fa-var-sticky-note-o: "\f24a";
|
||||
$fa-var-stop: "\f04d";
|
||||
$fa-var-stop-circle: "\f28d";
|
||||
$fa-var-stop-circle-o: "\f28e";
|
||||
$fa-var-street-view: "\f21d";
|
||||
$fa-var-strikethrough: "\f0cc";
|
||||
$fa-var-stumbleupon: "\f1a4";
|
||||
$fa-var-stumbleupon-circle: "\f1a3";
|
||||
$fa-var-subscript: "\f12c";
|
||||
$fa-var-subway: "\f239";
|
||||
$fa-var-suitcase: "\f0f2";
|
||||
$fa-var-sun-o: "\f185";
|
||||
$fa-var-superpowers: "\f2dd";
|
||||
$fa-var-superscript: "\f12b";
|
||||
$fa-var-support: "\f1cd";
|
||||
$fa-var-table: "\f0ce";
|
||||
$fa-var-tablet: "\f10a";
|
||||
$fa-var-tachometer: "\f0e4";
|
||||
$fa-var-tag: "\f02b";
|
||||
$fa-var-tags: "\f02c";
|
||||
$fa-var-tasks: "\f0ae";
|
||||
$fa-var-taxi: "\f1ba";
|
||||
$fa-var-telegram: "\f2c6";
|
||||
$fa-var-television: "\f26c";
|
||||
$fa-var-tencent-weibo: "\f1d5";
|
||||
$fa-var-terminal: "\f120";
|
||||
$fa-var-text-height: "\f034";
|
||||
$fa-var-text-width: "\f035";
|
||||
$fa-var-th: "\f00a";
|
||||
$fa-var-th-large: "\f009";
|
||||
$fa-var-th-list: "\f00b";
|
||||
$fa-var-themeisle: "\f2b2";
|
||||
$fa-var-thermometer: "\f2c7";
|
||||
$fa-var-thermometer-0: "\f2cb";
|
||||
$fa-var-thermometer-1: "\f2ca";
|
||||
$fa-var-thermometer-2: "\f2c9";
|
||||
$fa-var-thermometer-3: "\f2c8";
|
||||
$fa-var-thermometer-4: "\f2c7";
|
||||
$fa-var-thermometer-empty: "\f2cb";
|
||||
$fa-var-thermometer-full: "\f2c7";
|
||||
$fa-var-thermometer-half: "\f2c9";
|
||||
$fa-var-thermometer-quarter: "\f2ca";
|
||||
$fa-var-thermometer-three-quarters: "\f2c8";
|
||||
$fa-var-thumb-tack: "\f08d";
|
||||
$fa-var-thumbs-down: "\f165";
|
||||
$fa-var-thumbs-o-down: "\f088";
|
||||
$fa-var-thumbs-o-up: "\f087";
|
||||
$fa-var-thumbs-up: "\f164";
|
||||
$fa-var-ticket: "\f145";
|
||||
$fa-var-times: "\f00d";
|
||||
$fa-var-times-circle: "\f057";
|
||||
$fa-var-times-circle-o: "\f05c";
|
||||
$fa-var-times-rectangle: "\f2d3";
|
||||
$fa-var-times-rectangle-o: "\f2d4";
|
||||
$fa-var-tint: "\f043";
|
||||
$fa-var-toggle-down: "\f150";
|
||||
$fa-var-toggle-left: "\f191";
|
||||
$fa-var-toggle-off: "\f204";
|
||||
$fa-var-toggle-on: "\f205";
|
||||
$fa-var-toggle-right: "\f152";
|
||||
$fa-var-toggle-up: "\f151";
|
||||
$fa-var-trademark: "\f25c";
|
||||
$fa-var-train: "\f238";
|
||||
$fa-var-transgender: "\f224";
|
||||
$fa-var-transgender-alt: "\f225";
|
||||
$fa-var-trash: "\f1f8";
|
||||
$fa-var-trash-o: "\f014";
|
||||
$fa-var-tree: "\f1bb";
|
||||
$fa-var-trello: "\f181";
|
||||
$fa-var-tripadvisor: "\f262";
|
||||
$fa-var-trophy: "\f091";
|
||||
$fa-var-truck: "\f0d1";
|
||||
$fa-var-try: "\f195";
|
||||
$fa-var-tty: "\f1e4";
|
||||
$fa-var-tumblr: "\f173";
|
||||
$fa-var-tumblr-square: "\f174";
|
||||
$fa-var-turkish-lira: "\f195";
|
||||
$fa-var-tv: "\f26c";
|
||||
$fa-var-twitch: "\f1e8";
|
||||
$fa-var-twitter: "\f099";
|
||||
$fa-var-twitter-square: "\f081";
|
||||
$fa-var-umbrella: "\f0e9";
|
||||
$fa-var-underline: "\f0cd";
|
||||
$fa-var-undo: "\f0e2";
|
||||
$fa-var-viho-access: "\f29a";
|
||||
$fa-var-university: "\f19c";
|
||||
$fa-var-unlink: "\f127";
|
||||
$fa-var-unlock: "\f09c";
|
||||
$fa-var-unlock-alt: "\f13e";
|
||||
$fa-var-unsorted: "\f0dc";
|
||||
$fa-var-upload: "\f093";
|
||||
$fa-var-usb: "\f287";
|
||||
$fa-var-usd: "\f155";
|
||||
$fa-var-user: "\f007";
|
||||
$fa-var-user-circle: "\f2bd";
|
||||
$fa-var-user-circle-o: "\f2be";
|
||||
$fa-var-user-md: "\f0f0";
|
||||
$fa-var-user-o: "\f2c0";
|
||||
$fa-var-user-plus: "\f234";
|
||||
$fa-var-user-secret: "\f21b";
|
||||
$fa-var-user-times: "\f235";
|
||||
$fa-var-users: "\f0c0";
|
||||
$fa-var-vcard: "\f2bb";
|
||||
$fa-var-vcard-o: "\f2bc";
|
||||
$fa-var-venus: "\f221";
|
||||
$fa-var-venus-double: "\f226";
|
||||
$fa-var-venus-mars: "\f228";
|
||||
$fa-var-viacoin: "\f237";
|
||||
$fa-var-viadeo: "\f2a9";
|
||||
$fa-var-viadeo-square: "\f2aa";
|
||||
$fa-var-video-camera: "\f03d";
|
||||
$fa-var-vimeo: "\f27d";
|
||||
$fa-var-vimeo-square: "\f194";
|
||||
$fa-var-vine: "\f1ca";
|
||||
$fa-var-vk: "\f189";
|
||||
$fa-var-volume-control-phone: "\f2a0";
|
||||
$fa-var-volume-down: "\f027";
|
||||
$fa-var-volume-off: "\f026";
|
||||
$fa-var-volume-up: "\f028";
|
||||
$fa-var-warning: "\f071";
|
||||
$fa-var-wechat: "\f1d7";
|
||||
$fa-var-weibo: "\f18a";
|
||||
$fa-var-weixin: "\f1d7";
|
||||
$fa-var-whatsapp: "\f232";
|
||||
$fa-var-wheelchair: "\f193";
|
||||
$fa-var-wheelchair-alt: "\f29b";
|
||||
$fa-var-wifi: "\f1eb";
|
||||
$fa-var-wikipedia-w: "\f266";
|
||||
$fa-var-window-close: "\f2d3";
|
||||
$fa-var-window-close-o: "\f2d4";
|
||||
$fa-var-window-maximize: "\f2d0";
|
||||
$fa-var-window-minimize: "\f2d1";
|
||||
$fa-var-window-restore: "\f2d2";
|
||||
$fa-var-windows: "\f17a";
|
||||
$fa-var-won: "\f159";
|
||||
$fa-var-wordpress: "\f19a";
|
||||
$fa-var-wpbeginner: "\f297";
|
||||
$fa-var-wpexplorer: "\f2de";
|
||||
$fa-var-wpforms: "\f298";
|
||||
$fa-var-wrench: "\f0ad";
|
||||
$fa-var-xing: "\f168";
|
||||
$fa-var-xing-square: "\f169";
|
||||
$fa-var-y-combinator: "\f23b";
|
||||
$fa-var-y-combinator-square: "\f1d4";
|
||||
$fa-var-yahoo: "\f19e";
|
||||
$fa-var-yc: "\f23b";
|
||||
$fa-var-yc-square: "\f1d4";
|
||||
$fa-var-yelp: "\f1e9";
|
||||
$fa-var-yen: "\f157";
|
||||
$fa-var-yoast: "\f2b1";
|
||||
$fa-var-youtube: "\f167";
|
||||
$fa-var-youtube-play: "\f16a";
|
||||
$fa-var-youtube-square: "\f166";
|
||||
|
||||
568
public/assets/scss/font-awesome/dropzone/_dropzone.scss
vendored
Normal file
568
public/assets/scss/font-awesome/dropzone/_dropzone.scss
vendored
Normal file
@@ -0,0 +1,568 @@
|
||||
/* The MIT License */
|
||||
@-moz-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-o-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
@keyframes loading {
|
||||
0% {
|
||||
background-position: 0 -400px;
|
||||
}
|
||||
100% {
|
||||
background-position: -7px -400px;
|
||||
}
|
||||
}
|
||||
.dropzone {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
border: 1px solid rgba(0,0,0,0.08);
|
||||
background: rgba(0,0,0,0.02);
|
||||
padding: 1em;
|
||||
min-height: 360px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.dz-message {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-preview {
|
||||
background: rgba(255,255,255,0.8);
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 17px;
|
||||
vertical-align: top;
|
||||
border: 1px solid #acacac;
|
||||
padding: 6px 6px 6px 6px;
|
||||
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
font-size: 14px;
|
||||
.dz-details {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
background-color: #eeeeee;
|
||||
width: 50%;
|
||||
left: 32px;
|
||||
text-align: center;
|
||||
.dz-filename {
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-success-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #8cc657;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -163px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-error-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #ee162d;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -123px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-progress {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 6px;
|
||||
right: 6px;
|
||||
height: 6px;
|
||||
background: $success-color;
|
||||
display: none;
|
||||
.dz-upload {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
background-color: #8cc657;
|
||||
-webkit-animation: loading 0.4s linear infinite;
|
||||
-moz-animation: loading 0.4s linear infinite;
|
||||
-o-animation: loading 0.4s linear infinite;
|
||||
-ms-animation: loading 0.4s linear infinite;
|
||||
animation: loading 0.4s linear infinite;
|
||||
-webkit-transition: width 0.3s ease-in-out;
|
||||
-moz-transition: width 0.3s ease-in-out;
|
||||
-o-transition: width 0.3s ease-in-out;
|
||||
-ms-transition: width 0.3s ease-in-out;
|
||||
transition: width 0.3s ease-in-out;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -400px;
|
||||
}
|
||||
}
|
||||
.dz-error-message {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -20px;
|
||||
background: rgba(245,245,245,0.8);
|
||||
padding: 8px 10px;
|
||||
color: #800;
|
||||
min-width: 140px;
|
||||
max-width: 500px;
|
||||
z-index: 500;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
}
|
||||
&:hover.dz-error {
|
||||
.dz-error-message {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-file-preview {
|
||||
[data-dz-thumbnail] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-error {
|
||||
.dz-error-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
.dz-upload {
|
||||
background: $success-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-success {
|
||||
.dz-success-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-processing {
|
||||
.dz-progress {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.dz-default.dz-message {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
position: absolute;
|
||||
width: 428px;
|
||||
height: 123px;
|
||||
margin-left: -214px;
|
||||
margin-top: -61.5px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-image-preview {
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: block;
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=10);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropzone-previews {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.dz-preview {
|
||||
background: rgba(255,255,255,0.8);
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 17px;
|
||||
vertical-align: top;
|
||||
border: 1px solid #acacac;
|
||||
padding: 6px 6px 6px 6px;
|
||||
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||
font-size: 14px;
|
||||
.dz-details {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
background: #ebebeb;
|
||||
padding: 5px;
|
||||
margin-bottom: 22px;
|
||||
.dz-filename {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.dz-size {
|
||||
position: absolute;
|
||||
bottom: -28px;
|
||||
left: 3px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-success-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #8cc657;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -163px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-error-mark {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
color: #ee162d;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -268px -123px;
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-progress {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 6px;
|
||||
right: 6px;
|
||||
height: 6px;
|
||||
background: $success-color;
|
||||
display: none;
|
||||
.dz-upload {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
background-color: #8cc657;
|
||||
-webkit-animation: loading 0.4s linear infinite;
|
||||
-moz-animation: loading 0.4s linear infinite;
|
||||
-o-animation: loading 0.4s linear infinite;
|
||||
-ms-animation: loading 0.4s linear infinite;
|
||||
animation: loading 0.4s linear infinite;
|
||||
-webkit-transition: width 0.3s ease-in-out;
|
||||
-moz-transition: width 0.3s ease-in-out;
|
||||
-o-transition: width 0.3s ease-in-out;
|
||||
-ms-transition: width 0.3s ease-in-out;
|
||||
transition: width 0.3s ease-in-out;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-image: image-url("dropzone-spritemap.png");
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -400px;
|
||||
}
|
||||
}
|
||||
.dz-error-message {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -20px;
|
||||
background: rgba(245,245,245,0.8);
|
||||
padding: 8px 10px;
|
||||
color: #800;
|
||||
min-width: 140px;
|
||||
max-width: 500px;
|
||||
z-index: 500;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.3s ease-in-out;
|
||||
-moz-transition: opacity 0.3s ease-in-out;
|
||||
-o-transition: opacity 0.3s ease-in-out;
|
||||
-ms-transition: opacity 0.3s ease-in-out;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
}
|
||||
&:hover.dz-error {
|
||||
.dz-error-message {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-file-preview {
|
||||
[data-dz-thumbnail] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-error {
|
||||
.dz-error-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
.dz-upload {
|
||||
background: #ee1e2d;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-success {
|
||||
.dz-success-mark {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.dz-progress {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-webkit-transition: opacity 0.4s ease-in-out;
|
||||
-moz-transition: opacity 0.4s ease-in-out;
|
||||
-o-transition: opacity 0.4s ease-in-out;
|
||||
-ms-transition: opacity 0.4s ease-in-out;
|
||||
transition: opacity 0.4s ease-in-out;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-processing {
|
||||
.dz-progress {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.dz-preview.dz-image-preview {
|
||||
&:hover {
|
||||
.dz-details {
|
||||
img {
|
||||
display: block;
|
||||
opacity: 0.1;
|
||||
filter: alpha(opacity=10);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropzone{
|
||||
&.dz-clickable {
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
.dz-message {
|
||||
cursor: pointer;
|
||||
* {
|
||||
cursor: default;
|
||||
}
|
||||
.dz-message {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
* {
|
||||
cursor: default;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropzone.dz-drag-hover {
|
||||
border-color: rgba(0,0,0,0.15);
|
||||
background: rgba(0,0,0,0.04);
|
||||
.dz-message {
|
||||
opacity: 0.15;
|
||||
filter: alpha(opacity=15);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
|
||||
}
|
||||
}
|
||||
.dropzone.dz-started {
|
||||
.dz-message {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
}
|
||||
.dropzone.dz-square {
|
||||
.dz-default.dz-message {
|
||||
background-position: 0 -123px;
|
||||
width: 268px;
|
||||
margin-left: -134px;
|
||||
height: 174px;
|
||||
margin-top: -87px;
|
||||
}
|
||||
}
|
||||
18
public/assets/scss/fontawesome.scss
vendored
Normal file
18
public/assets/scss/fontawesome.scss
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
/*!
|
||||
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*/
|
||||
|
||||
@import "font-awesome/variables";
|
||||
@import "font-awesome/mixins";
|
||||
@import "font-awesome/path";
|
||||
@import "font-awesome/core";
|
||||
@import "font-awesome/larger";
|
||||
@import "font-awesome/fixed-width";
|
||||
@import "font-awesome/list";
|
||||
@import "font-awesome/bordered-pulled";
|
||||
@import "font-awesome/animated";
|
||||
@import "font-awesome/rotated-flipped";
|
||||
@import "font-awesome/stacked";
|
||||
@import "font-awesome/icons";
|
||||
@import "font-awesome/screen-reader";
|
||||
2
public/assets/scss/icofont.scss
Normal file
2
public/assets/scss/icofont.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
// General theme contents
|
||||
@import "icoicon/icons";
|
||||
8535
public/assets/scss/icoicon/_icons.scss
Normal file
8535
public/assets/scss/icoicon/_icons.scss
Normal file
File diff suppressed because it is too large
Load Diff
3
public/assets/scss/image-cropper.scss
Normal file
3
public/assets/scss/image-cropper.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
@import "theme/variables";
|
||||
@import "image-cropper/cropper-custom";
|
||||
@import "image-cropper/cropper-main";
|
||||
247
public/assets/scss/image-cropper/_cropper-custom.scss
Normal file
247
public/assets/scss/image-cropper/_cropper-custom.scss
Normal file
@@ -0,0 +1,247 @@
|
||||
%cropper-position {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
%cropper-bg {
|
||||
background-color: $light-gray;
|
||||
content: ' ';
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
%cropper-position-another {
|
||||
display: block;
|
||||
height: 100%;
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
.cropper-container {
|
||||
direction: ltr;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
touch-action: none;
|
||||
user-select: none;
|
||||
img {
|
||||
display: block;
|
||||
height: 100%;
|
||||
image-orientation: 0deg;
|
||||
max-height: none !important;
|
||||
max-width: none !important;
|
||||
min-height: 0 !important;
|
||||
min-width: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.cropper-wrap-box {
|
||||
@extend %cropper-position;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cropper-canvas {
|
||||
@extend %cropper-position;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cropper-drag-box {
|
||||
@extend %cropper-position;
|
||||
background-color: $white;
|
||||
opacity: 0;
|
||||
}
|
||||
.cropper-crop-box {
|
||||
@extend %cropper-position;
|
||||
}
|
||||
.cropper-modal {
|
||||
@extend %cropper-position;
|
||||
background-color: $black;
|
||||
opacity: .5;
|
||||
}
|
||||
.cropper-view-box {
|
||||
display: block;
|
||||
height: 100%;
|
||||
outline-color: $primary-color;
|
||||
outline: 1px solid $primary-color;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
.cropper-dashed {
|
||||
border: 0 dashed $light-gray;
|
||||
display: block;
|
||||
opacity: .5;
|
||||
position: absolute;
|
||||
&.dashed-h {
|
||||
border-bottom-width: 1px;
|
||||
border-top-width: 1px;
|
||||
height: 33.33333%;
|
||||
left: 0;
|
||||
top: 33.33333%;
|
||||
width: 100%;
|
||||
}
|
||||
&.dashed-v {
|
||||
border-left-width: 1px;
|
||||
border-right-width: 1px;
|
||||
height: 100%;
|
||||
left: 33.33333%;
|
||||
top: 0;
|
||||
width: 33.33333%;
|
||||
}
|
||||
}
|
||||
.cropper-center {
|
||||
display: block;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
opacity: .75;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 0;
|
||||
&:before {
|
||||
@extend %cropper-bg;
|
||||
height: 1px;
|
||||
left: -3px;
|
||||
top: 0;
|
||||
width: 7px;
|
||||
}
|
||||
&:after {
|
||||
@extend %cropper-bg;
|
||||
height: 7px;
|
||||
left: 0;
|
||||
top: -3px;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
.cropper-face {
|
||||
@extend %cropper-position-another;
|
||||
background-color: $white;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.cropper-line {
|
||||
@extend %cropper-position-another;
|
||||
background-color: $primary-color;
|
||||
&.line-e {
|
||||
cursor: ew-resize;
|
||||
right: -3px;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
}
|
||||
&.line-n {
|
||||
cursor: ns-resize;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
top: -3px;
|
||||
}
|
||||
&.line-w {
|
||||
cursor: ew-resize;
|
||||
left: -3px;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
}
|
||||
&.line-s {
|
||||
bottom: -3px;
|
||||
cursor: ns-resize;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.cropper-point {
|
||||
@extend %cropper-position-another;
|
||||
background-color: $primary-color;
|
||||
height: 5px;
|
||||
opacity: .75;
|
||||
width: 5px;
|
||||
&.point-e {
|
||||
cursor: ew-resize;
|
||||
margin-top: -3px;
|
||||
right: -3px;
|
||||
top: 50%;
|
||||
}
|
||||
&.point-n {
|
||||
cursor: ns-resize;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
top: -3px;
|
||||
}
|
||||
&.point-w {
|
||||
cursor: ew-resize;
|
||||
left: -3px;
|
||||
margin-top: -3px;
|
||||
top: 50%;
|
||||
}
|
||||
&.point-s {
|
||||
bottom: -3px;
|
||||
cursor: s-resize;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
}
|
||||
&.point-ne {
|
||||
cursor: nesw-resize;
|
||||
right: -3px;
|
||||
top: -3px;
|
||||
}
|
||||
&.point-nw {
|
||||
cursor: nwse-resize;
|
||||
left: -3px;
|
||||
top: -3px;
|
||||
}
|
||||
&.point-sw {
|
||||
bottom: -3px;
|
||||
cursor: nesw-resize;
|
||||
left: -3px;
|
||||
}
|
||||
&.point-se {
|
||||
bottom: -3px;
|
||||
cursor: nwse-resize;
|
||||
height: 20px;
|
||||
opacity: 1;
|
||||
right: -3px;
|
||||
width: 20px;
|
||||
&:before {
|
||||
background-color: $primary-color;
|
||||
bottom: -50%;
|
||||
content: ' ';
|
||||
display: block;
|
||||
height: 200%;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: -50%;
|
||||
width: 200%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cropper-invisible {
|
||||
opacity: 0;
|
||||
}
|
||||
.cropper-bg {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
|
||||
}
|
||||
.cropper-hide {
|
||||
display: block;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
width: 0;
|
||||
}
|
||||
.cropper-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
.cropper-move {
|
||||
cursor: move;
|
||||
}
|
||||
.cropper-crop {
|
||||
cursor: crosshair;
|
||||
}
|
||||
.cropper-disabled {
|
||||
.cropper-drag-box {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.cropper-face {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.cropper-line {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.cropper-point {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
251
public/assets/scss/image-cropper/_cropper-main.scss
Normal file
251
public/assets/scss/image-cropper/_cropper-main.scss
Normal file
@@ -0,0 +1,251 @@
|
||||
.img-cropper {
|
||||
.btn {
|
||||
padding: 6px 15px;
|
||||
}
|
||||
|
||||
label.btn {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.d-flex > .btn {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.carbonads {
|
||||
border-radius: .25rem;
|
||||
border: 1px solid #ccc;
|
||||
font-size: .875rem;
|
||||
overflow: hidden;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.carbon-wrap {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.carbon-img {
|
||||
clear: left;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.carbon-text,
|
||||
.carbon-poweredby {
|
||||
display: block;
|
||||
margin-left: 140px;
|
||||
}
|
||||
|
||||
.carbon-text,
|
||||
.carbon-text:hover,
|
||||
.carbon-text:focus {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.carbon-poweredby,
|
||||
.carbon-poweredby:hover,
|
||||
.carbon-poweredby:focus {
|
||||
color: #ddd;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.carbonads {
|
||||
float: right;
|
||||
margin-bottom: -1rem;
|
||||
margin-top: -1rem;
|
||||
max-width: 360px;
|
||||
}
|
||||
|
||||
|
||||
.heart {
|
||||
color: #ddd;
|
||||
display: block;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.heart:hover {
|
||||
color: #ff4136;
|
||||
}
|
||||
|
||||
.heart::before {
|
||||
border-top: 1px solid #eee;
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.heart::after {
|
||||
background-color: #fff;
|
||||
content: "♥";
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.img-container,
|
||||
.img-preview {
|
||||
background-color: #f7f7f7;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.img-container {
|
||||
margin-bottom: 1rem;
|
||||
max-height: 497px;
|
||||
min-height: 200px;
|
||||
.cropper-bg{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
|
||||
.img-container {
|
||||
min-height: 497px;
|
||||
}
|
||||
|
||||
|
||||
.img-container > img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.docs-preview {
|
||||
margin-right: -1rem;
|
||||
}
|
||||
|
||||
.img-preview {
|
||||
float: left;
|
||||
margin-bottom: .5rem;
|
||||
margin-right: .5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.img-preview > img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.preview-lg {
|
||||
height: 9rem;
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
.preview-md {
|
||||
height: 4.5rem;
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
.preview-sm {
|
||||
height: 2.25rem;
|
||||
width: 4rem;
|
||||
}
|
||||
|
||||
.preview-xs {
|
||||
height: 1.125rem;
|
||||
margin-right: 0;
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.docs-data > .input-group {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
.docs-data .input-group-prepend .input-group-text {
|
||||
min-width: 4rem;
|
||||
}
|
||||
|
||||
.docs-data .input-group-append .input-group-text {
|
||||
min-width: 3rem;
|
||||
}
|
||||
|
||||
.docs-buttons > .btn,
|
||||
.docs-buttons > .btn-group,
|
||||
.docs-buttons > .form-control {
|
||||
margin-bottom: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.docs-toggles > .btn,
|
||||
.docs-toggles > .btn-group,
|
||||
.docs-toggles > .dropdown {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
.docs-tooltip {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.docs-tooltip > .icon {
|
||||
margin: 0 -.25rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.btn-upload .tooltip-inner,
|
||||
.btn-toggle .tooltip-inner {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.btn-toggle {
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
.btn-toggle > .docs-tooltip {
|
||||
margin: -.5rem;
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
|
||||
.btn-group-crop {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
.btn-group-crop > .btn {
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
}
|
||||
|
||||
.btn-group-crop .docs-tooltip {
|
||||
margin-left: -.5rem;
|
||||
margin-right: -.5rem;
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
}
|
||||
|
||||
|
||||
.docs-options .dropdown-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.docs-options .dropdown-menu > li {
|
||||
font-size: .875rem;
|
||||
padding: .125rem 1rem;
|
||||
}
|
||||
|
||||
.docs-options .dropdown-menu .form-check-label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.docs-cropped .modal-body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.docs-cropped .modal-body > img,
|
||||
.docs-cropped .modal-body > canvas {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
154
public/assets/scss/jkanban.scss
Normal file
154
public/assets/scss/jkanban.scss
Normal file
@@ -0,0 +1,154 @@
|
||||
//colors
|
||||
$color_iron_approx: #f1f1f1;
|
||||
$white: #fff;
|
||||
$black: #000;
|
||||
|
||||
|
||||
%extend_1 {
|
||||
background: $black;
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
transition: .5s ease-in-out;
|
||||
}
|
||||
|
||||
.kanban-container {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: auto;
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
display: block;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
.kanban-board {
|
||||
position: relative;
|
||||
float: left;
|
||||
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
|
||||
&.disabled-board {
|
||||
opacity: 0.3;
|
||||
}
|
||||
header {
|
||||
font-size: 16px;
|
||||
padding: 20px 30px;
|
||||
.kanban-title-board {
|
||||
font-weight:600;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.kanban-title-button {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.kanban-drag {
|
||||
min-height: 200px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
display: block;
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.is-moving.gu-mirror {
|
||||
transform: rotate(3deg);
|
||||
|
||||
.kanban-drag {
|
||||
overflow: hidden;
|
||||
padding-right: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.kanban-item {
|
||||
background: $white;
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
|
||||
&:hover {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&.is-moving.gu-mirror {
|
||||
transform: rotate(3deg);
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.gu-mirror {
|
||||
position: fixed !important;
|
||||
margin: 0 !important;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.gu-hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.gu-unselectable {
|
||||
user-select: none !important;
|
||||
}
|
||||
|
||||
.gu-transit {
|
||||
opacity: 0.2 !important;
|
||||
transform: rotate(0deg) !important;
|
||||
}
|
||||
|
||||
.drag_handler {
|
||||
background: $white;
|
||||
border-radius: 50%;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: relative;
|
||||
float: left;
|
||||
top: -3px;
|
||||
margin-right: 4px;
|
||||
|
||||
&:hover {
|
||||
cursor: move;
|
||||
}
|
||||
}
|
||||
|
||||
.drag_handler_icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
background: $black;
|
||||
width: 24px;
|
||||
height: 2px;
|
||||
top: 12px;
|
||||
transition: .5s ease-in-out;
|
||||
|
||||
&:before {
|
||||
@extend %extend_1;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
@extend %extend_1;
|
||||
bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
#myKanban {
|
||||
overflow-x: auto;
|
||||
padding: 20px 0;
|
||||
}
|
||||
3
public/assets/scss/jsgrid.scss
Normal file
3
public/assets/scss/jsgrid.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
//Jsgrid
|
||||
@import "jsgrid/jsgrid";
|
||||
@import "jsgrid/jsgrid-theme";
|
||||
298
public/assets/scss/jsgrid/_jsgrid-theme.scss
Normal file
298
public/assets/scss/jsgrid/_jsgrid-theme.scss
Normal file
@@ -0,0 +1,298 @@
|
||||
///////////////////JsGrid tables css
|
||||
|
||||
//colors
|
||||
$color_gray_nurse_approx: #e9e9e9;
|
||||
$color_alabaster_approx: #f9f9f9;
|
||||
$seashell: #f1f1f1;
|
||||
$color_tropical_blue_approx: #c4e2ff;
|
||||
$color_lightning_yellow_approx: #ffc412;
|
||||
$color_concrete_approx: #f3f3f3;
|
||||
$white: #fff;
|
||||
$color_hint_of_green_approx: #e3ffe5;
|
||||
$color_half_and_half_approx: #fdffe3;
|
||||
$color_pippin_approx: #ffe3e5;
|
||||
$color_geraldine_approx: #ff808a;
|
||||
$color_quill_gray_approx: #d3d3d3;
|
||||
$color_alto_approx: #ddd;
|
||||
$color_green_haze_approx: #009a67;
|
||||
|
||||
//urls
|
||||
$url_0: url(../images/js-grid.png);
|
||||
@import "../theme/variables";
|
||||
|
||||
.jsgrid-grid-body {
|
||||
border: 1px solid $color_gray_nurse_approx;
|
||||
border-top: none;
|
||||
.jsgrid-cell {
|
||||
&:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
.jsgrid-alt-row:first-child .jsgrid-cell {
|
||||
border-top: none;
|
||||
}
|
||||
.jsgrid-row:first-child .jsgrid-cell {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
.jsgrid-grid-header {
|
||||
border: 1px solid $color_gray_nurse_approx;
|
||||
// background: $color_alabaster_approx;
|
||||
background-color:$light-background;
|
||||
}
|
||||
.jsgrid-header-row {
|
||||
.jsgrid-align-left {
|
||||
text-align: center;
|
||||
}
|
||||
.jsgrid-align-right {
|
||||
text-align: center;
|
||||
}
|
||||
.jsgrid-header-sort {
|
||||
background: $color_tropical_blue_approx;
|
||||
}
|
||||
> .jsgrid-header-cell {
|
||||
border: 1px solid $color_gray_nurse_approx;
|
||||
border-top: 0;
|
||||
// background: $color_alabaster_approx;
|
||||
background-color:$light-background ;
|
||||
border-bottom: 0;
|
||||
&:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsgrid-header-scrollbar {
|
||||
scrollbar-arrow-color: $seashell;
|
||||
scrollbar-base-color: $seashell;
|
||||
scrollbar-3dlight-color: $seashell;
|
||||
scrollbar-highlight-color: $seashell;
|
||||
scrollbar-track-color: $seashell;
|
||||
scrollbar-shadow-color: $seashell;
|
||||
scrollbar-dark-shadow-color: $seashell;
|
||||
}
|
||||
.jsgrid-header-scrollbar::-webkit-scrollbar {
|
||||
visibility: hidden;
|
||||
}
|
||||
.jsgrid-header-scrollbar::-webkit-scrollbar-track {
|
||||
background: $seashell;
|
||||
}
|
||||
.jsgrid-cell {
|
||||
border: 1px solid $color_concrete_approx;
|
||||
}
|
||||
.jsgrid-invalid {
|
||||
input {
|
||||
background: $color_pippin_approx;
|
||||
border: 1px solid $color_geraldine_approx;
|
||||
}
|
||||
select {
|
||||
background: $color_pippin_approx;
|
||||
border: 1px solid $color_geraldine_approx;
|
||||
}
|
||||
textarea {
|
||||
background: $color_pippin_approx;
|
||||
border: 1px solid $color_geraldine_approx;
|
||||
}
|
||||
}
|
||||
.jsgrid-pager-current-page {
|
||||
font-weight: 700;
|
||||
}
|
||||
.jsgrid-button {
|
||||
&:hover {
|
||||
opacity: .5;
|
||||
//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
|
||||
transition: opacity 200ms linear;
|
||||
}
|
||||
+ .jsgrid-button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.jsgrid {
|
||||
.jsgrid-button {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
background-image: $url_0;
|
||||
background-repeat: no-repeat;
|
||||
background-color: transparent;
|
||||
}
|
||||
.jsgrid-mode-button {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
}
|
||||
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
|
||||
.jsgrid .jsgrid-button {
|
||||
background-image: $url_0;
|
||||
background-size: 24px 352px;
|
||||
}
|
||||
}
|
||||
.jsgrid-mode-on-button {
|
||||
opacity: .5;
|
||||
}
|
||||
.jsgrid-cancel-edit-button {
|
||||
background-position: 0 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.jsgrid-clear-filter-button {
|
||||
background-position: 0 -40px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.jsgrid-delete-button {
|
||||
background-position: 0 -80px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.jsgrid-edit-button {
|
||||
background-position: 0 -120px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.jsgrid-insert-mode-button {
|
||||
background-position: 0 -160px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.jsgrid-insert-button {
|
||||
background-position: 0 -208px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.jsgrid-search-mode-button {
|
||||
background-position: 0 -248px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.jsgrid-search-button {
|
||||
background-position: 0 -296px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.jsgrid-update-button {
|
||||
background-position: 0 -336px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.jsgrid-load-shader {
|
||||
background: $color_alto_approx;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
.jsgrid-load-panel {
|
||||
width: 15em;
|
||||
height: 5em;
|
||||
background: $white;
|
||||
border: 1px solid $color_gray_nurse_approx;
|
||||
padding-top: 3em;
|
||||
text-align: center;
|
||||
&:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
left: 50%;
|
||||
margin-left: -1em;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
border: 2px solid $color_green_haze_approx;
|
||||
border-right-color: transparent;
|
||||
//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
|
||||
border-radius: 50%;
|
||||
animation: indicator 1s linear infinite;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes indicator {
|
||||
from {
|
||||
}
|
||||
50% {
|
||||
}
|
||||
to {
|
||||
}
|
||||
}
|
||||
@keyframes indicator {
|
||||
from {
|
||||
//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
to {
|
||||
//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.jsgrid-edit-row > .jsgrid-cell {
|
||||
border: 1px solid $color_gray_nurse_approx;
|
||||
background: $color_half_and_half_approx;
|
||||
}
|
||||
.jsgrid-filter-row > .jsgrid-cell {
|
||||
border: 1px solid $color_gray_nurse_approx;
|
||||
border-bottom: 0;
|
||||
background-color:rgba($primary-color,0.04);
|
||||
&:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
.jsgrid-insert-row > .jsgrid-cell {
|
||||
border: 1px solid $color_gray_nurse_approx;
|
||||
border-bottom: 0;
|
||||
background-color:$light-background ;
|
||||
&:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
.jsgrid-header-sortable:hover {
|
||||
cursor: pointer;
|
||||
background: $color_alabaster_approx;
|
||||
}
|
||||
.jsgrid-header-sort:before {
|
||||
content: " ";
|
||||
display: block;
|
||||
float: right;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
margin-top: 8px;
|
||||
margin-right: 9px;
|
||||
}
|
||||
.jsgrid-header-sort-asc:before {
|
||||
border-width:0 5px 5px;
|
||||
border-color:transparent transparent $color_lightning_yellow_approx;
|
||||
}
|
||||
.jsgrid-header-sort-desc:before {
|
||||
border-width:5px 5px 0;
|
||||
border-color:$color_lightning_yellow_approx transparent transparent;
|
||||
}
|
||||
.jsgrid-row > .jsgrid-cell {
|
||||
background-color:$light-background;
|
||||
}
|
||||
.jsgrid-alt-row > .jsgrid-cell {
|
||||
// background: $color_alabaster_approx;
|
||||
background-color:$light-background ;
|
||||
background-color:rgba($primary-color,0.04);
|
||||
}
|
||||
.jsgrid-selected-row > .jsgrid-cell {
|
||||
background: $color_tropical_blue_approx;
|
||||
border-color: $color_tropical_blue_approx;
|
||||
}
|
||||
.jsgrid-nodata-row > .jsgrid-cell {
|
||||
background: $white;
|
||||
}
|
||||
.jsgrid-pager-nav-inactive-button a {
|
||||
color: $color_quill_gray_approx;
|
||||
}
|
||||
167
public/assets/scss/jsgrid/_jsgrid.scss
Normal file
167
public/assets/scss/jsgrid/_jsgrid.scss
Normal file
@@ -0,0 +1,167 @@
|
||||
@import "../theme/variables";
|
||||
.jsgrid {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
font-size: 1em;
|
||||
//Instead of the line below you could use @include box-sizing($bs)
|
||||
box-sizing: border-box;
|
||||
* {
|
||||
//Instead of the line below you could use @include box-sizing($bs)
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:after {
|
||||
//Instead of the line below you could use @include box-sizing($bs)
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:before {
|
||||
//Instead of the line below you could use @include box-sizing($bs)
|
||||
box-sizing: border-box;
|
||||
}
|
||||
input {
|
||||
font-size: 1em;
|
||||
}
|
||||
select {
|
||||
font-size: 1em;
|
||||
}
|
||||
textarea {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.jsgrid-grid-header {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
//Instead of the line below you could use @include user-select($select)
|
||||
user-select: none;
|
||||
}
|
||||
.jsgrid-grid-body {
|
||||
overflow-x: auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.jsgrid-table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.jsgrid-cell {
|
||||
padding: .5em;
|
||||
}
|
||||
.jsgrid-header-cell {
|
||||
//Instead of the line below you could use @include box-sizing($bs)
|
||||
box-sizing: border-box;
|
||||
padding: .5em;
|
||||
}
|
||||
.jsgrid-сell {
|
||||
//Instead of the line below you could use @include box-sizing($bs)
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.jsgrid-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
.jsgrid-align-center {
|
||||
text-align: center;
|
||||
input {
|
||||
text-align: center;
|
||||
}
|
||||
select {
|
||||
text-align: center;
|
||||
}
|
||||
textarea {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.jsgrid-align-right {
|
||||
text-align: right;
|
||||
input {
|
||||
text-align: right;
|
||||
}
|
||||
select {
|
||||
text-align: right;
|
||||
}
|
||||
textarea {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.jsgrid-edit-row {
|
||||
input {
|
||||
width:100%;
|
||||
padding:.3em .5em;
|
||||
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
padding: .3em .5em;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: .3em .5em;
|
||||
}
|
||||
input[type=checkbox] {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.jsgrid-filter-row {
|
||||
input {
|
||||
width:100%;
|
||||
padding:.3em .5em;
|
||||
background-color:$light-background;
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
outline:none;
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
padding: .3em .5em;
|
||||
background-color:$light-background;
|
||||
border:none;
|
||||
box-shadow: none;
|
||||
outline:none;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: .3em .5em;
|
||||
}
|
||||
input[type=checkbox] {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.jsgrid-insert-row {
|
||||
input {
|
||||
width: 100%;
|
||||
padding: .3em .5em;
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
padding: .3em .5em;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: .3em .5em;
|
||||
}
|
||||
input[type=checkbox] {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.jsgrid-header-sort {
|
||||
cursor: pointer;
|
||||
}
|
||||
.jsgrid-pager {
|
||||
padding: .5em 0;
|
||||
}
|
||||
.jsgrid-pager-nav-button {
|
||||
padding: .2em .6em;
|
||||
}
|
||||
.jsgrid-pager-nav-inactive-button {
|
||||
display: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.jsgrid-pager-page {
|
||||
padding: .2em .6em;
|
||||
}
|
||||
.jsgrid-selected-row .jsgrid-cell {
|
||||
cursor: pointer;
|
||||
}
|
||||
.jsgrid-nodata-row .jsgrid-cell {
|
||||
padding: .5em 0;
|
||||
text-align: center;
|
||||
}
|
||||
625
public/assets/scss/mapsjs-ui.scss
Normal file
625
public/assets/scss/mapsjs-ui.scss
Normal file
@@ -0,0 +1,625 @@
|
||||
/*
|
||||
* Explanation why the layout looks so complicated:
|
||||
* The UI container needs a position (absolute or relative) to prevent z-index issues (DomMarker on top of UI)
|
||||
* Therefore it has these additional styles:
|
||||
* position: absolute;
|
||||
* width: 100%;
|
||||
* height: 100%;
|
||||
* To prevent that the UI container captures all events the container is displaced by
|
||||
* left: 100%;
|
||||
* To neutralize the displacement for the UI elements within the UI container the following adjustments are needed:
|
||||
* - InfoBubble (.H_ib): left: -100%;
|
||||
* - left anchor (.H_l_left): margin-left: -100%;
|
||||
* - center anchor (.H_l_center): left: -50%; (was left: 50%)
|
||||
* - right anchor (.H_l_right): right: 100%; (was right: 0)
|
||||
* margin-left: -100%;
|
||||
*/
|
||||
|
||||
.H_ui {
|
||||
font-size: 10px;
|
||||
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
|
||||
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
-ms-user-select: none;
|
||||
|
||||
z-index: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 100%;
|
||||
}
|
||||
.H_ui * {
|
||||
/* normalize in case some other normalization CSS likes things differently */
|
||||
box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
}
|
||||
.H_noevs {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Layout
|
||||
*/
|
||||
.H_l_left {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
margin-left: -100%;
|
||||
}
|
||||
.H_l_center {
|
||||
position: absolute;
|
||||
left: -50%;
|
||||
}
|
||||
.H_l_right {
|
||||
position: absolute;
|
||||
right: 100%;
|
||||
margin-left: -100%;
|
||||
}
|
||||
.H_l_top {
|
||||
top: 0;
|
||||
}
|
||||
.H_l_middle {
|
||||
top: 50%;
|
||||
}
|
||||
.H_l_bottom {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* Fix MAPSJS-579 for modern browsers */
|
||||
[class^=H_l_] {
|
||||
pointer-events: none;
|
||||
}
|
||||
.H_ctl {
|
||||
/* hack for IE9-10, auto doesn't work for them */
|
||||
pointer-events: visiblePainted;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.H_l_horizontal .H_ctl {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.H_l_anchor {
|
||||
clear: both;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.H_l_vertical .H_ctl {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.H_l_right .H_l_vertical .H_ctl {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.H_l_right.H_l_middle.H_l_vertical .H_ctl{
|
||||
float: right;
|
||||
}
|
||||
|
||||
/**
|
||||
* Element styles
|
||||
*/
|
||||
|
||||
.H_ctl {
|
||||
margin: .6em;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-ms-touch-action: none;
|
||||
}
|
||||
|
||||
.H_btn,
|
||||
.H_rdo li {
|
||||
background: #1f262a;
|
||||
border-radius: 2em;
|
||||
color: #fff;
|
||||
padding: .4em;
|
||||
-webkit-transform: translate3d(0, 1, 0);
|
||||
}
|
||||
|
||||
.H_rdo {
|
||||
color: white;
|
||||
padding-bottom: .5em;
|
||||
margin-bottom: .5em;
|
||||
border-bottom: .1em solid #4A5B65;
|
||||
}
|
||||
.H_rdo_title {
|
||||
text-transform: uppercase;
|
||||
color: #dbe1e4;
|
||||
margin-bottom: 1em;
|
||||
|
||||
}
|
||||
.H_rdo ul {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.H_active,
|
||||
.H_rdo li.H_active {
|
||||
background: #4A5B65;
|
||||
}
|
||||
|
||||
.H_disabled,
|
||||
.H_active.H_disabled {
|
||||
color: #5A6166;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Base Elements
|
||||
*/
|
||||
.H_l_vertical .H_grp>.H_btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
.H_l_vertical .H_grp>div:first-child {
|
||||
-webkit-border-top-left-radius: 2em;
|
||||
-webkit-border-top-right-radius: 2em;
|
||||
-moz-border-radius-topleft: 2em;
|
||||
-moz-border-radius-topright: 2em;
|
||||
border-top-left-radius: 2em;
|
||||
border-top-right-radius: 2em;
|
||||
padding-top: 1em;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.H_l_vertical .H_grp>div:last-child {
|
||||
-webkit-border-bottom-right-radius: 2em;
|
||||
-webkit-border-bottom-left-radius: 2em;
|
||||
-moz-border-radius-bottomright: 2em;
|
||||
-moz-border-radius-bottomleft: 2em;
|
||||
border-bottom-right-radius: 2em;
|
||||
border-bottom-left-radius: 2em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
.H_l_horizontal .H_grp>.H_btn,
|
||||
.H_l_vertical .H_ctl {
|
||||
border-radius: 0;
|
||||
float: left;
|
||||
}
|
||||
.H_l_horizontal .H_grp>div:first-child {
|
||||
-webkit-border-top-left-radius: 2em;
|
||||
-webkit-border-bottom-left-radius: 2em;
|
||||
-moz-border-radius-topleft: 2em;
|
||||
-moz-border-radius-bottomleft: 2em;
|
||||
border-top-left-radius: 2em;
|
||||
border-bottom-left-radius: 2em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.H_l_horizontal .H_grp>div:last-child {
|
||||
-webkit-border-top-right-radius: 2em;
|
||||
-webkit-border-bottom-right-radius: 2em;
|
||||
-moz-border-radius-topright: 2em;
|
||||
-moz-border-radius-bottomright: 2em;
|
||||
border-top-right-radius: 2em;
|
||||
border-bottom-right-radius: 2em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
|
||||
/** Menu panel */
|
||||
.H_overlay {
|
||||
position: absolute;
|
||||
min-width: 15em;
|
||||
background: #1F262A;
|
||||
display: none;
|
||||
padding: 1em;
|
||||
z-index: 100;
|
||||
}
|
||||
.H_overlay>*:last-child {
|
||||
clear: both;
|
||||
}
|
||||
.H_overlay>.H_btn {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.H_overlay.H_open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.H_overlay::after {
|
||||
content: " ";
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-style: solid;
|
||||
position: absolute;
|
||||
}
|
||||
.H_overlay.H_left::after {
|
||||
border-width: 1em 1em 1em 0;
|
||||
border-color: transparent #1F262A transparent transparent;
|
||||
left: -1em;
|
||||
}
|
||||
.H_overlay.H_right::after {
|
||||
border-width: 1em 0 1em 1em;
|
||||
border-color: transparent transparent transparent #1F262A;
|
||||
left: 100%;
|
||||
}
|
||||
.H_overlay.H_top::after {
|
||||
top: .5em;
|
||||
}
|
||||
.H_overlay.H_bottom::after {
|
||||
bottom: .5em;
|
||||
}
|
||||
.H_overlay.H_middle::after {
|
||||
top: 50%;
|
||||
margin-top: -1em;
|
||||
}
|
||||
.H_overlay.H_top.H_center::after {
|
||||
border-width: 0 1em 1em 1em;
|
||||
border-color: transparent transparent #1F262A transparent;
|
||||
top: -1em;
|
||||
left: 50%;
|
||||
margin-left: -1em;
|
||||
}
|
||||
.H_overlay.H_bottom.H_center::after {
|
||||
border-width: 1em 1em 0 1em;
|
||||
border-color: #1F262A transparent transparent transparent;
|
||||
bottom: -1em;
|
||||
left: 50%;
|
||||
margin-left: -1em;
|
||||
}
|
||||
|
||||
|
||||
/** InfoBubble */
|
||||
.H_ib {
|
||||
position: absolute;
|
||||
left: .91em;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
font-size: 2em;
|
||||
line-height: 1em;
|
||||
fill: #000;
|
||||
left: -100%;
|
||||
}
|
||||
.H_ib_tail {
|
||||
position: absolute;
|
||||
left: -.3em;
|
||||
bottom: -.5em;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
z-index: 100;
|
||||
}
|
||||
.H_ib_notail .H_ib_tail {
|
||||
display: none;
|
||||
}
|
||||
.H_ib_body {
|
||||
background: #000;
|
||||
position: absolute;
|
||||
bottom: .5em;
|
||||
padding: 0 1.2em 0 0;
|
||||
border-radius: .2em;
|
||||
margin-right: -1em;
|
||||
right: 0;
|
||||
}
|
||||
.H_ib_close {
|
||||
font-size: .6em;
|
||||
position: absolute;
|
||||
right: .2em;
|
||||
top: .2em;
|
||||
cursor: pointer;
|
||||
fill: #fff;
|
||||
}
|
||||
.H_disabled .H_ib_close {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.H_ib_noclose .H_ib_close {
|
||||
display: none;
|
||||
}
|
||||
.H_ib_noclose .H_ib_body {
|
||||
padding: 0 0 0 0;
|
||||
}
|
||||
|
||||
.H_ib_content {
|
||||
min-width: 6em;
|
||||
margin: .2em 0;
|
||||
padding: 0 .2em;
|
||||
user-select: text;
|
||||
-moz-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-webkit-user-select: text;
|
||||
-o-user-select: text;
|
||||
-ms-user-select: text;
|
||||
}
|
||||
|
||||
|
||||
/*################################################## SLIDER ########################################################*/
|
||||
|
||||
.H_l_horizontal.H_slider {
|
||||
float: left;
|
||||
height: 2.8em;
|
||||
width: auto;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
.H_slider .H_slider_track {
|
||||
width: 0.2em;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.H_l_horizontal.H_slider .H_slider_track {
|
||||
height: 0.2em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.H_l_horizontal.H_slider .H_slider_cont {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.H_l_horizontal.H_slider .H_slider_knob_cont {
|
||||
margin-top: -0.2em;
|
||||
}
|
||||
|
||||
.H_slider {
|
||||
background-color: #1f262a;
|
||||
padding: 1em 0em;
|
||||
width: 2.8em;
|
||||
}
|
||||
|
||||
|
||||
.H_slider .H_slider_cont {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.H_slider .H_slider_knob_cont,
|
||||
.H_slider .H_slider_knob_halo {
|
||||
width: 2.4em;
|
||||
height: 2.4em;
|
||||
margin-left: 0em;
|
||||
border-radius:9em;
|
||||
}
|
||||
|
||||
/* This will make slightly easy to grab the knob on touch devices*/
|
||||
.H_slider .H_slider_knob_halo {
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.H_slider .H_slider_knob {
|
||||
width: 1.6em;
|
||||
height: 1.6em;
|
||||
background-color: white;
|
||||
border-radius:9em;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.H_slider .H_slider_track,
|
||||
.H_slider .H_slider_knob_cont{
|
||||
position:relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
|
||||
.H_slider .H_slider_track {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.H_slider.H_disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.H_disabled .H_slider_track,
|
||||
.H_disabled .H_slider_knob {
|
||||
background-color: #5A6166;
|
||||
}
|
||||
|
||||
/*############################################### CONTEXT MENU #####################################################*/
|
||||
.H_context_menu {
|
||||
min-width: 158px;
|
||||
max-width: 40%;
|
||||
position: absolute;
|
||||
left: -100%;
|
||||
top: 0;
|
||||
color: white;
|
||||
background-color: #000F1A;
|
||||
-moz-border-radius: .4em;
|
||||
-webkit-border-radius: .4em;
|
||||
-o-border-radius: .4em;
|
||||
border-radius: .4em;
|
||||
padding: 10px 0;
|
||||
-moz-user-select: initial;
|
||||
-khtml-user-select: initial;
|
||||
-webkit-user-select: initial;
|
||||
-o-user-select: initial;
|
||||
-ms-user-select: initial;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.H_context_menu_closed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.H_context_menu_item {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
padding: 1px 10px 0;
|
||||
}
|
||||
|
||||
.H_context_menu_item.clickable:hover,
|
||||
.H_context_menu_item.clickable:focus {
|
||||
outline: none;
|
||||
background-color: #00BBDC;
|
||||
cursor: pointer;
|
||||
}
|
||||
.H_context_menu_item.disabled {
|
||||
background: transparent !important;
|
||||
color: #5A6166;
|
||||
cursor: default !important;
|
||||
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
.H_context_menu_item_separator {
|
||||
height: 0;
|
||||
margin: 8px 10px;
|
||||
border-top: 1px solid #333;
|
||||
border-bottom: 1px solid #666;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
|
||||
/*################################################# SCALE BAR ######################################################*/
|
||||
.H_scalebar_svg {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/*################################################## PANORAMA ######################################################*/
|
||||
.H_pano_mm {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
font-size: 1.5em;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.H_pano_man {
|
||||
margin-top: -3em;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.H_pano_notransition {
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
|
||||
.H_pano_circle {
|
||||
margin-top: -1em;
|
||||
margin-left: -1em;
|
||||
transition: all .3s;
|
||||
pointer-events: none;
|
||||
}
|
||||
.H_disabled .H_pano_circle {
|
||||
transition: none;
|
||||
margin-left: -.1em;
|
||||
}
|
||||
|
||||
.H_disabled .H_pano_mm svg.H_icon, {
|
||||
fill: #ddd;
|
||||
stroke: #5A6166;
|
||||
}
|
||||
|
||||
|
||||
.H_pano_man svg.H_icon,
|
||||
.H_pano_circle svg.H_icon {
|
||||
fill: #09b;
|
||||
stroke: #fff;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.H_pano_ib {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.H_tib {
|
||||
margin: 1em 0 1em 1em;
|
||||
font-size: .5em;
|
||||
width: 30em;
|
||||
}
|
||||
.H_tib p { margin: .5em 0; padding: 0; line-height: 1.3em; }
|
||||
.H_tib p.H_tib_desc { border-top: 1px solid #666; padding-top: .5em; }
|
||||
.H_tib .H_tib_time { color: #aaa; }
|
||||
.H_tib_right { float:right; }
|
||||
|
||||
.H_dm_label {
|
||||
font: 10pt sans-serif;
|
||||
color: black;
|
||||
text-shadow: 1px 1px .5px #FFF, 1px -1px .5px #FFF, -1px 1px .5px #FFF, -1px -1px .5px #FFF;
|
||||
white-space: nowrap;
|
||||
margin-left: 12px;
|
||||
margin-top: -7px;
|
||||
/* This will not work on IE9, but it is accepted! */
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/*################################################### ICON #########################################################*/
|
||||
svg.H_icon {
|
||||
display: block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
fill: #fff;
|
||||
}
|
||||
.H_active svg.H_icon {
|
||||
fill: #fff;
|
||||
}
|
||||
.H_disabled svg.H_icon,
|
||||
.H_active.H_disabled {
|
||||
fill: #5A6166;
|
||||
}
|
||||
|
||||
/*############################################### OVERVIEW MAP #####################################################*/
|
||||
.H_overview {
|
||||
transition: width 0.2s,height 0.2s,margin-top 0.2s, padding 0.2s;
|
||||
width: 0em;
|
||||
height: 0em;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.H_overview_active {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.H_l_center .H_overview {
|
||||
left: -9999px;
|
||||
right: -9999px;
|
||||
}
|
||||
|
||||
.H_l_middle .H_overview {
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
}
|
||||
|
||||
.H_l_right .H_overview {
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
.H_l_left .H_overview {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
.H_l_bottom .H_overview {
|
||||
bottom: 0;
|
||||
}
|
||||
.H_l_center.H_l_bottom .H_overview {
|
||||
bottom: 100%;
|
||||
}
|
||||
|
||||
.H_l_top .H_overview {
|
||||
top: 0;
|
||||
}
|
||||
.H_l_center.H_l_top .H_overview {
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.H_overview .H_overview_map {
|
||||
border: 1px solid black;
|
||||
background-color: rgba(256,256,256,0.6);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.H_overview_map .H_ui {
|
||||
display: none;
|
||||
}
|
||||
7
public/assets/scss/owlcarousel.scss
Normal file
7
public/assets/scss/owlcarousel.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
@import "owltheme/theme.default";
|
||||
@import 'owltheme/core';
|
||||
@import 'owltheme/animate';
|
||||
@import 'owltheme/autoheight';
|
||||
@import 'owltheme/lazyload';
|
||||
@import 'owltheme/theme';
|
||||
|
||||
28
public/assets/scss/owltheme/_animate.scss
Normal file
28
public/assets/scss/owltheme/_animate.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel{
|
||||
.animated {
|
||||
animation-duration: 1000ms;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
.owl-animated-in {
|
||||
z-index: 0;
|
||||
}
|
||||
.owl-animated-out {
|
||||
z-index: 1;
|
||||
}
|
||||
.fadeOut {
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
7
public/assets/scss/owltheme/_autoheight.scss
Normal file
7
public/assets/scss/owltheme/_autoheight.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
|
||||
.owl-height {
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
126
public/assets/scss/owltheme/_core.scss
Normal file
126
public/assets/scss/owltheme/_core.scss
Normal file
@@ -0,0 +1,126 @@
|
||||
/*
|
||||
* Owl Carousel - Core
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
.owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
touch-action: manipulation;
|
||||
-moz-backface-visibility: hidden; /* fix firefox animation glitch */
|
||||
}
|
||||
|
||||
.owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
|
||||
.owl-wrapper,
|
||||
.owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
.owl-item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
.owl-item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.owl-nav.disabled,
|
||||
.owl-dots.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owl-nav .owl-prev,
|
||||
.owl-nav .owl-next,
|
||||
.owl-dot {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.owl-nav button.owl-prev,
|
||||
.owl-nav button.owl-next,
|
||||
button.owl-dot {
|
||||
background: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding:0!important;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
&.owl-loaded {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.owl-loading {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.owl-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&.owl-refresh .owl-item {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
&.owl-drag .owl-item {
|
||||
touch-action: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
&.owl-grab {
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
&.owl-rtl {
|
||||
direction: rtl !important;
|
||||
}
|
||||
|
||||
&.owl-rtl .owl-item {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel {
|
||||
display: block;
|
||||
}
|
||||
17
public/assets/scss/owltheme/_lazyload.scss
Normal file
17
public/assets/scss/owltheme/_lazyload.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
|
||||
.owl-carousel {
|
||||
.owl-item {
|
||||
.owl-lazy {
|
||||
opacity: 0;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
|
||||
img.owl-lazy {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
30
public/assets/scss/owltheme/_theme.default.scss
Normal file
30
public/assets/scss/owltheme/_theme.default.scss
Normal file
@@ -0,0 +1,30 @@
|
||||
/*
|
||||
* Default theme - Owl Carousel CSS File
|
||||
*/
|
||||
|
||||
$color-base: #869791 !default;
|
||||
$color-white: #FFF !default;
|
||||
$color-gray: #D6D6D6 !default;
|
||||
|
||||
//nav
|
||||
|
||||
$nav-color: $color-white !default;
|
||||
$nav-color-hover: $color-white !default;
|
||||
$nav-font-size: 14px !default;
|
||||
$nav-rounded: 3px !default;
|
||||
$nav-margin: 5px !default;
|
||||
$nav-padding: 4px 7px !default;
|
||||
$nav-background: $color-gray !default;
|
||||
$nav-background-hover: $color-base !default;
|
||||
$nav-disabled-opacity: 0.5 !default;
|
||||
|
||||
//dots
|
||||
|
||||
$dot-width: 10px !default;
|
||||
$dot-height: 10px !default;
|
||||
$dot-rounded: 30px !default;
|
||||
$dot-margin: 5px 7px !default;
|
||||
$dot-background: $color-gray !default;
|
||||
$dot-background-active: $color-base !default;
|
||||
|
||||
@import 'theme';
|
||||
64
public/assets/scss/owltheme/_theme.scss
Normal file
64
public/assets/scss/owltheme/_theme.scss
Normal file
@@ -0,0 +1,64 @@
|
||||
|
||||
.owl-theme {
|
||||
// Styling Next and Prev buttons
|
||||
.owl-nav {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
[class*='owl-'] {
|
||||
color: $nav-color;
|
||||
font-size: $nav-font-size;
|
||||
margin: $nav-margin;
|
||||
padding: $nav-padding;
|
||||
background: $nav-background;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
|
||||
&:hover {
|
||||
background: $nav-background-hover;
|
||||
color:$nav-color-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.disabled {
|
||||
opacity: $nav-disabled-opacity;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
// Styling dots
|
||||
.owl-nav.disabled + .owl-dots {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.owl-dots {
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
.owl-dot {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
outline: none;
|
||||
span {
|
||||
width: $dot-width;
|
||||
height: $dot-height;
|
||||
margin: $dot-margin;
|
||||
background: $dot-background;
|
||||
display: block;
|
||||
-webkit-backface-visibility: visible;
|
||||
transition: opacity 200ms ease;
|
||||
border-radius: $dot-rounded;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:hover {
|
||||
span {
|
||||
background: $dot-background-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
66
public/assets/scss/photoswipe.scss
Normal file
66
public/assets/scss/photoswipe.scss
Normal file
@@ -0,0 +1,66 @@
|
||||
@import "photoswipe/photoswipe-default";
|
||||
@import "photoswipe/photoswipe";
|
||||
|
||||
.my-gallery {
|
||||
padding-right: 0;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
figure{
|
||||
// margin-bottom: 30px;
|
||||
}
|
||||
figcaption {
|
||||
display: none;
|
||||
}
|
||||
&.gallery-with-description{
|
||||
img{
|
||||
padding: 10px !important;
|
||||
border: 1px solid #ddd !important;
|
||||
border-bottom: none ! important;
|
||||
border-radius: 0;
|
||||
}
|
||||
a{
|
||||
> div{
|
||||
border-top: none !important;
|
||||
margin-bottom: 0;
|
||||
padding: 5px 10px 10px 10px;
|
||||
}
|
||||
}
|
||||
h4{
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
&.gallery{
|
||||
figure{
|
||||
&.img-hover{
|
||||
a{
|
||||
> div {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
&.hover-12{
|
||||
a{
|
||||
> div {
|
||||
background: #158df7;
|
||||
&:hover {
|
||||
img {
|
||||
opacity: .7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#aniimated-thumbnials{
|
||||
figure{
|
||||
&:nth-child(12),
|
||||
&:nth-child(11),
|
||||
&:nth-child(10),
|
||||
&:nth-child(9){
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
508
public/assets/scss/photoswipe/_photoswipe-default.scss
Normal file
508
public/assets/scss/photoswipe/_photoswipe-default.scss
Normal file
@@ -0,0 +1,508 @@
|
||||
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
.pswp__button {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: relative;
|
||||
background: 0;
|
||||
cursor: pointer;
|
||||
overflow: visible;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: right;
|
||||
opacity: .75;
|
||||
-webkit-transition: opacity .2s;
|
||||
transition: opacity .2s;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none
|
||||
}
|
||||
.pswp__button:focus,
|
||||
.pswp__button:hover {
|
||||
opacity: 1
|
||||
}
|
||||
.pswp__button:active {
|
||||
outline: 0;
|
||||
opacity: .9
|
||||
}
|
||||
.pswp__button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0
|
||||
}
|
||||
.pswp__ui--over-close .pswp__button--close {
|
||||
opacity: 1
|
||||
}
|
||||
.pswp__button,
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
background: url(../images/lightgallry/default-skin.png) 0 0 no-repeat;
|
||||
background-size: 264px 88px;
|
||||
width: 44px;
|
||||
height: 44px
|
||||
}
|
||||
|
||||
@media(-webkit-min-device-pixel-ratio:1.1),
|
||||
(-webkit-min-device-pixel-ratio:1.09375),
|
||||
(min-resolution:105dpi),
|
||||
(min-resolution:1.1dppx) {
|
||||
.pswp--svg .pswp__button,
|
||||
.pswp--svg .pswp__button--arrow--left:before,
|
||||
.pswp--svg .pswp__button--arrow--right:before {
|
||||
background-image: url(../images/lightgallry/default-skin.svg)
|
||||
}
|
||||
.pswp--svg .pswp__button--arrow--left,
|
||||
.pswp--svg .pswp__button--arrow--right {
|
||||
background: 0
|
||||
}
|
||||
}
|
||||
|
||||
.pswp__button--close {
|
||||
background-position: 0 -44px
|
||||
}
|
||||
|
||||
.pswp__button--share {
|
||||
background-position: -44px -44px
|
||||
}
|
||||
|
||||
.pswp__button--fs {
|
||||
display: none
|
||||
}
|
||||
|
||||
.pswp--supports-fs .pswp__button--fs {
|
||||
display: block
|
||||
}
|
||||
|
||||
.pswp--fs .pswp__button--fs {
|
||||
background-position: -44px 0
|
||||
}
|
||||
|
||||
.pswp__button--zoom {
|
||||
display: none;
|
||||
background-position: -88px 0
|
||||
}
|
||||
|
||||
.pswp--zoom-allowed .pswp__button--zoom {
|
||||
display: block
|
||||
}
|
||||
|
||||
.pswp--zoomed-in .pswp__button--zoom {
|
||||
background-position: -132px 0
|
||||
}
|
||||
|
||||
.pswp--touch .pswp__button--arrow--left,
|
||||
.pswp--touch .pswp__button--arrow--right {
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.pswp__button--arrow--left,
|
||||
.pswp__button--arrow--right {
|
||||
background: 0;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
width: 70px;
|
||||
height: 100px;
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.pswp__button--arrow--left {
|
||||
left: 0
|
||||
}
|
||||
|
||||
.pswp__button--arrow--right {
|
||||
right: 0
|
||||
}
|
||||
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
content: '';
|
||||
top: 35px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
height: 30px;
|
||||
width: 32px;
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.pswp__button--arrow--left:before {
|
||||
left: 6px;
|
||||
background-position: -138px -44px
|
||||
}
|
||||
|
||||
.pswp__button--arrow--right:before {
|
||||
right: 6px;
|
||||
background-position: -94px -44px
|
||||
}
|
||||
|
||||
.pswp__counter,
|
||||
.pswp__share-modal {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.pswp__share-modal {
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
z-index: 1600;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .25s ease-out;
|
||||
transition: opacity .25s ease-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity
|
||||
}
|
||||
|
||||
.pswp__share-modal--hidden {
|
||||
display: none
|
||||
}
|
||||
|
||||
.pswp__share-tooltip {
|
||||
z-index: 1620;
|
||||
position: absolute;
|
||||
background: #FFF;
|
||||
top: 56px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
width: auto;
|
||||
right: 44px;
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
-webkit-transition: -webkit-transform .25s;
|
||||
transition: transform .25s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: transform
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 18px
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #000
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:first-child {
|
||||
border-radius: 2px 2px 0 0
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:last-child {
|
||||
border-radius: 0 0 2px 2px
|
||||
}
|
||||
|
||||
.pswp__share-modal--fade-in {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.pswp__share-modal--fade-in .pswp__share-tooltip {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
|
||||
.pswp--touch .pswp__share-tooltip a {
|
||||
padding: 16px 12px
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: 15px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:hover {
|
||||
background: #3e5c9a;
|
||||
color: #FFF
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #3e5c9a
|
||||
}
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #55acee;
|
||||
color: #FFF
|
||||
}
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #CCC;
|
||||
color: #ce272d
|
||||
}
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #DDD
|
||||
}
|
||||
|
||||
.pswp__counter {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
font-size: 13px;
|
||||
line-height: 44px;
|
||||
color: #FFF;
|
||||
opacity: .75;
|
||||
padding: 0 10px
|
||||
}
|
||||
|
||||
.pswp__caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 44px
|
||||
}
|
||||
|
||||
.pswp__caption small {
|
||||
font-size: 11px;
|
||||
color: #BBB
|
||||
}
|
||||
|
||||
.pswp__caption__center {
|
||||
text-align: center;
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
color: #CCC
|
||||
}
|
||||
|
||||
.pswp__caption--empty {
|
||||
display: none
|
||||
}
|
||||
|
||||
.pswp__caption--fake {
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.pswp__preloader {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -22px;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .25s ease-out;
|
||||
transition: opacity .25s ease-out;
|
||||
will-change: opacity;
|
||||
direction: ltr
|
||||
}
|
||||
|
||||
.pswp__preloader__icn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 12px
|
||||
}
|
||||
|
||||
.pswp__preloader--active {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.pswp__preloader--active .pswp__preloader__icn {
|
||||
background: url(preloader.gif) 0 0 no-repeat
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||
-webkit-animation: clockwise 500ms linear infinite;
|
||||
animation: clockwise 500ms linear infinite
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader__icn {
|
||||
background: 0;
|
||||
opacity: .75;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader__cut {
|
||||
position: relative;
|
||||
width: 7px;
|
||||
height: 14px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader__donut {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: 0;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
@media screen and (max-width:1024px) {
|
||||
.pswp__preloader {
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
margin: 0;
|
||||
float: right
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
100%{
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
}
|
||||
|
||||
.pswp__ui {
|
||||
-webkit-font-smoothing: auto;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 1550
|
||||
}
|
||||
|
||||
.pswp__top-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.pswp__caption,
|
||||
.pswp__top-bar,
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
|
||||
}
|
||||
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
visibility: visible
|
||||
}
|
||||
|
||||
.pswp__top-bar,
|
||||
.pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.5)
|
||||
}
|
||||
|
||||
.pswp__ui--fit .pswp__top-bar,
|
||||
.pswp__ui--fit .pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
|
||||
.pswp__ui--idle .pswp__top-bar {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.pswp__ui--idle .pswp__button--arrow--left,
|
||||
.pswp__ui--idle .pswp__button--arrow--right {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.pswp__ui--hidden .pswp__top-bar,
|
||||
.pswp__ui--hidden .pswp__caption,
|
||||
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||
opacity: .001
|
||||
}
|
||||
|
||||
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||
.pswp__ui--one-slide .pswp__counter {
|
||||
display: none
|
||||
}
|
||||
|
||||
.pswp__element--disabled {
|
||||
display: none !important
|
||||
}
|
||||
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: 0
|
||||
}
|
||||
179
public/assets/scss/photoswipe/_photoswipe.scss
Normal file
179
public/assets/scss/photoswipe/_photoswipe.scss
Normal file
@@ -0,0 +1,179 @@
|
||||
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
.my-gallery {
|
||||
figure{
|
||||
margin-bottom:30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.pswp {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
z-index: 1500;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
.pswp * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.pswp img {
|
||||
max-width: none
|
||||
}
|
||||
|
||||
.pswp--animate_opacity {
|
||||
opacity: .001;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
|
||||
}
|
||||
|
||||
.pswp--open {
|
||||
display: block
|
||||
}
|
||||
|
||||
.pswp--zoom-allowed .pswp__img {
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in
|
||||
}
|
||||
|
||||
.pswp--zoomed-in .pswp__img {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab
|
||||
}
|
||||
|
||||
.pswp--dragging .pswp__img {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing
|
||||
}
|
||||
|
||||
.pswp__bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity
|
||||
}
|
||||
|
||||
.pswp__scroll-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0
|
||||
}
|
||||
|
||||
.pswp__container,
|
||||
.pswp__img {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none
|
||||
}
|
||||
|
||||
.pswp__zoom-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
|
||||
}
|
||||
|
||||
.pswp__bg {
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
|
||||
}
|
||||
|
||||
.pswp--animated-in .pswp__bg,
|
||||
.pswp--animated-in .pswp__zoom-wrap {
|
||||
-webkit-transition: none;
|
||||
transition: none
|
||||
}
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-webkit-backface-visibility: hidden
|
||||
}
|
||||
|
||||
.pswp__item {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.pswp__img {
|
||||
position: absolute;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 0;
|
||||
left: 0
|
||||
}
|
||||
|
||||
.pswp__img--placeholder {
|
||||
-webkit-backface-visibility: hidden
|
||||
}
|
||||
|
||||
.pswp__img--placeholder--blank {
|
||||
background: #222
|
||||
}
|
||||
|
||||
.pswp--ie .pswp__img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
left: 0;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.pswp__error-msg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
color: #CCC
|
||||
}
|
||||
|
||||
.pswp__error-msg a {
|
||||
color: #CCC;
|
||||
text-decoration: underline
|
||||
}
|
||||
35
public/assets/scss/print.scss
Normal file
35
public/assets/scss/print.scss
Normal file
@@ -0,0 +1,35 @@
|
||||
/**=====================
|
||||
77. Print CSS Start
|
||||
==========================**/
|
||||
@media print {
|
||||
.page-wrapper {
|
||||
.page-main-header {
|
||||
visibility: hidden;
|
||||
}
|
||||
.page-body-wrapper {
|
||||
.page-header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
table.fixedHeader-floating {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.invoice-table{
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.invoice{
|
||||
.text-end{
|
||||
input{
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
.media {
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
/**=====================
|
||||
77. Print CSS Ends
|
||||
==========================**/
|
||||
80
public/assets/scss/prism.scss
Normal file
80
public/assets/scss/prism.scss
Normal file
@@ -0,0 +1,80 @@
|
||||
@import "prism/prism";
|
||||
|
||||
.code-box-copy {
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
pre[class*="language-"] {
|
||||
border: 1px solid #dee3f9;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.code-box-copy__btn {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
right: 11px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-color: #e5eaff;
|
||||
border: 1px solid #dee3f9;
|
||||
color: #333;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.code-box-copy:hover .code-box-copy__btn {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.code-box-copy__btn {
|
||||
&:disabled {
|
||||
background-color: #eee;
|
||||
border-color: #ccc;
|
||||
color: #333;
|
||||
pointer-events: none;
|
||||
}
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
color: #333;
|
||||
}
|
||||
&:focus, &:active {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.code-box-copy__tooltip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: -webkit-calc(100% + 11px);
|
||||
bottom: calc(100% + 11px);
|
||||
right: 0;
|
||||
width: 80px;
|
||||
padding: 6px 0;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
font-size: 13px;
|
||||
&::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
bottom: -5px;
|
||||
content: ' ';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-color: #333 transparent transparent transparent;
|
||||
}
|
||||
}
|
||||
.card-body.show-source{
|
||||
.code-box-copy{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
120
public/assets/scss/prism/_prism.scss
Normal file
120
public/assets/scss/prism/_prism.scss
Normal file
@@ -0,0 +1,120 @@
|
||||
code[class*=language-], pre[class*=language-] {
|
||||
color: #000;
|
||||
background: 0 0;
|
||||
text-shadow: 0 1px #fff;
|
||||
//font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
code[class*=language-] {
|
||||
::-moz-selection, &::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
}
|
||||
|
||||
pre[class*=language-] {
|
||||
::-moz-selection, &::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
}
|
||||
|
||||
code[class*=language-] {
|
||||
::selection, &::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
}
|
||||
|
||||
pre[class*=language-] {
|
||||
::selection, &::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*=language-], pre[class*=language-] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
:not(pre) > code[class*=language-], pre[class*=language-] {
|
||||
background: #f6f7fb;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*=language-] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token {
|
||||
&.cdata, &.comment, &.doctype, &.prolog {
|
||||
color: #708090;
|
||||
}
|
||||
&.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token {
|
||||
&.boolean, &.constant, &.deleted, &.number, &.property, &.symbol, &.tag {
|
||||
color: #905;
|
||||
}
|
||||
&.attr-name, &.builtin, &.char, &.inserted, &.selector, &.string {
|
||||
color: #690;
|
||||
}
|
||||
}
|
||||
|
||||
.language-css .token.string, .style .token.string {
|
||||
color: #a67f59;
|
||||
background: hsla(0, 0%, 100%, 0.5);
|
||||
}
|
||||
|
||||
.token {
|
||||
&.entity, &.operator, &.url {
|
||||
color: #a67f59;
|
||||
background: hsla(0, 0%, 100%, 0.5);
|
||||
}
|
||||
&.atrule, &.attr-value, &.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
&.function {
|
||||
color: #DD4A68;
|
||||
}
|
||||
&.important, &.regex, &.variable {
|
||||
color: #e90;
|
||||
}
|
||||
&.bold, &.important {
|
||||
font-weight: 700;
|
||||
}
|
||||
&.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
&.entity {
|
||||
cursor: help;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=prism.min.css.map */
|
||||
2
public/assets/scss/range-slider.scss
Normal file
2
public/assets/scss/range-slider.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
@import "range-slider/ion.rangeSlider";
|
||||
@import "range-slider/ion.modernskinRangeslider";
|
||||
125
public/assets/scss/range-slider/_ion.modernskinRangeslider.scss
Normal file
125
public/assets/scss/range-slider/_ion.modernskinRangeslider.scss
Normal file
@@ -0,0 +1,125 @@
|
||||
/* Ion.RangeSlider, Modern Skin
|
||||
// css version 2.0.3
|
||||
// © Denis Ineshin, 2014 https://github.com/IonDen
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// Skin details */
|
||||
|
||||
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
|
||||
background: url(../images/range-slider/sprite-skin-modern-1.png) repeat-x;
|
||||
}
|
||||
|
||||
.irs {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.irs-with-grid {
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.irs-line {
|
||||
height: 6px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.irs-line-left {
|
||||
height: 6px;
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
|
||||
.irs-line-mid {
|
||||
height: 6px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.irs-line-right {
|
||||
height: 6px;
|
||||
background-position: 100% -30px;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
height: 6px;
|
||||
top: 25px;
|
||||
background-position: 0 -60px;
|
||||
}
|
||||
|
||||
.irs-bar-edge {
|
||||
top: 25px;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
height: 5px;
|
||||
top: 25px;
|
||||
background: #000;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.lt-ie9 .irs-shadow {
|
||||
filter: alpha(opacity = 25);
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
width: 11px;
|
||||
height: 18px;
|
||||
top: 31px;
|
||||
background-position: 0 -120px;
|
||||
&.state_hover, &:hover {
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
}
|
||||
|
||||
.irs-min, .irs-max {
|
||||
color: #999;
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
top: 0;
|
||||
padding: 1px 3px;
|
||||
background: #e1e4e9;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
line-height: 1.333;
|
||||
text-shadow: none;
|
||||
padding: 1px 5px;
|
||||
background: #4466f2;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.irs-from:after, .irs-to:after, .irs-single:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: "";
|
||||
bottom: -6px;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: -3px;
|
||||
overflow: hidden;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #4466f2;
|
||||
}
|
||||
|
||||
.irs-grid {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.irs-grid-pol {
|
||||
background: #c0c0c0;
|
||||
}
|
||||
|
||||
.irs-grid-text {
|
||||
bottom: 12px;
|
||||
color: #c0c0c0;
|
||||
}
|
||||
|
||||
.irs-disable-mask, .irs-disabled, .lt-ie9 .irs-disabled {}
|
||||
150
public/assets/scss/range-slider/_ion.rangeSlider.scss
Normal file
150
public/assets/scss/range-slider/_ion.rangeSlider.scss
Normal file
@@ -0,0 +1,150 @@
|
||||
/* Ion.RangeSlider
|
||||
// css version 2.0.3
|
||||
// © 2013-2014 Denis Ineshin | IonDen.com
|
||||
// ===================================================================================================================*/
|
||||
|
||||
/* =====================================================================================================================
|
||||
// RangeSlider */
|
||||
|
||||
.irs {
|
||||
position: relative; display: block;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.irs-line {
|
||||
position: relative; display: block;
|
||||
overflow: hidden;
|
||||
outline: none !important;
|
||||
}
|
||||
.irs-line-left, .irs-line-mid, .irs-line-right {
|
||||
position: absolute; display: block;
|
||||
top: 0;
|
||||
}
|
||||
.irs-line-left {
|
||||
left: 0; width: 11%;
|
||||
}
|
||||
.irs-line-mid {
|
||||
left: 9%; width: 82%;
|
||||
}
|
||||
.irs-line-right {
|
||||
right: 0; width: 11%;
|
||||
}
|
||||
|
||||
.irs-bar {
|
||||
position: absolute; display: block;
|
||||
left: 0; width: 0;
|
||||
}
|
||||
.irs-bar-edge {
|
||||
position: absolute; display: block;
|
||||
top: 0; left: 0;
|
||||
}
|
||||
|
||||
.irs-shadow {
|
||||
position: absolute; display: none;
|
||||
left: 0; width: 0;
|
||||
}
|
||||
|
||||
.irs-slider {
|
||||
position: absolute; display: block;
|
||||
cursor: default;
|
||||
z-index: 1;
|
||||
}
|
||||
.irs-slider.single {
|
||||
|
||||
}
|
||||
.irs-slider.from {
|
||||
|
||||
}
|
||||
.irs-slider.to {
|
||||
|
||||
}
|
||||
.irs-slider.type_last {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.irs-min {
|
||||
position: absolute; display: block;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
}
|
||||
.irs-max {
|
||||
position: absolute; display: block;
|
||||
right: 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.irs-from, .irs-to, .irs-single {
|
||||
position: absolute; display: block;
|
||||
top: 0; left: 0;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.irs-grid {
|
||||
position: absolute; display: none;
|
||||
bottom: 0; left: 0;
|
||||
width: 100%; height: 20px;
|
||||
}
|
||||
.irs-with-grid .irs-grid {
|
||||
display: block;
|
||||
}
|
||||
.irs-grid-pol {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
width: 1px; height: 8px;
|
||||
background: #000;
|
||||
}
|
||||
.irs-grid-pol.small {
|
||||
height: 4px;
|
||||
}
|
||||
.irs-grid-text {
|
||||
position: absolute;
|
||||
bottom: 0; left: 0;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
font-size: 9px; line-height: 9px;
|
||||
padding: 0 3px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.irs-disable-mask {
|
||||
position: absolute; display: block;
|
||||
top: 0; left: -1%;
|
||||
width: 102%; height: 100%;
|
||||
cursor: default;
|
||||
background: rgba(0,0,0,0.0);
|
||||
z-index: 2;
|
||||
}
|
||||
.lt-ie9 .irs-disable-mask {
|
||||
background: #000;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.irs-disabled {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
.irs-hidden-input {
|
||||
position: absolute !important;
|
||||
display: block !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
font-size: 0 !important;
|
||||
line-height: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
overflow: hidden;
|
||||
outline: none !important;
|
||||
z-index: -9999 !important;
|
||||
background: none !important;
|
||||
border-style: solid !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
5
public/assets/scss/rating.scss
Normal file
5
public/assets/scss/rating.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
@import "rating/variables";
|
||||
@import "rating/mixins";
|
||||
@import "rating/main";
|
||||
@import "rating/examples";
|
||||
@import "rating/rating-theme";
|
||||
191
public/assets/scss/rating/_examples.scss
Normal file
191
public/assets/scss/rating/_examples.scss
Normal file
@@ -0,0 +1,191 @@
|
||||
@import "variables";
|
||||
|
||||
/* Center ratings in container */
|
||||
.rating-container{
|
||||
// padding:20px;
|
||||
}
|
||||
.box-example-1to10 .br-wrapper {
|
||||
width: 210px;
|
||||
position: absolute;
|
||||
margin: 0px 0 0 -105px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.box-example-movie .br-wrapper {
|
||||
width: 250px;
|
||||
position: absolute;
|
||||
margin: 0px 0 0 -125px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.box-example-square .br-wrapper {
|
||||
width: 190px;
|
||||
position: absolute;
|
||||
margin: 0px 0 0 -95px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.box-example-pill .br-wrapper {
|
||||
width: 232px;
|
||||
position: absolute;
|
||||
margin: 0px 0 0 -116px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.box-example-reversed .br-wrapper {
|
||||
padding-top: 1.3em;
|
||||
width: 356px;
|
||||
position: absolute;
|
||||
margin: 0px 0 0 -178px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.box-example-horizontal .br-wrapper {
|
||||
width: 120px;
|
||||
position: absolute;
|
||||
margin: 0px 0 0 -60px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
/* Display star ratings */
|
||||
|
||||
.star-ratings {
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
line-height: 2;
|
||||
margin-top: 3em;
|
||||
color: $textColor;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 3em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1, p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.stars {
|
||||
width: 205px;
|
||||
text-align:center;
|
||||
.title {
|
||||
font-size:14px;
|
||||
color:#cccccc;
|
||||
line-height:3;
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 120px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.stars-example-fontawesome,
|
||||
.stars-example-css,
|
||||
.stars-example-bootstrap {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.stars-example-fontawesome-o {
|
||||
// width: 200px;
|
||||
|
||||
select {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.start-ratings-main {
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
/* Boxes */
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin: 1em 0;
|
||||
|
||||
.box-header {
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
padding: .5em 0;
|
||||
}
|
||||
|
||||
.box-body {
|
||||
padding-top: 2em;
|
||||
height: 85px;
|
||||
|
||||
/* rating widgets will be absolutely centered relative to box body */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 120px;
|
||||
margin: 10px auto 0 auto;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.box-large {
|
||||
.box-body {
|
||||
padding-top: 2em;
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin box-color($color){
|
||||
.box-header {
|
||||
background-color: $color;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.box-body {
|
||||
background-color: white;
|
||||
border: 2px solid lighten($color, 15%);
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.box-orange {
|
||||
@include box-color($orangeColor);
|
||||
}
|
||||
|
||||
.box-green {
|
||||
@include box-color($greenColor);
|
||||
}
|
||||
|
||||
.box-blue {
|
||||
@include box-color($blueColor);
|
||||
}
|
||||
|
||||
@media print {
|
||||
.star-ratings {
|
||||
h1 {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.stars {
|
||||
.title {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-orange,
|
||||
.box-green,
|
||||
.box-blue {
|
||||
.box-header {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.box-body {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
311
public/assets/scss/rating/_main.scss
Normal file
311
public/assets/scss/rating/_main.scss
Normal file
@@ -0,0 +1,311 @@
|
||||
@import "variables.scss";
|
||||
@import "mixins.scss";
|
||||
.antennaio {
|
||||
@include retina-image('../img/antenna.png', '../img/antenna$2x.png', 60px, 60px);
|
||||
background-repeat: no-repeat;
|
||||
color: lighten($textColor, 35%);
|
||||
width: 280px;
|
||||
height: 60px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
font-weight: 400;
|
||||
font-size: 0.6em; /* 12px */
|
||||
line-height: 5.5;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 7em;
|
||||
|
||||
-webkit-transition: color 2s;
|
||||
transition: color 2s;
|
||||
|
||||
&:hover {
|
||||
color: $textColor;
|
||||
}
|
||||
|
||||
span {
|
||||
padding: 0 0 0 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.bars {
|
||||
@include retina-image('../img/bars.png', '../img/bars$2x.png', 80px, 80px);
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.section-intro {
|
||||
text-align: center;
|
||||
margin: 3em 0 4em 0;
|
||||
max-height: 9999px; /* no font boosting please */
|
||||
|
||||
h1 {
|
||||
line-height: 2.4;
|
||||
}
|
||||
|
||||
p {
|
||||
max-width: 560px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
p.tagline {
|
||||
font-size: 0.8em; /* 16px */
|
||||
color: lighten($textColor, 20%);
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.section-examples {
|
||||
position: relative;
|
||||
background: $backgroundColor;
|
||||
}
|
||||
|
||||
.section-docs {
|
||||
margin: 3em 0;
|
||||
}
|
||||
|
||||
@mixin coloredDocs($color){
|
||||
header {
|
||||
background: $color;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: $color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $color;
|
||||
|
||||
&:hover {
|
||||
color: darken($color, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
background: white;
|
||||
border-left: 2px solid $color;
|
||||
padding: 0 2em;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: $fontFamilyMonospaced;
|
||||
font-size: 0.9em; /* 18px */
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
.docs {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
max-height: 9999px; /* no font boosting please */
|
||||
.how-to-use, .callbacks, .download {
|
||||
@include coloredDocs($blueColor);
|
||||
}
|
||||
|
||||
.configuration, .faq {
|
||||
@include coloredDocs($greenColor);
|
||||
}
|
||||
|
||||
.license, .methods {
|
||||
@include coloredDocs($orangeColor);
|
||||
}
|
||||
|
||||
.instructions {
|
||||
padding: 2em 3em;
|
||||
background: $backgroundColor;
|
||||
}
|
||||
|
||||
.faq {
|
||||
p {
|
||||
margin: 0 0 .5em 0;
|
||||
}
|
||||
|
||||
.question {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.question:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
position: absolute;
|
||||
top: -23px;
|
||||
left: 50%;
|
||||
margin-left: -190px;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 150px;
|
||||
background-color: $greenColor;
|
||||
color: white;
|
||||
float: left;
|
||||
padding: .3em 1em .5em 1em;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
|
||||
-webkit-transition: background-color 2s;
|
||||
transition: background-color 2s;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($greenColor, 5%);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
color: lighten($greenColor, 30%);
|
||||
background-color: darken($greenColor, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
a.rating-enable {
|
||||
-webkit-border-top-left-radius: 999px;
|
||||
-webkit-border-bottom-left-radius: 999px;
|
||||
-moz-border-radius-topleft: 999px;
|
||||
-moz-border-radius-bottomleft: 999px;
|
||||
border-top-left-radius: 999px;
|
||||
border-bottom-left-radius: 999px;
|
||||
}
|
||||
|
||||
a.rating-disable {
|
||||
-webkit-border-top-right-radius: 999px;
|
||||
-webkit-border-bottom-right-radius: 999px;
|
||||
-moz-border-radius-topright: 999px;
|
||||
-moz-border-radius-bottomright: 999px;
|
||||
border-top-right-radius: 999px;
|
||||
border-bottom-right-radius: 999px;
|
||||
}
|
||||
|
||||
a:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
a.deactivated {
|
||||
background: darken($greenColor, 15%);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Media Queries
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (min-width: 35em) {
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
.controls,
|
||||
.github,
|
||||
.antennaio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.section-intro {
|
||||
margin: 1em 0 2em 0;
|
||||
|
||||
p.tagline {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.section-examples {
|
||||
background: transparent;
|
||||
|
||||
.examples {
|
||||
padding: 1em 0;
|
||||
}
|
||||
}
|
||||
|
||||
.section-docs {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.docs {
|
||||
.how-to-use,
|
||||
.callbacks,
|
||||
.download,
|
||||
.configuration,
|
||||
.faq,
|
||||
.license,
|
||||
.methods {
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
background: transparent;
|
||||
color: black;
|
||||
}
|
||||
|
||||
code, strong {
|
||||
color: black;
|
||||
}
|
||||
|
||||
pre {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.instructions {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Helper classes
|
||||
========================================================================== */
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.visuallyhidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.visuallyhidden.focusable:active,
|
||||
.visuallyhidden.focusable:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user