--- a/src/pyams_skin/resources/less/widgets.less Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,3317 +0,0 @@
-/*
- * Widgets styles
- */
-
-@import "colors.less";
-
-.widget-header {
- >:first-child {
- margin: 13px 0;
- }
-}
-
-.widget-toolbar {
- display: inline-block;
- position: relative;
- float: right;
- width: auto;
- height: 29px;
- line-height: 29px;
- border-left: 1px solid rgba(0, 0, 0, .09);
- cursor: pointer;
- padding: 0 8px;
- text-align: center;
-
- &:empty {
- padding: 0;
- }
- &.no-border {
- border-left: 0;
- }
- >:first-child {
- text-align: left;
- }
- .ams-form {
- label.checkbox,
- label.radio {
- line-height: 29px;
- }
- .icon-append,
- .icon-prepend {
- top: 3px!important;
- }
- }
- &.ams-form {
- .icon-append,
- .icon-prepend {
- top: 3px!important;
- }
- }
- >.ams-form {
- margin-top: 2px;
-
- .toggle:last-child {
- font-size: 12px;
- line-height: 29px;
- }
- .checkbox input+i,
- .radio input+i,
- .toggle input+i {
- border-width: 1px;
- border-color: #C7C7C7!important;
- margin-top: -1px;
- -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
- box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
- }
- }
- .btn-group {
- margin-top: -3px;
- }
- >.btn {
- margin-top: -3px;
- font-size: 12px!important;
- padding: 1px 8px!important;
- }
- >.label {
- display: inline-block;
- vertical-align: middle;
- margin-top: -3px;
- text-align: center;
- font-size: 12px;
- padding: 4px 7px;
- }
- >.badge {
- padding: 5px;
- font-size: 14px;
- border-radius: 50%;
- font-weight: 400;
- min-width: 24px;
- text-align: center!important;
- }
- .progress {
- width: 130px;
- margin: 7px 0 0;
- height: 18px!important;
- font-size: 12px;
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
- -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
- }
- .progress-bar {
- font-size: 12px;
- }
- .pagination {
- margin: 4px 0;
-
- >li >a {
- padding: 2px 7px;
- }
- }
- .widget-text-input {
- max-width: 220px;
- }
- input[type=text] {
- height: 28px!important;
- margin-top: 2px;
- }
-}
-
-.widget-body {
- &.no-padding {
- padding: 0;
- margin: 0;
-
- .alert {
- margin: 5px 5px 0;
- padding: 10px;
- box-shadow: none!important;
- -webkit-box-shadow: none!important;
- border-radius: 0!important;
- }
- }
- >table {
- margin-bottom: 0;
- }
-}
-
-.widget-body-ajax-loading {
- &::before {
- display: block;
- position: absolute;
- content: url(../img/ajax-loader.gif);
- padding-top: 18%;
- text-align: center;
- font-weight: 700;
- font-size: 16px;
- color: #fff;
- background: rgba(255, 255, 255, .4);
- height: 100%;
- z-index: 1;
- width: 100%;
- }
- &:hover {
- cursor: wait!important;
- }
-}
-
-.widget-body-toolbar {
- &,
- .ams-form& {
- display: block;
- padding: 8px 10px;
- margin: -13px -13px 13px;
- min-height: 42px;
- border-bottom: 1px solid #ccc;
- background: #fafafa;
-
- .no-padding &,
- .no-padding& {
- display: block;
- margin: 0;
- }
- .modal-dialog & {
- min-height: 25px;
- }
- }
- .ams-form & .inline-group,
- &.ams-form .inline-group {
- float: left;
- margin-top: 4px;
- }
- .btn {
- vertical-align: middle;
- }
- .btn-xs {
- margin-top: 5px;
- }
- .no-widget-toolbar & {
- display: none;
- }
-}
-
-.widget-content-padding {
- padding: 20px;
-
- .well {
- margin-bottom: 0;
- }
-}
-
-.widget-footer {
- display: block;
- position: relative;
- min-height: 32px;
- vertical-align: middle;
- margin: 0 -13px -13px;
- padding: 5px;
- border-top: 1px solid #E4E4E4;
- text-align: right;
- background-color: #F8F7F7;
-
- .no-padding & {
- margin: 0;
- }
- &.ams-form {
- >label {
- margin-top: 4px;
- display: block;
- }
- }
-}
-
-.ams-widget {
- position: relative;
- margin: 0 0 15px;
- padding: 0;
- -khtml-border-radius: 0;
- border-radius: 0;
-
- header {
- .nav-tabs {
- border-bottom-color: transparent;
-
- >li {
- >a {
- border-radius: 0;
- border: 0;
- padding: 5px 15px 4px;
- }
- &.active {
- >a,
- >a:focus,
- >a:hover {
- color: #555;
- background-color: #FFF;
- border: 1px solid #C2C2C2;
- border-bottom-color: transparent;
- border-top: 0;
- cursor: default;
- }
- }
- }
- }
- &:first-child .nav-tabs {
- float: left;
-
- li {
- padding-left: 0;
-
- a {
- color: @textColor;
- }
- }
- &.pull-right li:last-child a {
- margin-right: 0 !important;
- border-right: 0 !important;
- }
- }
- .nav-pills {
- margin: 3px;
-
- & >li >a {
- padding: 3px 5px 4px;
- }
- }
- >.btn-group {
- margin-top: -13px;
- margin-left: 5px;
- }
- }
- >header {
- height: 30px;
- padding: 0;
- line-height: 40px;
- color: @textColor;
- border: 1px solid #C2C2C2;
- background: #fafafa;
-
- &.active {
- background-color: rgba(56, 134, 201, 0.4);
- }
- h2 {
- display: inline-block;
- position: relative;
- width: auto;
- height: 100%;
- margin: 0;
- font-size: 14px;
- line-height: 31px;
- font-weight: 400;
- letter-spacing: 0;
-
- @media only screen and (min-width:320px) and (max-width:479px) {
- width: 135px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .rtl & {
- float: right;
- text-align: right;
- }
- }
- >h2 {
- margin-left: 10px;
- float: left;
-
- & + .btn,
- & + .btn-group {
- margin-left: 20px;
- }
- }
- .rtl & {
- padding: 0 7px 0 0;
- }
- .widget-icon {
- display: block;
- float: left;
- width: 16px;
- height: 16px;
- margin: 10px 10px 0 0;
- zoom: 1;
- z-index: 400;
-
- .rtl & {
- float: right;
- margin: 10px 0 0 7px;
- }
- }
- >.widget-icon {
- display: block;
- position: relative;
- float: left;
- margin: 0 -10px 0 2px;
- width: 28px;
- height: 28px;
- font-size: 111%;
- line-height: 29px;
- text-align: center;
- }
- >:first-child {
- &.widget-icon {
- margin-left: 0;
- }
- }
- }
- >div {
- position: relative;
- float: left;
- width: 100%;
- font-size: 13px;
- -khtml-border-radius: 0;
- border-radius: 0;
- margin: 0;
- padding: 13px 13px 0;
- background-color: #fff!important;
- border-width: 1px;
- border-style: solid;
- border-color: #ccc!important;
- }
- >header+div {
- border-top: 0;
- }
- .widget-body {
- position: relative;
- min-height: 100px;
- padding-bottom: 13px;
-
- &.widget-hide-overflow {
- overflow: hidden;
- }
- }
- &.well {
- margin: 0 0 30px;
-
- header {
- display: none;
- }
- >div {
- border: 0!important;
- box-shadow: none!important;
- -webkit-box-shadow: none!important;
- }
- &.transparent {
- .widget-body {
- &.no-padding {
- margin: 0!important;
- }
- }
- }
- }
-}
-
-.ams-widget-ctrls {
- width: auto;
- float: right;
- padding: 0;
- margin: 0;
-
- a {
- display: inline-block;
- padding: 0;
- margin: 0;
- text-decoration: none;
- font-size: 14px;
- text-align: center;
- line-height: 29px;
- color: #333;
- }
- .button-icon {
- position: relative;
- float: left;
- min-width: 28px;
- height: 28px;
- font-family: Ubuntu, Arial, Helvetica, sans-serif;
- border-left: 1px solid rgba(0, 0, 0, .09);
-
- :hover {
- background-color: rgba(0, 0, 0, .05);
- }
- .rtl & {
- margin: 0 0 5px 5px;
- }
- }
- .rtl & {
- float: left;
- padding: 10px 0 0 3px;
- margin: 0;
- }
-}
-
-.ams-widget-loader {
- display: none;
- float: right;
- width: 28px;
- height: 28px;
- margin: 0;
- text-align: center;
- line-height: 28px;
- background-repeat: no-repeat;
- background-position: center center;
-
- .rtl & {
- float: left;
- }
-}
-
-.ams-widget-editbox {
- display: none;
- padding: 10px;
- border-bottom: 1px solid #B1B1B1;
- background-color: #fff;
- margin: -13px -13px 13px;
-
- .no-padding & {
- margin: 0 0 10px;
- }
-}
-
-.ams-widget,
-.ams-widget-editbox,
-.ams-widget >div {
- zoom: 1;
-
- &:after {
- clear: both;
- }
- &:before,
- &:after {
- display: block;
- visibility: hidden;
- overflow: hidden;
- content: "\0020";
- height: 0;
- font-size: 0;
- line-height: 0;
- }
-}
-
-.ams-widget-sortable {
- .ui-sortable & {
- >header {
- cursor: move;
- line-height: normal;
- -khtml-border-radius: 0;
- border-radius: 0;
- -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
- box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
- }
- &.ams-widget-collapsed {
- >header {
- -khtml-border-radius: 0;
- border-radius: 0;
- }
- }
- }
-}
-
-.ams-widget-timestamp {
- margin: 10px 0 0;
- color: #868686;
- font-size: 12px;
- font-style: italic;
-}
-
-.ams-widget-placeholder {
- margin-bottom: 28px;
- padding: 0;
- background-color: #FFC;
- border: 1px dashed #A7A7A7;
- -khtml-border-radius: 0;
- border-radius: 0;
- -webkit-box-sizing: border-box;
- -khtml-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.ams-widget-remove-colors {
- color: #333 !important;
- padding: 0 !important;
- background: none !important;
-}
-
-.ams-widget-color(@bgcolor; @border: @bgcolor; @color: #fff; @hover: #333) {
- >header {
- color: @color;
- background: @bgcolor;
- border-color: @border !important;
- }
- .nav-tabs li:not(.active) a,
- >header >.ams-widget-ctrls a {
- color: @color !important;
- }
- .nav-tabs li a:hover {
- color: @hover !important;
- }
-}
-
-.ams-widget-color-magenta {
- .ams-widget-color(@magenta);
-}
-
-.ams-widget-color-pink {
- .ams-widget-color(@pink);
-}
-
-.ams-widget-color-pinkDark {
- .ams-widget-color(@pinkDark);
-}
-
-.ams-widget-color-yellow {
- .ams-widget-color(@yellow);
-}
-
-.ams-widget-color-orange {
- .ams-widget-color(@orange);
-}
-
-.ams-widget-color-orangeDark {
- .ams-widget-color(@orangeDark);
-}
-
-.ams-widget-color-darken {
- .ams-widget-color(@darken);
-}
-
-.ams-widget-color-purple {
- .ams-widget-color(@purple);
-}
-
-.ams-widget-color-teal {
- .ams-widget-color(@teal);
-}
-
-.ams-widget-color-blueDark {
- .ams-widget-color(@blueDark);
-}
-
-.ams-widget-color-blue {
- .ams-widget-color(@blue);
-}
-
-.ams-widget-color-blueLight {
- .ams-widget-color(@blueLight);
-}
-
-.ams-widget-color-red {
- .ams-widget-color(@red);
-}
-
-.ams-widget-color-redLight {
- .ams-widget-color(@redLight);
-}
-
-.ams-widget-color-white {
- .ams-widget-color(@white, #C8C8C8, #C8C8C8, #838383);
-}
-
-.ams-widget-color-greenDark {
- .ams-widget-color(@greenDark);
-}
-
-.ams-widget-color-green {
- .ams-widget-color(@green);
-}
-
-.ams-widget-color-greenLight {
- .ams-widget-color(@greenLight);
-}
-
-#ams-widget-fullscreen-mode {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- z-index: 99999;
-
- .ams-widget {
- margin: 0;
- -khtml-border-radius: 0;
- border-radius: 0;
- }
- >div {
- overflow-y: scroll;
- -khtml-border-radius: 0;
- border-radius: 0;
-
- >header {
- cursor: default;
- }
- }
-}
-
-
-/*
- * On/off switch
- */
-
-.onoffswitch {
- position: relative;
- width: 50px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- margin-top: 3px;
- margin-bottom: 3px;
- margin-left: 5px;
- display: inline-block;
- vertical-align: middle;
-
- &-container {
- margin-top: 4px;
- margin-left: 7px;
- display: inline-block;
- }
- &-checkbox {
- display: none;
- }
- &-label {
- display: block;
- overflow: hidden;
- cursor: pointer;
- border: 1px solid #626262;
- border-radius: 50px;
- border-color: #adadad #b3b3b3 #9e9e9e;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- }
- &-inner {
- width: 200%;
- margin-left: -100%;
- display: block;
- }
- &-inner:after,
- &-inner:before {
- float: left;
- width: 50%;
- height: 15px;
- padding: 0;
- line-height: 17px;
- font-size: 10px;
- font-family: Ubuntu, Trebuchet, Arial, sans-serif;
- font-weight: 700;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
- &-inner:before {
- content: attr(data-swchon-text);
- text-shadow: 0 -1px 0 #333;
- padding-left: 7px;
- background-color: #3276b1;
- color: #fff;
- -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05);
- box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05);
- text-align: left;
- }
- &-inner:after {
- content: attr(data-swchoff-text);
- padding-right: 7px;
- text-shadow: 0 -1px 0 #fff;
- background-color: #fff;
- color: #555;
- text-align: right;
- -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
- }
- &-switch {
- width: 19px;
- height: 19px;
- margin: -2px;
- background: #fff;
- border: 1px solid #9a9a9a;
- border-radius: 50px;
- position: absolute;
- top: 0;
- bottom: 0;
- right: 32px;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- background-color: #f4f4f4;
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
- background-image: -webkit-linear-gradient(top, #fff, #eee);
- background-image: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
- background-image: -webkit-linear-gradient(top, #fff, #eee);
- background-image: linear-gradient(to bottom, #fff, #eee);
- background-repeat: repeat-x;
- -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
- box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
- }
- &-checkbox + &-label &-switch:before,
- &-checkbox:checked + &-label &-switch:before {
- content: "\f00d";
- color: #a90329;
- display: block;
- text-align: center;
- line-height: 19px;
- font-size: 10px;
- text-shadow: 0 -1px 0 #fff;
- font-weight: 700;
- font-family: FontAwesome;
- }
- &-checkbox:checked + &-label &-switch:before {
- content: "\f00c";
- color: #57889c;
- }
- &-checkbox:checked + &-label &-inner {
- margin-left: 0;
- display: block;
- }
- &-checkbox:checked + &-label &-switch {
- right: 0;
- }
- &-switch:hover {
- background-color: #eee;
- }
- &-switch:active {
- background-color: #eee;
- -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
- }
- &-checkbox:checked:disabled + &-label &-inner:before,
- &-checkbox:disabled + &-label &-inner:after {
- text-shadow: 0 1px 0 #fff;
- background: #bfbfbf;
- color: #333;
- }
- &-checkbox:checked:disabled + &-label &-switch,
- &-checkbox:disabled + &-label &-switch {
- background-color: #f4f4f4;
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4));
- background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
- background-image: -webkit-gradient(linear, top left, bottom left, from(#bfbfbf), to(#f4f4f4));
- background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
- background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4);
- -webkit-box-shadow: none!important;
- box-shadow: none!important;
- }
- &-checkbox:checked:disabled + &-label &-label,
- &-checkbox:disabled + &-label {
- border-color: #ababab #999 #878787!important;
- }
- &-checkbox:checked + &-label {
- border-color: #3276b1 #2a6395 #255681;
- }
- +span,
- &-title {
- display: inline-block;
- vertical-align: middle;
- margin-top: -5px;
- }
-}
-
-
-/*
- * Select2 widget
- */
-
-.select2 {
- label.with-icon &-parent {
- margin-right: 27px;
- }
- label.with-icons &-parent {
- margin-right: 54px;
- }
- &-container {
- margin: 0;
- position: relative;
- display: inline-block;
- zoom: 1;
- *display: inline;
- vertical-align: middle;
- min-width: 60px;
-
- .select2-choice {
- display: block;
- height: 26px;
- padding: 0 0 0 8px;
- overflow: hidden;
- position: relative;
- border: 1px solid #ccc;
- white-space: nowrap;
- line-height: 26px;
- font-size: 13px;
- color: #444;
- text-decoration: none;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- background-color: #fff;
-
- label.bordered & {
- border-color: transparent;
- }
- &:hover {
- border: 1px solid rgba(82, 168, 236, 0.7);
- }
- >.select2-chosen {
- margin-right: 26px;
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-
- abbr {
- display: none;
- width: 12px;
- height: 12px;
- position: absolute;
- right: 24px;
- top: 8px;
- font-size: 1px;
- text-decoration: none;
- border: 0;
- cursor: pointer;
- outline: 0;
-
- &:hover {
- cursor: pointer;
- }
- }
- }
- }
- &.select2-drop-above .select2-choice {
- border-bottom-color: #ccc;
- }
- &.select2-allowclear .select2-choice {
- .select2-chosen {
- margin-right: 42px;
- }
- abbr {
- display: inline-block;
- }
- }
- .select2-arrow {
- display: inline-block;
- width: 20px;
- height: 20px;
- position: absolute;
- right: 3px;
- top: 3px;
- padding: 0 0 0 2px;
- border-left: 1px solid #ccc;
- line-height: 22px;
- -webkit-background-clip: padding-box;
-
- b {
- width: 100%;
- height: 100%;
- display: inline-block;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: 400;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- font-size: 14px;
-
- &:before {
- content: "\f107";
- width: 100%;
- height: 100%;
- text-align: center;
- display: block;
- }
- }
- }
- }
- &-container,
- &-drop,
- &-search,
- &-search input {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- &-container-active {
- .select2-choice,
- .select2-choices {
- border: 1px solid rgba(82, 168, 236, 0.7) !important;
- outline: 0;
- }
- }
- &-drop-mask {
- border: 0;
- margin: 0;
- padding: 0;
- position: fixed;
- left: 0;
- top: 0;
- min-height: 100%;
- min-width: 100%;
- height: auto;
- width: auto;
- opacity: 0;
- z-index: 9998;
- background: #fff;
- filter: alpha(opacity=0);
- }
- &-drop {
- margin-top: -1px;
- width: 100%;
- position: absolute;
- z-index: 9999;
- top: 100%;
- background: #fff;
- color: #000;
- border: 1px solid #ccc;
- border-top: 0;
- -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
- box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
-
- &.select2-drop-above {
- margin-bottom: 0;
- border-top: 1px solid rgba(82, 168, 236, 0.7);
- border-top-width: 3px;
- border-bottom: 0;
- -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
- box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
-
- &.select2-drop-active {
- border-top-width: 3px;
- }
- .select2-search {
- input {
- margin-top: 4px;
- }
- &:before {
- top: 34%;
- }
- }
- }
- }
- &-drop-auto-width {
- border-top: 1px solid #ccc;
- width: auto;
-
- .select2-search {
- padding-top: 4px;
- }
- }
- &-drop-active {
- border: 1px solid rgba(82, 168, 236, 0.7);
- border-top: 0;
- border-bottom-width: 3px;
- }
- &-search {
- display: inline-block;
- width: 100%;
- min-height: 26px;
- margin: 0;
- padding-left: 4px;
- padding-right: 4px;
- position: relative;
- z-index: 10000;
- white-space: nowrap;
-
- &:before {
- display: inline-block;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: 400;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- position: absolute;
- content: "\f002";
- top: 25%;
- right: 10px;
- color: #686868!important;
- }
- input {
- width: 100%;
- height: auto!important;
- min-height: 26px;
- padding: 4px 20px 3px 5px;
- margin: 0;
- outline: 0;
- font-size: 1em;
- border: 1px solid #aaa;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #fff;
- background: -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
- background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
- background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
- background: -webkit-linear-gradient(top, #fff 85%, #eee 99%);
- background: linear-gradient(top, #fff 85%, #eee 99%);
-
- &.select2-active {
- background-origin: padding-box;
- background: #fff url(../img/select2-spinner.gif) no-repeat right 24px top 50%;
- background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
- background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
- background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
- background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #fff 85%, #eee 99%);
- background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #fff 85%, #eee 99%);
- }
- }
- }
- &-dropdown-open {
- .select2-choice {
- border-bottom-color: transparent;
- -webkit-box-shadow: 0 1px 0 #fff inset;
- box-shadow: 0 1px 0 #fff inset;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- background-color: #fff;
- }
- &.select2-drop-above .select2-choice,
- &.select2-drop-above .select2-choices {
- border: 1px solid #5D98CC;
- border-top-color: transparent;
- }
- .select2-choice .select2-arrow {
- background: 0 0;
- border-left: 0;
- -webkit-filter: none;
- filter: none;
-
- b {
- background-position: -18px 1px;
- }
- }
- }
- &-results {
- max-height: 200px;
- padding: 0 0 0 4px;
- margin: 4px 4px 4px 0;
- font-size: 13px;
- position: relative;
- overflow-x: hidden;
- overflow-y: auto;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
- .select2-selected {
- opacity: 0.5;
- }
- ul.select2-result-sub {
- margin: 0;
- padding-left: 0;
-
- >li .select2-result-label {
- padding-left: 20px;
- }
- ul.select2-result-sub {
- >li .select2-result-label {
- padding-left: 40px;
- }
- ul.select2-result-sub {
- >li .select2-result-label {
- padding-left: 60px;
- }
- ul.select2-result-sub {
- >li .select2-result-label {
- padding-left: 80px;
- }
- ul.select2-result-sub {
- >li .select2-result-label {
- padding-left: 100px;
- }
- ul.select2-result-sub {
- >li .select2-result-label {
- padding-left: 110px;
- }
- ul.select2-result-sub {
- >li .select2-result-label {
- padding-left: 120px;
- }
- }
- }
- }
- }
- }
- }
- }
- li {
- list-style: none;
- display: list-item;
- background-image: none;
-
- &.select2-result-with-children >.select2-result-label {
- font-weight: 700;
- }
- }
- .select2-result-label {
- padding: 3px 7px 4px;
- margin: 0;
- cursor: pointer;
- min-height: 1em;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .select2-highlighted {
- background: #3276b1;
- color: #fff;
- }
- li em {
- background: #feffde;
- font-style: normal;
- }
- .select2-highlighted em {
- background: 0 0;
- }
- .select2-highlighted ul {
- background: #fff;
- color: #000;
- }
- .select2-no-results,
- .select2-searching,
- .select2-selection-limit {
- background: #f4f4f4;
- display: list-item;
- padding: 3px 5px;
- opacity: 0.5;
- }
- &-results .select2-disabled {
- background: #f4f4f4;
- display: list-item;
- cursor: default;
-
- &.select2-highlighted {
- color: #666;
- background: #f4f4f4;
- display: list-item;
- cursor: default;
- }
- }
- &-results .select2-selected {
- display: none;
- }
- }
- &-no-results {
- padding-left: 20px;
-
- &:before {
- display: inline-block;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: 400;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: "\f05a";
- margin-right: 5px;
- }
- }
- &-more-results {
- background: #f4f4f4;
- display: list-item;
-
- &.select2-active {
- background: #f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%;
- }
- }
- &-default {
- color: #999!important;
- }
- &-container {
- &.select2-container-disabled {
- .select2-choice {
- background-image: none;
- border: 1px solid transparent;
- border-bottom: 1px solid #ccc;
- cursor: default;
-
- .select2-arrow {
- display: none;
- }
- abbr {
- display: none;
- }
- }
- .select2-choices {
- .select2-search-field {
- display: none;
- }
- }
- }
- &-multi {
- &.select2-container-active .select2-choices {
- border: 1px solid rgba(82, 168, 236, 0.7);
- outline: 0;
- }
- .select2-choices {
- height: auto!important;
- height: 1%;
- min-height: 26px;
- margin: 0;
- padding: 0;
- position: relative;
- border: 1px solid #ccc;
- cursor: text;
- overflow: hidden;
- background-color: #fff;
-
- label.bordered & {
- border-color: transparent;
- }
- &:hover {
- border: 1px solid rgba(82, 168, 236, 0.7) !important;
-
- label.bordered & {
- border-color: transparent !important;
- }
- }
- li {
- float: left;
- list-style: none;
- }
- .select2-search-field {
- margin: 0;
- padding: 0;
- white-space: nowrap;
- width: 100%;
-
- input {
- max-height: 24px;
- padding: 3px 5px;
- margin: 1px 0;
- font-family: Ubuntu, sans-serif;
- font-size: 13px;
- color: #666;
- outline: 0;
- border: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: transparent!important;
-
- &.select2-active {
- background: #fff url(../img/select2-spinner.gif) no-repeat 99%!important;
- }
- }
- }
- .select2-search-choice {
- padding: 1px 28px 1px 8px;
- margin: 2px;
- position: relative;
- line-height: 18px;
- color: #fff;
- cursor: default;
- border: 1px solid #2a6395;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- background-color: #3276b1;
-
- & +.select2-search-field {
- width: auto;
- }
- .select2-chosen {
- cursor: default;
- }
- &-focus {
- opacity: .8;
- }
- &.ui-sortable-handle {
- cursor: move;
-
- .with-icons & {
- margin-right: 1px;
- }
- }
- }
- }
- &.ordered {
- .select2-choices {
- li {
- float: none;
-
- &.select2-search-choice {
- cursor: move;
- padding-left: 20px;
- background: #3276b1 url(../img/vert-drag-handle.png) scroll no-repeat left center;
- }
-
- &.ui-state-highlight {
- margin: 2px 0 2px 2px;
- height: 20px;
- background-color: #ddd;
- border: 1px solid #ddd;
- }
- }
- }
- }
- .select2-search-choice-close {
- display: block;
- top: 0;
- right: -2px;
- padding: 3px 0px 3px 6px;
-
- &:hover {
- background: rgba(0, 0, 0, .3);
- }
- }
- &.select2-container-disabled .select2-choices {
- //background-color: #f4f4f4;
- background-image: none;
- border: 1px solid transparent;
- border-bottom: 1px solid #ccc;
- cursor: default;
-
- &:hover {
- border-color: transparent!important;
- border-bottom: 1px solid #ccc!important;
- }
- .select2-search-choice {
- padding: 1px 5px;
- border: 1px solid #4a90cc;
- background-image: none;
- background-color: #86b4dd;
- cursor: not-allowed;
-
- .select2-search-choice-close {
- display: none;
- background: 0 0;
- }
- }
- }
- }
- }
- &-locked {
- padding: 3px 5px!important;
- }
- &-search-choice-close {
- display: block;
- min-width: 20px;
- min-height: 14px;
- position: absolute;
- right: 3px;
- top: 3px;
- margin: 0;
- padding: 0;
- font-size: 15px;
- text-decoration: none!important;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: 400;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-
- &:before {
- color: #fff;
- content: "\f057";
- }
- }
- &-result-selectable .select2-match,
- &-result-unselectable .select2-match {
- text-decoration: underline;
- }
- &-offscreen,
- &-offscreen:focus {
- clip: rect(0 0 0 0)!important;
- width: 1px!important;
- height: 1px!important;
- border: 0!important;
- margin: 0!important;
- padding: 0!important;
- overflow: hidden!important;
- position: absolute!important;
- outline: 0!important;
- left: 0!important;
- top: 0!important;
- }
- &-display-none {
- display: none;
- }
- &-measure-scrollbar {
- position: absolute;
- top: -10000px;
- left: -10000px;
- width: 100px;
- height: 100px;
- overflow: scroll;
- }
- &-hidden-accessible {
- position: absolute;
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- width: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- }
-}
-label.with-icon {
- >i.icon-append +.select2-parent {
- >.select2-choices {
- padding-right: 29px;
- }
- }
-}
-
-.multiselect {
- &-container {
- position: absolute;
- list-style-type: none;
- margin: 0;
- padding: 0;
-
- .input-group {
- margin: 5px;
- }
- >li {
- padding: 0;
-
- >a {
- &.multiselect-all label {
- font-weight: 700;
- }
- >label {
- margin: 0;
- height: 100%;
- cursor: pointer;
- font-weight: 400;
-
- &.checkbox,
- &.radio {
- margin: 0;
- }
- >input[type=checkbox] {
- margin-bottom: 5px;
- }
- }
- }
- >label.multiselect-group {
- margin: 0;
- padding: 3px 20px;
- height: 100%;
- font-weight: 700;
- }
- }
- }
- .btn-group >.btn-group:nth-child(2) >&.btn {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-}
-
-
-/*
- * Standard Bootstrap widgets
- */
-
-.color-select {
- list-style: none;
- margin: 0;
- padding: 4px;
- min-width: 166px;
- max-width: 156px;
- right: -3px;
-
- li {
- display: block;
- margin: 2px;
- float: left;
-
- span {
- display: block;
- width: 22px;
- height: 22px;
- padding: 0;
- background: #333;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- border: 1px solid rgba(0, 0, 0, .1);
- cursor: pointer;
-
- &:hover {
- border: 3px solid rgba(0, 0, 0, .2);
- }
- }
- }
- .widget-toolbar .dropdown-menu& {
- right: -1px;
- }
-}
-
-.color-box {
- display: block;
- position: relative;
- width: 22px;
- height: 22px;
- padding: 0;
- background: #333;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border: 1px solid rgba(255, 255, 255, .3) !important;
- cursor: pointer;
- vertical-align: middle;
- outline: 1px solid rgba(0, 0, 0, .1);
- background: rgba(255, 255, 255, .3) !important;
-
- &:hover,
- .open & {
- outline: 1px solid rgba(0, 0, 0, .1) !important;
- }
- &:hover {
- -webkit-transform: scale(1.07);
- -moz-transform: scale(1.07);
- }
- &:active {
- top: 1px;
- left: 1px;
- }
- .widget-toolbar >& {
- margin-top: 7px;
- width: 18px;
- height: 18px;
- outline: 1px solid rgba(0, 0, 0, .2);
-
- &:active,
- &:focus,
- &:hover {
- outline: 1px solid rgba(0, 0, 0, .25)!important;
- }
- }
-}
-
-/*
- * Full calendar
- */
-
-#calendar {
- .ams-widget & {
- margin-top: -18px;
- }
-}
-
-#calendar-buttons {
- position: absolute;
- right: 14px;
- top: 5px;
-}
-
-#calendar-container {
- position: relative;
-}
-
-#external-events {
- >li {
- margin: 6px 4px 6px 0;
- display: inline-block;
-
- >:first-child {
- padding: 5px 10px 10px;
- cursor: move;
- display: block;
- }
- >:first-child:after {
- color: #fff;
- color: rgba(255, 255, 255, .7);
- content: attr(data-description);
- font-size: 11px;
- font-weight: 400;
- display: block;
- line-height: 0;
- margin: 7px 0;
- text-transform: lowercase;
- }
- }
-}
-
-.fc {
- direction: ltr;
- text-align: left;
-
- .fc-header-space {
- padding-left: 10px;
- }
- table,
- html & {
- font-size: 12px;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- th,
- td {
- padding: 0;
- vertical-align: top;
- }
- .ui-resizable-handle {
- display: block;
- position: absolute;
- z-index: 99999;
- overflow: hidden;
- font-size: 300%;
- line-height: 50%;
- }
- .ui-draggable-dragging .fc-event-bg {
- display: none;
- }
-}
-
-.fc-border-separate {
- thead tr,
- .table thead tr {
- background-color: #eee;
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
- background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
- background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
- font-size: 12px;
- }
- thead tr th {
- padding: 4px;
- line-height: 1.428571429;
- }
-}
-
-.fc-first {
- tr td&,
- tr& th& {
- border-left: 0;
- }
-}
-
-.fc-last {
- tr& td {
- border-bottom: 0;
- }
-}
-
-.fc-header {
- .fc-button {
- margin-bottom: 1em;
- vertical-align: top;
- margin-right: -1px;
- }
- .fc-corner-right {
- margin-right: 1px;
- }
- .ui-corner-right {
- margin-right: 0;
- }
- .fc-state-hover,
- .ui-state-hover {
- z-index: 2;
- }
- .fc-state-down {
- z-index: 3;
- }
- .fc-state-active,
- .ui-state-active {
- z-index: 4;
- }
- td {
- white-space: nowrap;
- }
-}
-
-.fc-header-left {
- width: 25%;
- text-align: left;
-}
-
-.fc-header-center {
- text-align: center;
-}
-
-.fc-header-right {
- width: 25%;
- text-align: right;
-}
-
-.fc-header-title {
- display: inline-block;
- vertical-align: top;
-
- h2 {
- margin-top: 0;
- white-space: nowrap;
- }
- .ams-widget & h2 {
- text-shadow: 0 1px 0 #fff;
- margin-top: -12px;
- margin-left: 10px;
- font-size: 14px;
- font-weight: 700;
- margin-bottom: 0;
- }
-}
-
-.fc-content {
- clear: both;
-}
-
-.fc-view {
- width: 100%;
- overflow: hidden;
-}
-
-.fc-widget-content,
-.fc-widget-header {
- border: 1px solid #ccc;
- border-right: 0;
-}
-
-.fc-state-highlight {
- background: #ffc;
-}
-
-.fc-cell-overlay {
- background: #9cf;
- opacity: .2;
- filter: alpha(opacity=20);
-}
-
-.fc-button {
- position: relative;
- display: inline-block;
- cursor: pointer;
-}
-
-.fc-button-inner {
- position: relative;
- float: left;
- overflow: hidden;
-}
-
-.fc-state-default {
- border-width: 1px 0;
-
- .fc-button-inner {
- border-width: 0 1px;
- }
- &,
- .fc-button-inner {
- border-style: solid;
- border-color: #ccc #bbb #aaa;
- background: #F3F3F3;
- color: #000;
- }
- .fc-button-effect {
- position: absolute;
- top: 50%;
- left: 0;
-
- span {
- position: absolute;
- top: -100px;
- left: 0;
- width: 500px;
- height: 100px;
- border-width: 100px 0 0 1px;
- border-style: solid;
- border-color: #fff;
- background: #444;
- opacity: .09;
- filter: alpha(opacity=9);
- }
- }
-}
-
-.fc-state-hover {
- .fc-button-inner {
- border-color: #999;
- }
-}
-
-.fc-state-down {
- .fc-button-inner {
- border-color: #555;
- background: #777;
- }
-}
-
-.fc-state-active {
- .fc-button-inner {
- border-color: #555;
- background: #777;
- color: #fff;
- }
-}
-
-.fc-state-disabled {
- cursor: default;
-
- .fc-button-inner {
- color: #999;
- border-color: #ddd;
- }
- .fc-button-effect {
- display: none;
- }
-}
-
-.fc-button-content {
- position: relative;
- float: left;
- height: 1.9em;
- line-height: 1.9em;
- padding: 0 .6em;
- white-space: nowrap;
-
- .fc-icon-wrap {
- position: relative;
- float: left;
- top: 50%;
- }
- .ui-icon {
- position: relative;
- float: left;
- margin-top: -50%;
- *margin-top: 0;
- *top: -50%;
- }
-}
-
-.fc-event {
- border-style: solid;
- border-width: 0;
- font-size: .85em;
- cursor: default;
-
- .fc-rtl & {
- text-align: right;
- }
-}
-
-.fc-event-draggable,
-a.fc-event {
- cursor: pointer;
-}
-
-a.fc-event {
- text-decoration: none;
-}
-
-.fc-event-skin {
- color: #FFF;
- border-right: 0!important;
- cursor: move;
-
- .fa:before {
- display: block;
- font-size: 14px;
- position: absolute;
- right: 4px;
- top: 3px;
- }
-}
-
-.fc-event-inner {
- position: relative;
- width: 100%;
- height: 100%;
- border-style: solid;
- border-width: 0;
- overflow: hidden;
-}
-
-.fc-event-hori {
- border-width: 1px 0;
- margin-bottom: 1px;
-
- .ui-resizable-e {
- top: 0!important;
- right: -3px!important;
- width: 7px!important;
- height: 100%!important;
- cursor: e-resize;
- }
- .ui-resizable-w {
- top: 0!important;
- left: -3px!important;
- width: 7px!important;
- height: 100%!important;
- cursor: w-resize;
- }
- .ui-resizable-handle {
- _padding-bottom: 14px;
- }
-}
-
-.fc-corner-left {
- margin-left: 1px;
-
- .fc-button-inner,
- .fc-event-inner {
- margin-left: -1px;
- }
-}
-
-.fc-corner-right {
- margin-right: 1px;
-
- .fc-button-inner,
- .fc-event-inner {
- margin-right: -1px;
- }
- .fc-event-inner {
- border-left: 6px solid rgba(0, 0, 0, .15);
- padding-left: 2px;
- padding-right: 15px;
- }
-}
-
-.fc-corner-top {
- margin-top: 1px;
-
- .fc-event-inner {
- margin-top: -1px;
- border-top-width: 1px;
- }
-}
-
-.fc-corner-bottom {
- margin-bottom: 1px;
-
- .fc-event-inner {
- margin-bottom: -1px;
- border-bottom-width: 1px;
- }
-}
-
-.fc-table-separate {
- table& {
- border-collapse: separate;
- }
- td,
- th {
- border-width: 1px 0 0 1px;
-
- &.fc-last {
- border-right-width: 1px;
- }
- }
- tr.fc-last {
- td,
- th {
- border-bottom-width: 1px;
- }
- }
- tbody {
- tr.fc-first td,
- tr.fc-first th {
- border-top-width: 0;
- }
- }
-}
-
-.fc-grid {
- th {
- text-align: center;
- }
- .fc-day-number {
- float: right;
- padding: 0 2px;
- }
- .fc-other-month .fc-day-number {
- opacity: .3;
- filter: alpha(opacity=30);
- }
- .fc-day-content {
- clear: both;
- padding: 2px 2px 1px;
- }
- .fc-event-time {
- font-weight: 700;
- }
- .fc-rtl & {
- .fc-day-number {
- float: left;
- }
- .fc-event-time {
- float: right;
- }
- }
-}
-
-.fc-agenda {
- table {
- border-collapse: separate;
- }
- .fc-agenda-axis {
- width: 50px;
- padding: 0 4px;
- vertical-align: middle;
- text-align: right;
- white-space: nowrap;
- font-weight: 400;
- }
- .fc-day-content {
- padding: 2px 2px 1px;
- }
-}
-
-.fc-agenda-days {
- th {
- text-align: center;
-
- }
- .fc-agenda-axis {
- border-right-width: 1px;
- }
- .fc-col0 {
- border-left-width: 0;
- }
-}
-.fc-agenda-allday {
- th {
- border-width: 0 1px;
- }
- .fc-day-content {
- min-height: 34px;
- _height: 34px;
- }
-}
-
-.fc-agenda-divider-inner {
- height: 2px;
- overflow: hidden;
-
- .fc-widget-header & {
- background: #eee;
- }
-}
-
-.fc-agenda-slots {
- th {
- border-width: 1px 1px 0;
- }
- td {
- border-width: 1px 0 0;
- background: 0 0;
-
- div {
- height: 20px;
- }
- }
- tr {
- &.fc-slot0 td,
- &.fc-slot0 th {
- border-top-width: 0;
- }
- &.fc-minor td,
- &.fc-minor th {
- border-top-style: dotted;
- }
- &.fc-minor th.ui-widget-header {
- *border-top-style: solid;
- }
- }
-}
-
-.fc-event-time,
-.fc-event-title {
- padding: 3px 0 2px 3px;
- display: inline-block;
- line-height: 16px;
- font-weight: 700;
- font-size: 11px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.fc-event-vert {
- border-width: 0 1px;
-
- .fc-event-content,
- .fc-event-head {
- position: relative;
- z-index: 2;
- width: 100%;
- overflow: hidden;
- }
- .fc-event-time {
- white-space: nowrap;
- font-size: 10px;
- }
- .fc-event-bg {
- position: absolute;
- z-index: 1;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #fff;
- opacity: .3;
- filter: alpha(opacity=30);
- }
- .ui-resizable-s {
- bottom: 0!important;
- width: 100%!important;
- height: 8px!important;
- overflow: hidden!important;
- line-height: 8px!important;
- font-size: 11px!important;
- font-family: monospace;
- text-align: center;
- cursor: s-resize;
- }
-}
-
-.fc-select-helper .fc-event-bg {
- display: none;
-}
-
-.fc-agenda .ui-resizable-resizing {
- _overflow: hidden;
-}
-
-
-/*
- * Colorpicker
- */
-
-.colorpicker {
- padding-left: 30px!important;
-}
-
-
-/*
- * Timepicker
- */
-
-.bootstrap-timepicker {
- position: relative;
-
- &.pull-right .bootstrap-timepicker-widget {
- &.dropdown-menu {
- left: auto;
- right: 0;
-
- &:before {
- left: auto;
- right: 12px;
- }
- &:after {
- left: auto;
- right: 13px;
- }
- }
- }
- .add-on {
- cursor: pointer;
-
- i {
- display: inline-block;
- width: 16px;
- height: 16px;
- }
- }
- @media (max-width:767px) {
- &,
- & .dropdown-menu {
- width: 100%;
- }
- }
-}
-
-.bootstrap-timepicker-widget {
- &.dropdown-menu {
- padding: 4px;
-
- &.open {
- display: inline-block;
- }
- &:before {
- border-bottom: 7px solid rgba(0, 0, 0, .2);
- border-left: 7px solid transparent;
- border-right: 7px solid transparent;
- content: "";
- display: inline-block;
- position: absolute;
- }
- &:after {
- border-bottom: 6px solid #FFF;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- content: "";
- display: inline-block;
- position: absolute;
- }
- }
- &.timepicker-orient-left:before {
- left: 6px;
- }
- &.timepicker-orient-left:after {
- left: 7px;
- }
- &.timepicker-orient-right:before {
- right: 6px;
- }
- &.timepicker-orient-right:after {
- right: 7px;
- }
- &.timepicker-orient-top:before {
- top: -7px;
- }
- &.timepicker-orient-top:after {
- top: -6px;
- }
- &.timepicker-orient-bottom:before {
- bottom: -7px;
- border-bottom: 0;
- border-top: 7px solid #999;
- }
- &.timepicker-orient-bottom:after {
- bottom: -6px;
- border-bottom: 0;
- border-top: 6px solid #fff;
- }
- a.btn,
- input {
- border-radius: 4px;
- }
- table {
- width: 100%;
- margin: 0;
-
- table td {
- text-align: center;
- height: 30px;
- margin: 0;
- padding: 2px;
-
- &:not(.separator) {
- min-width: 30px;
- }
- span {
- width: 100%;
- }
- a {
- border: 1px transparent solid;
- width: 100%;
- display: inline-block;
- margin: 0;
- padding: 8px 0;
- outline: 0;
- color: #333;
-
- &:hover {
- text-decoration: none;
- background-color: #eee;
- border-radius: 4px;
- border-color: #ddd;
- }
- i {
- margin-top: 2px;
- font-size: 18px;
- }
- }
- input {
- width: 25px;
- margin: 0;
- text-align: center;
- }
- }
- }
- &.modal {
- @media (min-width:767px) {
- width: 200px;
- margin-left: -100px;
- }
- }
- .modal-content {
- padding: 4px;
- }
-}
-
-
-/*
- * Note editor
- */
-
-.note-editor {
- border: 1px solid #a9a9a9;
-
- &.fullscreen {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 1050;
- width: 100%;
-
- &.fullscreen .note-editable {
- background-color: #fff;
- }
- }
- &.codeview .note-editable,
- &.fullscreen .note-resizebar {
- display: none;
- }
- &.codeview .note-codeable {
- display: block;
- }
- .note-toolbar {
- padding-bottom: 5px;
- padding-left: 5px;
- margin: 0;
- background-color: #f5f5f5;
- border-bottom: 1px solid #a9a9a9;
- }
- .note-toolbar>.btn-group {
- margin-top: 5px;
- margin-right: 5px;
- margin-left: 0;
- }
- .note-toolbar {
- .note-table {
- .dropdown-menu {
- min-width: 0;
- padding: 5px;
- }
- .dropdown-menu .note-dimension-picker {
- font-size: 18px;
- }
- .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
- position: absolute!important;
- z-index: 3;
- width: 10em;
- height: 10em;
- cursor: pointer;
- }
- .note-table .dropdown-menu .note-dimension-picker {
- .note-dimension-picker-unhighlighted {
- position: relative!important;
- z-index: 1;
- width: 5em;
- height: 5em;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;
- }
- .note-dimension-picker-highlighted {
- position: absolute!important;
- z-index: 2;
- width: 1em;
- height: 1em;
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;
- }
- }
- }
- .note-style blockquote, .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6 {
- margin: 0;
- }
- .note-color {
- .dropdown-toggle {
- width: 20px;
- padding-left: 5px;
- }
- .dropdown-menu {
- min-width: 290px;
-
- .btn-group {
- margin: 0;
-
- &:first-child {
- margin: 0 5px;
- }
- .note-palette-title {
- margin: 2px 7px;
- font-size: 12px;
- text-align: center;
- border-bottom: 1px solid #eee;
- }
- .note-color-reset {
- padding: 0 3px;
- margin: 5px;
- font-size: 12px;
- cursor: pointer;
- border-radius: 5px;
-
- &:hover {
- background: #eee;
- }
- }
- }
- }
- }
- .note-para {
- .dropdown-menu {
- min-width: 153px;
- padding: 5px;
- }
- .note-para li:first-child {
- margin-bottom: 5px;
- }
- }
- }
- .note-statusbar {
- background-color: #f5f5f5;
-
- .note-resizebar {
- width: 100%;
- height: 8px;
- cursor: s-resize;
-
- .note-icon-bar {
- width: 20px;
- margin: 1px auto;
- border-top: 1px solid #a9a9a9;
- }
- }
- }
- .note-popover .popover {
- max-width: none;
-
- .popover-content {
- padding: 5px;
-
- a {
- display: inline-block;
- max-width: 200px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- vertical-align: middle;
- }
- .btn-group+.btn-group {
- margin-left: 5px;
- }
- }
- .arrow {
- left: 20px;
- }
- }
- .note-handle {
- .note-control-selection {
- position: absolute;
- display: none;
- border: 1px solid #000;
-
- >div {
- position: absolute;
- }
- .note-control-selection-bg {
- width: 100%;
- height: 100%;
- background-color: #000;
- -webkit-opacity: .3;
- -khtml-opacity: .3;
- -moz-opacity: .3;
- opacity: .3;
- -ms-filter: alpha(opacity=30);
- filter: alpha(opacity=30);
- }
- .note-control-handle,
- .note-control-holder {
- width: 7px;
- height: 7px;
- border: 1px solid #000;
- }
- .note-control-sizing {
- width: 7px;
- height: 7px;
- background-color: #fff;
- border: 1px solid #000;
- }
- .note-control-nw {
- top: -5px;
- left: -5px;
- border-right: 0;
- border-bottom: 0;
- }
- .note-control-ne {
- top: -5px;
- right: -5px;
- border-bottom: 0;
- border-left: 0;
- }
- .note-control-sw {
- bottom: -5px;
- left: -5px;
- border-top: 0;
- border-right: 0;
- }
- .note-control-se {
- right: -5px;
- bottom: -5px;
- cursor: se-resize;
- }
- .note-control-selection-info {
- right: 0;
- bottom: 0;
- padding: 5px;
- margin: 5px;
- font-size: 12px;
- color: #fff;
- background-color: #000;
- border-radius: 5px;
- -webkit-opacity: .7;
- -khtml-opacity: .7;
- -moz-opacity: .7;
- opacity: .7;
- -ms-filter: alpha(opacity=70);
- filter: alpha(opacity=70);
- }
- }
- }
- .note-dialog {
- >div {
- display: none;
- }
- .note-image-dialog .note-dropzone {
- min-height: 200px;
- font-size: 30px;
- line-height: 6;
- color: #d3d3d3;
- text-align: center;
- border: 4px dashed #d3d3d3;
- }
- .note-help-dialog {
- font-size: 12px;
- color: #ccc;
- background: 0 0;
- background-color: #222!important;
- border: 0;
- -webkit-opacity: .9;
- -khtml-opacity: .9;
- -moz-opacity: .9;
- opacity: .9;
- -ms-filter: alpha(opacity=90);
- filter: alpha(opacity=90);
-
- .modal-content {
- background: 0 0;
- border: 1px solid #fff;
- border-radius: 5px;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- a {
- font-size: 12px;
- color: #fff;
- }
- .title {
- padding-bottom: 5px;
- font-size: 14px;
- font-weight: 700;
- color: #fff;
- border-bottom: #fff 1px solid;
- }
- .modal-close {
- font-size: 14px;
- color: #dd0;
- cursor: pointer;
- }
- .note-shortcut-layout {
- width: 100%;
-
- td {
- vertical-align: top;
- }
- }
- .note-shortcut {
- margin-top: 8px;
-
- th {
- font-size: 13px;
- color: #dd0;
- text-align: left;
-
- &:first-child {
- min-width: 110px;
- padding-right: 10px;
- font-family: "Courier New";
- color: #dd0;
- text-align: right;
- }
- }
- }
- }
- }
- .note-editable {
- padding: 10px;
- overflow: scroll;
- outline: 0;
- }
- .note-codeable {
- display: none;
- width: 100%;
- padding: 10px;
- margin-bottom: 0;
- font-family: Menlo, Monaco, monospace, sans-serif;
- font-size: 14px;
- color: #ccc;
- background-color: #222;
- border: 0;
- border-radius: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- resize: none;
- }
- .dropdown-menu {
- min-width: 90px;
-
- &.right {
- right: 0;
- left: auto;
-
- &::before {
- right: 9px;
- left: auto!important;
- }
- &::after {
- right: 10px;
- left: auto!important;
- }
- }
- .dropdown-menu li {
- a i {
- color: #00bfff;
- visibility: hidden;
- }
- a.checked i {
- visibility: visible;
- }
- }
- }
- .note-color-palette {
- line-height: 1;
-
- div .note-color-btn {
- width: 17px;
- height: 17px;
- padding: 0;
- margin: 0;
- border: 1px solid #fff;
-
- &:hover {
- border: 1px solid #000;
- }
- }
- }
- .no-padding & {
- border: 0;
- }
- .note-editable {
- background-color: rgba(48, 126, 204, .05);
-
- &:focus {
- background-color: #fff;
- }
- }
- .note-statusbar {
- .note-resizebar {
- border-top: 1px solid #DBDBDB;
- }
- &:hover {
- background: #EEE;
- }
- &:active {
- background: #eaeaea;
- }
- }
-}
-
-/*
- * MD editor
- */
-
-.md-editor {
- display: block;
- border: 1px solid #ddd;
-
- &.active {
- border-color: #66afe9;
- outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
- }
- .md-footer,
- >.md-header {
- display: block;
- padding: 6px 4px;
- background: #f5f5f5;
- }
- >.md-preview {
- background: #fff;
- border-top: 1px dashed #ddd;
- border-bottom: 1px dashed #ddd;
- min-height: 10px;
- padding: 10px;
- }
- >textarea {
- font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
- font-size: 13px;
- outline: 0;
- outline: thin dotted \9;
- margin: 0;
- display: block;
- width: 100%;
- border: 0;
- padding: 10px;
- border-top: 1px dashed #ddd;
- border-bottom: 1px dashed #ddd;
- border-radius: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #eee;
- }
- >textarea:focus {
- -webkit-box-shadow: none;
- box-shadow: none;
- background: #fff;
- }
-}
-
-
-/*
- * Twitter Typeahead
- */
-
-.twitter-typeahead {
- .tt-hint,
- .tt-query {
- margin-bottom: 0;
- }
-}
-.tt-dropdown-menu {
- min-width: 160px;
- margin-top: 2px;
- padding: 5px 0;
- background-color: #fff;
- border: 1px solid #bfbfbf;
- border: 1px solid rgba(0, 0, 0, .2);
- *border-right-width: 2px;
- *border-bottom-width: 2px;
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
- box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
-}
-.tt-suggestion {
- display: block;
- padding: 3px 20px;
-
- &.tt-is-under-cursor {
- color: #fff;
- background-color: #0081c2;
- }
- &.tt-is-under-cursor a {
- color: #fff;
- }
- p {
- margin: 0;
- }
-}
-
-
-/*
- * DropZone
- */
-
-.dropzone,
-.dropzone *,
-.dropzone-previews,
-.dropzone-previews * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.dropzone,
-.dropzone-previews {
- .dz-preview {
- background: rgba(255, 255, 255, .8);
- position: relative;
- display: inline-block;
- margin: 10px;
- vertical-align: top;
- border: 1px solid #acacac;
- padding: 6px;
- -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
- box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
- font-size: 14px;
-
- &.dz-file-preview {
- display: none;
- }
- .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;
- }
- }
- &.dz-error .dz-error-mark,
- &.dz-success .dz-success-mark {
- display: block;
- opacity: 1;
- -ms-filter: none;
- -webkit-filter: none;
- filter: none;
- }
- &:hover .dz-details img {
- display: none;
- }
- .dz-error-mark,
- .dz-success-mark {
- display: block;
- position: absolute;
- width: 40px;
- height: 40px;
- font-size: 30px;
- text-align: center;
- right: -10px;
- top: -10px;
- opacity: 0;
- -ms-filter: "alpha(Opacity=0)";
- filter: alpha(opacity=0);
- -webkit-transition: opacity .4s ease-in-out;
- transition: opacity .4s ease-in-out;
- background-image: url(../img/dropzone/spritemap.png);
- background-repeat: no-repeat;
-
- span {
- display: none;
- }
- }
- .dz-success-mark {
- color: #8cc657;
- background-position: -268px -163px;
- }
- .dz-error-mark {
- color: #ee162d;
- background-position: -268px -123px;
- }
- &.dz-error .dz-progress .dz-upload {
- background: #ee1e2d;
- }
- .dz-progress {
- position: absolute;
- top: 100px;
- left: 6px;
- right: 6px;
- height: 6px;
- background: #d7d7d7;
- display: none;
-
- .dz-upload {
- position: absolute;
- bottom: 0;
- background-color: #8cc657;
- -webkit-animation: loading .4s linear infinite;
- -ms-animation: loading .4s linear infinite;
- animation: loading .4s linear infinite;
- -webkit-transition: width .3s ease-in-out;
- transition: width .3s ease-in-out;
- border-radius: 2px;
- top: 0;
- left: 0;
- width: 0;
- height: 100%;
- background-image: url(../img/dropzone/spritemap.png);
- background-repeat: repeat-x;
- background-position: 0 -400px;
- }
- }
- &.dz-processing .dz-progress {
- display: block;
- }
- .dz-error-message {
- position: absolute;
- top: -5px;
- left: -20px;
- background: rgba(245, 245, 245, .8);
- padding: 8px 10px;
- color: #800;
- min-width: 140px;
- max-width: 500px;
- z-index: 500;
- display: block;
- opacity: 0;
- -ms-filter: "alpha(Opacity=0)";
- filter: alpha(opacity=0);
- -webkit-transition: opacity .3s ease-in-out;
- transition: opacity .3s ease-in-out;
- }
- &:hover.dz-error .dz-error-message {
- display: block;
- opacity: 1;
- -ms-filter: none;
- -webkit-filter: none;
- filter: none;
- }
- &.dz-image-preview:hover .dz-details img {
- display: block;
- opacity: .1;
- -ms-filter: "alpha(Opacity=10)";
- filter: alpha(opacity=10);
- }
- &.dz-success .dz-progress {
- display: block;
- opacity: 0;
- -ms-filter: "alpha(Opacity=0)";
- filter: alpha(opacity=0);
- -webkit-transition: opacity .4s ease-in-out;
- transition: opacity .4s ease-in-out;
- }
- }
- a.dz-remove {
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
- background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
- background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eee));
- background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
- background-image: linear-gradient(top, #fafafa 0, #eee 100%);
- border-radius: 2px;
- border: 1px solid #eee;
- text-decoration: none;
- display: block;
- padding: 4px 5px;
- text-align: center;
- color: #aaa;
- margin-top: 26px;
-
- &:hover {
- color: #666;
- }
- }
-}
-
-.dropzone {
- position: relative;
- padding: 1em;
- border: 1px solid rgba(0, 0, 0, .03);
- min-height: 360px;
- border-radius: 3px;
- background: rgba(0, 0, 0, .03);
- background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, transparent), to(transparent));
- background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
- background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
- background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
- background-color: #FAFCFD;
- -webkit-background-size: 16px 16px;
- background-size: 16px 16px;
-
- .dz-drag-hover {
- background: rgba(0, 0, 0, .04);
- }
- &.dz-clickable,
- &.dz-clickable .dz-message,
- &.dz-clickable .dz-message span {
- cursor: pointer;
- }
- &.dz-clickable * {
- cursor: default;
- }
- .dz-message {
- opacity: 1;
- -ms-filter: none;
- -webkit-filter: none;
- filter: none;
- }
- .dz-drag-hover {
- background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
- background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
- background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
- background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
- background-color: #fafafa;
- -webkit-background-size: 22px 22px;
- background-size: 22px 22px;
- border: 5px dashed #ccc;
- }
- .dz-default.dz-message {
- opacity: 1;
- -ms-filter: none;
- -webkit-filter: none;
- filter: none;
- -webkit-transition: opacity .3s ease-in-out;
- transition: opacity .3s ease-in-out;
- background-image: url(../img/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-square .dz-default.dz-message {
- background-position: 0 -123px;
- width: 268px;
- margin-left: -134px;
- height: 174px;
- margin-top: -87px;
- }
- &.dz-drag-hover .dz-message {
- opacity: .15;
- -ms-filter: "alpha(Opacity=15)";
- filter: alpha(opacity=15);
- }
- &.dz-started .dz-message {
- display: block;
- opacity: 0;
- -ms-filter: "alpha(Opacity=0)";
- filter: alpha(opacity=0);
- }
-}
-
-
-.irs {
- position: relative;
- display: block;
- height: 40px;
-
- &-line {
- position: relative;
- display: block;
- overflow: hidden;
- height: 8px;
- top: 25px;
- background: #eee;
-
- &-left,
- &-mid,
- &-right {
- position: absolute;
- display: block;
- top: 0;
- height: 8px;
- }
- &-left {
- left: 0;
- width: 10%;
- }
- &-mid {
- left: 10%;
- width: 80%;
- }
- &-right {
- right: 0;
- width: 10%;
- }
- }
- &-diapason {
- position: absolute;
- display: block;
- left: 0;
- width: 100%;
- }
- &-slider {
- position: absolute;
- display: block;
- cursor: default;
- z-index: 1;
- width: 10px;
- height: 22px;
- top: 17px;
- border: 1px solid #fff;
- background: #858585;
-
- &:hover {
- background: #6c6c6c;
- }
- &.single {
- left: 10px;
-
- &:before {
- position: absolute;
- display: block;
- content: "";
- top: -50%;
- left: -150%;
- width: 400%;
- height: 200%;
- background: rgba(0, 0, 0, 0);
- }
- }
- &.from {
- left: 100px;
-
- &:before {
- position: absolute;
- display: block;
- content: "";
- top: -50%;
- left: -300%;
- width: 400%;
- height: 200%;
- background: rgba(0, 0, 0, 0);
- }
- }
- &.to {
- left: 300px;
-
- &:before {
- position: absolute;
- display: block;
- content: "";
- top: -50%;
- left: 0;
- width: 400%;
- height: 200%;
- background: rgba(0, 0, 0, 0);
- }
- }
- &.last {
- z-index: 2;
- }
- }
- &-max,
- &-min {
- color: #999;
- font-size: 12px;
- line-height: 1.333;
- text-shadow: none;
- top: 0;
- padding: 1px 3px;
- background: rgba(0, 0, 0, .1);
- border-radius: 0;
-
- .lt-ie9 & {
- background: #bfbfbf;
- }
- }
- &-min {
- position: absolute;
- display: block;
- left: 0;
- cursor: default;
- }
- &-max {
- position: absolute;
- display: block;
- right: 0;
- cursor: default;
- }
- &-from,
- &-single,
- &-to {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- cursor: default;
- white-space: nowrap;
-
- .lt-ie9 & {
- background: #999;
- }
- }
- &-grid {
- position: absolute;
- display: none;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 20px;
- }
- &-with-grid {
- height: 60px;
- }
- &-with-grid
- &-grid {
- display: block;
- }
- &-grid-pol {
- position: absolute;
- top: 0;
- left: 0;
- width: 1px;
- height: 8px;
- background: #99a4ac;
-
- &.small {
- height: 4px;
- }
- }
- &-grid-text {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100px;
- white-space: nowrap;
- text-align: center;
- font-size: 9px;
- line-height: 9px;
- color: #99a4ac;
- }
- &-diapason {
- background: #3276b1;
- height: 8px;
- top: 25px;
- }
- .irs-from, .irs-single, .irs-to {
- color: #fff;
- font-size: 10px;
- line-height: 1.333;
- text-shadow: none;
- padding: 1px 5px;
- background: rgba(0, 0, 0, .4);
- border-radius: 0;
- }
-}
-
-#irs-active-slider {
- background: #686868;
- -webkit-box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0;
- box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0;
- width: 12px;
- height: 24px;
- top: 16px;
-}
-
-
-/*
- * Google maps
- */
-
-.google_maps {
- width: 100%;
- height: 350px;
- position: relative;
-
- * {
- box-sizing: content-box;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- }
- img {
- max-width: none;
- }
-}