1460 lines
47 KiB
SCSS
1460 lines
47 KiB
SCSS
|
@import 'inc/bootstrap';
|
|||
|
|
|||
|
// icon positioning
|
|||
|
@mixin jquery-ui-icons() {
|
|||
|
@include iterate-sprite((carat-1-n carat-1-ne carat-1-e carat-1-se carat-1-s carat-1-sw carat-1-w carat-1-nw carat-2-n-s carat-2-e-w), 0, 0, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((triangle-1-n triangle-1-ne triangle-1-e triangle-1-se triangle-1-s triangle-1-sw triangle-1-w triangle-1-nw triangle-2-n-s triangle-2-e-w), 0, 0, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((circle-triangle-e circle-triangle-s circle-triangle-w circle-triangle-n), -48, -192, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((arrow-1-n arrow-1-ne arrow-1-e arrow-1-se arrow-1-s arrow-1-sw arrow-1-w arrow-1-nw arrow-2-n-s arrow-2-ne-sw arrow-2-e-w arrow-2-se-nw arrowstop-1-n arrowstop-1-e arrowstop-1-s arrowstop-1-w), 0, -32, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((arrowthick-1-n arrowthick-1-ne arrowthick-1-e arrowthick-1-se arrowthick-1-s arrowthick-1-sw arrowthick-1-w arrowthick-1-nw arrowthick-2-n-s arrowthick-2-ne-sw arrowthick-2-e-w arrowthick-2-se-nw arrowthickstop-1-n arrowthickstop-1-e arrowthickstop-1-s arrowthickstop-1-w), 0, -48, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((arrowreturnthick-1-w arrowreturnthick-1-n arrowreturnthick-1-e arrowreturnthick-1-s arrowreturn-1-w arrowreturn-1-n arrowreturn-1-e arrowreturn-1-s arrowrefresh-1-w arrowrefresh-1-n arrowrefresh-1-e arrowrefresh-1-s), 0, -64, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((arrow-4 arrow-4-diag extlink newwin refresh shuffle transfer-e-w transferthick-e-w), 0, -84, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((folder-collapsed folder-open document document-b note mail-closed mail-open suitcase comment person print trash locked unlocked bookmark tag), 0, -96, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((home flag calendar cart pencil clock disk calculator zoomin zoomout search wrench gear heart star link), 0, -112, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((cancel plus plusthick minus minusthick close closethick key lightbulb scissors clipboard copy contact image video script), 0, -128, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((alert info notice help check bullet radio-off radio-on pin-w pin-s), 0, -144, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((play pause seek-next seek-prev seek-end seek-start seek-first stop eject volume-off volume-on), 0, -160, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((power signal-diag signal battery-0 battery-1 battery-2 battery-3), 0, -176, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((circle-plus circle-minus circle-close), 0, -192, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((circle-arrow-e circle-arrow-s circle-arrow-w circle-arrow-n circle-zoomin circle-zoomout circle-check), -112, -192, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((circlesmall-plus circlesmall-minus circlesmall-close squaresmall-plus squaresmall-minus squaresmall-close), 0, -208, 'x', '.ui-icon-');
|
|||
|
@include iterate-sprite((grip-dotted-vertical grip-dotted-horizontal grip-solid-vertical grip-solid-horizontal gripsmall-diagonal-se grip-diagonal-se), 0, -224, 'x', '.ui-icon-');
|
|||
|
}
|
|||
|
|
|||
|
@include jquery-ui-icons();
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI CSS Framework
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Theming/API
|
|||
|
*/
|
|||
|
//Layout helpers
|
|||
|
.ui-helper-hidden {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-helper-hidden-accessible {
|
|||
|
position: absolute !important;
|
|||
|
clip: rect(1px 1px 1px 1px);
|
|||
|
clip: rect(1px, 1px, 1px, 1px);
|
|||
|
}
|
|||
|
|
|||
|
.ui-helper-reset {
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
border: 0;
|
|||
|
outline: 0;
|
|||
|
line-height: 1.3;
|
|||
|
text-decoration: none;
|
|||
|
font-size: 100%;
|
|||
|
list-style: none;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.ui-helper-clearfix {
|
|||
|
display: block;
|
|||
|
&:after {
|
|||
|
content: ".";
|
|||
|
display: block;
|
|||
|
height: 0;
|
|||
|
clear: both;
|
|||
|
visibility: hidden;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/* required comment for clearfix to work in Opera \*/
|
|||
|
* html .ui-helper-clearfix {
|
|||
|
height: 1%;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
/* end clearfix */
|
|||
|
.ui-helper-zfix {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
position: absolute;
|
|||
|
opacity: 0;
|
|||
|
}
|
|||
|
|
|||
|
/* Interaction Cues
|
|||
|
----------------------------------*/
|
|||
|
.ui-state-disabled {
|
|||
|
cursor: default !important;
|
|||
|
}
|
|||
|
|
|||
|
/* Icons
|
|||
|
----------------------------------*/
|
|||
|
|
|||
|
/* states and images */
|
|||
|
.ui-icon {
|
|||
|
display: block;
|
|||
|
text-indent: -99999px;
|
|||
|
overflow: hidden;
|
|||
|
background-repeat: no-repeat;
|
|||
|
}
|
|||
|
|
|||
|
/* Misc visuals
|
|||
|
----------------------------------*/
|
|||
|
|
|||
|
/* Overlays */
|
|||
|
.ui-widget-overlay {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
|
|||
|
/* Component containers
|
|||
|
----------------------------------*/
|
|||
|
.ui-widget {
|
|||
|
font-size: 1.1em;
|
|||
|
.ui-widget, input, select, textarea, button {
|
|||
|
font-size: 1em;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.ui-widget-content {
|
|||
|
border: 1px solid #dddddd;
|
|||
|
background: #ffffff;
|
|||
|
color: #444444;
|
|||
|
a {
|
|||
|
color: #444444;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.ui-widget-header {
|
|||
|
border: 1px solid #dddddd;
|
|||
|
background: #dddddd;
|
|||
|
color: #444444;
|
|||
|
a {
|
|||
|
color: #444444;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/* Interaction Cues
|
|||
|
----------------------------------*/
|
|||
|
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
|
|||
|
border: 1px solid #cccccc;
|
|||
|
background: #ffffff;
|
|||
|
color: #444444;
|
|||
|
a {
|
|||
|
color: #444444;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
|
|||
|
border: 1px solid #ff0084;
|
|||
|
background: #ffffff;
|
|||
|
color: #222222;
|
|||
|
a {
|
|||
|
color: #222222;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
|
|||
|
color: #222222;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
|
|||
|
opacity: .7;
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
|
|||
|
opacity: .35;
|
|||
|
background-image: none;
|
|||
|
}
|
|||
|
|
|||
|
// light icons
|
|||
|
.light-icon,
|
|||
|
.ui-accordion-header.ui-state-hover .ui-icon,
|
|||
|
.ui-dialog-titlebar .ui-state-hover .ui-icon {
|
|||
|
background-image: url(data:image/png;base64,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
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.ui-widget {
|
|||
|
#item-editor-scope, input, select, textarea, button {
|
|||
|
font-family: 'Source Sans Pro', sans-serif;
|
|||
|
@include font-size(14);
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// dark icons
|
|||
|
.dark-icon,
|
|||
|
.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon,
|
|||
|
.ui-state-default .ui-icon,
|
|||
|
.ui-state-active .ui-icon, .ui-state-hover .ui-icon,
|
|||
|
.ui-dialog-titlebar .ui-icon {
|
|||
|
background-image: url(data:image/png;base64,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
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-next,
|
|||
|
.ui-datepicker-prev,
|
|||
|
.ui-icon-triangle-1-n,
|
|||
|
.ui-icon-triangle-1-o,
|
|||
|
.ui-icon-triangle-1-s,
|
|||
|
.ui-icon-triangle-1-w,
|
|||
|
.ui-dialog-titlebar-close {
|
|||
|
font-family: 'tao' !important;
|
|||
|
speak: none;
|
|||
|
font-style: normal;
|
|||
|
font-weight: normal;
|
|||
|
font-variant: normal;
|
|||
|
text-transform: none;
|
|||
|
line-height: 1;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
background: none !important;
|
|||
|
text-indent: 0 !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-icon-triangle-1-n:before {
|
|||
|
@include tao-icon-setup;
|
|||
|
@include icon-up;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-next:before,
|
|||
|
.ui-icon-triangle-1-e:before {
|
|||
|
@include tao-icon-setup;
|
|||
|
@include icon-right;
|
|||
|
}
|
|||
|
|
|||
|
.ui-icon-triangle-1-s:before {
|
|||
|
@include tao-icon-setup;
|
|||
|
@include icon-down;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-prev:before,
|
|||
|
.ui-icon-triangle-1-w:before {
|
|||
|
@include tao-icon-setup;
|
|||
|
@include icon-left;
|
|||
|
}
|
|||
|
|
|||
|
/* Misc visuals
|
|||
|
----------------------------------*/
|
|||
|
|
|||
|
/* Corner radius */
|
|||
|
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
|
|||
|
-moz-border-radius-topleft: 0;
|
|||
|
-webkit-border-top-left-radius: 0;
|
|||
|
-khtml-border-top-left-radius: 0;
|
|||
|
border-top-left-radius: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
|
|||
|
-moz-border-radius-topright: 0;
|
|||
|
-webkit-border-top-right-radius: 0;
|
|||
|
-khtml-border-top-right-radius: 0;
|
|||
|
border-top-right-radius: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
|
|||
|
-moz-border-radius-bottomleft: 0;
|
|||
|
-webkit-border-bottom-left-radius: 0;
|
|||
|
-khtml-border-bottom-left-radius: 0;
|
|||
|
border-bottom-left-radius: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
|
|||
|
-moz-border-radius-bottomright: 0;
|
|||
|
-webkit-border-bottom-right-radius: 0;
|
|||
|
-khtml-border-bottom-right-radius: 0;
|
|||
|
border-bottom-right-radius: 0;
|
|||
|
}
|
|||
|
|
|||
|
/* Overlays */
|
|||
|
.ui-widget-overlay {
|
|||
|
background: #eeeeee;
|
|||
|
opacity: .80;
|
|||
|
}
|
|||
|
|
|||
|
.ui-widget-shadow {
|
|||
|
margin: -4px 0 0 -4px;
|
|||
|
padding: 4px;
|
|||
|
background: #aaaaaa;
|
|||
|
opacity: .60;
|
|||
|
-moz-border-radius: 0px;
|
|||
|
-khtml-border-radius: 0px;
|
|||
|
-webkit-border-radius: 0px;
|
|||
|
border-radius: 0px;
|
|||
|
}
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Resizable 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Resizable#theming
|
|||
|
*/
|
|||
|
.ui-resizable {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-handle {
|
|||
|
position: absolute;
|
|||
|
font-size: 0.1px;
|
|||
|
z-index: 99999;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-n {
|
|||
|
cursor: n-resize;
|
|||
|
height: 7px;
|
|||
|
width: 100%;
|
|||
|
top: -5px;
|
|||
|
left: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-s {
|
|||
|
cursor: s-resize;
|
|||
|
height: 7px;
|
|||
|
width: 100%;
|
|||
|
bottom: -5px;
|
|||
|
left: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-e {
|
|||
|
cursor: e-resize;
|
|||
|
width: 7px;
|
|||
|
right: -5px;
|
|||
|
top: 0;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-w {
|
|||
|
cursor: w-resize;
|
|||
|
width: 7px;
|
|||
|
left: -5px;
|
|||
|
top: 0;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-se {
|
|||
|
cursor: se-resize;
|
|||
|
width: 12px;
|
|||
|
height: 12px;
|
|||
|
right: 1px;
|
|||
|
bottom: 1px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-sw {
|
|||
|
cursor: sw-resize;
|
|||
|
width: 9px;
|
|||
|
height: 9px;
|
|||
|
left: -5px;
|
|||
|
bottom: -5px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-nw {
|
|||
|
cursor: nw-resize;
|
|||
|
width: 9px;
|
|||
|
height: 9px;
|
|||
|
left: -5px;
|
|||
|
top: -5px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-resizable-ne {
|
|||
|
cursor: ne-resize;
|
|||
|
width: 9px;
|
|||
|
height: 9px;
|
|||
|
right: -5px;
|
|||
|
top: -5px;
|
|||
|
}
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Selectable 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Selectable#theming
|
|||
|
*/
|
|||
|
.ui-selectable-helper {
|
|||
|
position: absolute;
|
|||
|
z-index: 100;
|
|||
|
border: 1px dotted black;
|
|||
|
}
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Accordion 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Accordion#theming
|
|||
|
*/
|
|||
|
/* IE/Win - Fix animation bug - #4615 */
|
|||
|
.ui-accordion {
|
|||
|
width: 100%;
|
|||
|
.ui-accordion-header {
|
|||
|
cursor: pointer;
|
|||
|
position: relative;
|
|||
|
margin-top: 1px;
|
|||
|
zoom: 1;
|
|||
|
}
|
|||
|
.ui-accordion-li-fix {
|
|||
|
display: inline;
|
|||
|
}
|
|||
|
.ui-accordion-header{
|
|||
|
a {
|
|||
|
display: block;
|
|||
|
font-size: 1em;
|
|||
|
padding: .5em .5em .5em .7em;
|
|||
|
}
|
|||
|
.ui-icon {
|
|||
|
position: absolute;
|
|||
|
left: 12px;
|
|||
|
top: 50%;
|
|||
|
margin-top: -8px;
|
|||
|
}
|
|||
|
}
|
|||
|
.ui-accordion-content {
|
|||
|
padding: 1em 2.2em;
|
|||
|
border-top: 0;
|
|||
|
margin-top: -2px;
|
|||
|
position: relative;
|
|||
|
top: 1px;
|
|||
|
margin-bottom: 2px;
|
|||
|
overflow: auto;
|
|||
|
display: none;
|
|||
|
zoom: 1;
|
|||
|
}
|
|||
|
.ui-accordion-content-active {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Autocomplete 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Autocomplete#theming
|
|||
|
*/
|
|||
|
.ui-autocomplete {
|
|||
|
position: absolute;
|
|||
|
cursor: default;
|
|||
|
}
|
|||
|
|
|||
|
/* workarounds */
|
|||
|
* html .ui-autocomplete {
|
|||
|
width: 1px;
|
|||
|
}
|
|||
|
|
|||
|
/* without this, the menu expands to 100% in IE6 */
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Menu 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Menu#theming
|
|||
|
*/
|
|||
|
.ui-menu {
|
|||
|
list-style: none;
|
|||
|
padding: 2px;
|
|||
|
margin: 0;
|
|||
|
display: block;
|
|||
|
float: left;
|
|||
|
.ui-menu {
|
|||
|
margin-top: -3px;
|
|||
|
}
|
|||
|
.ui-menu-item {
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
zoom: 1;
|
|||
|
float: left;
|
|||
|
clear: left;
|
|||
|
width: 100%;
|
|||
|
a {
|
|||
|
text-decoration: none;
|
|||
|
display: block;
|
|||
|
padding: .2em .4em;
|
|||
|
line-height: 1.5;
|
|||
|
zoom: 1;
|
|||
|
}
|
|||
|
&.ui-state-hover, &.ui-state-active {
|
|||
|
font-weight: normal;
|
|||
|
margin: -1px;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Dialog 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Dialog#theming
|
|||
|
*/
|
|||
|
.ui-dialog {
|
|||
|
position: absolute;
|
|||
|
padding: .2em;
|
|||
|
width: 300px;
|
|||
|
overflow: hidden;
|
|||
|
.ui-dialog-titlebar {
|
|||
|
padding: 0 1em;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.ui-dialog-title {
|
|||
|
float: left;
|
|||
|
margin: .1em 16px .1em 0;
|
|||
|
}
|
|||
|
.ui-dialog-titlebar-close {
|
|||
|
@include font-size(17);
|
|||
|
line-height: 2;
|
|||
|
position: absolute;
|
|||
|
right: 1px;
|
|||
|
top: 13px;
|
|||
|
padding: 10px 0;
|
|||
|
margin: -10px 0 0 0;
|
|||
|
height: 18px;
|
|||
|
color: inherit;
|
|||
|
text-decoration: none !important;
|
|||
|
span.ui-icon-closethick {
|
|||
|
display: none;
|
|||
|
margin: 1px;
|
|||
|
background: none;
|
|||
|
}
|
|||
|
&:before {
|
|||
|
@extend .icon-close:before;
|
|||
|
}
|
|||
|
&:focus, &:hover {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
.ui-dialog-content {
|
|||
|
position: relative;
|
|||
|
border: 0;
|
|||
|
padding: .5em 1em;
|
|||
|
background: none;
|
|||
|
overflow: auto;
|
|||
|
zoom: 1;
|
|||
|
}
|
|||
|
.ui-dialog-buttonpane {
|
|||
|
text-align: left;
|
|||
|
border-width: 1px 0 0 0;
|
|||
|
background-image: none;
|
|||
|
margin: .5em 0 0 0;
|
|||
|
padding: .3em 1em .5em .4em;
|
|||
|
.ui-dialog-buttonset {
|
|||
|
float: right;
|
|||
|
}
|
|||
|
button {
|
|||
|
margin: .5em .4em .5em 0;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
}
|
|||
|
.ui-resizable-se {
|
|||
|
width: 14px;
|
|||
|
height: 14px;
|
|||
|
right: 2px;
|
|||
|
bottom: 2px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.ui-draggable .ui-dialog-titlebar {
|
|||
|
cursor: move;
|
|||
|
}
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Slider 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Slider#theming
|
|||
|
*/
|
|||
|
.ui-slider {
|
|||
|
position: relative;
|
|||
|
text-align: left;
|
|||
|
.ui-slider-handle {
|
|||
|
position: absolute;
|
|||
|
z-index: 2;
|
|||
|
width: 1.2em;
|
|||
|
height: 1.2em;
|
|||
|
cursor: default;
|
|||
|
border: 1px #888 solid
|
|||
|
}
|
|||
|
.ui-slider-range {
|
|||
|
position: absolute;
|
|||
|
z-index: 1;
|
|||
|
font-size: .7em;
|
|||
|
display: block;
|
|||
|
border: 0;
|
|||
|
background-position: 0 0;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.ui-slider-horizontal {
|
|||
|
height: .8em;
|
|||
|
margin-top: 5px;
|
|||
|
.ui-slider-handle {
|
|||
|
top: -.3em;
|
|||
|
margin-left: -.6em;
|
|||
|
}
|
|||
|
.ui-slider-range {
|
|||
|
top: 0;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
.ui-slider-range-min {
|
|||
|
left: 0;
|
|||
|
}
|
|||
|
.ui-slider-range-max {
|
|||
|
right: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider-vertical {
|
|||
|
width: .8em;
|
|||
|
height: 100px;
|
|||
|
.ui-slider-handle {
|
|||
|
left: -.3em;
|
|||
|
margin-left: 0;
|
|||
|
margin-bottom: -.6em;
|
|||
|
}
|
|||
|
.ui-slider-range {
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.ui-slider-range-min {
|
|||
|
bottom: 0;
|
|||
|
}
|
|||
|
.ui-slider-range-max {
|
|||
|
top: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// @todo is this in use at all?
|
|||
|
.range-slider-arrowed {
|
|||
|
margin: 0 5px;
|
|||
|
.ui-slider-handle.has-icon {
|
|||
|
.icon-range-slider-left{
|
|||
|
position: relative;
|
|||
|
left: -5px;
|
|||
|
color: blue
|
|||
|
}
|
|||
|
.icon-range-slider-right {
|
|||
|
position: relative;
|
|||
|
right: -5px;
|
|||
|
color: red
|
|||
|
}
|
|||
|
background: transparent !important;
|
|||
|
.icon-range-slider-left, .icon-range-slider-right {
|
|||
|
@include font-size(20);
|
|||
|
color: $uiClickableActiveBg;
|
|||
|
}
|
|||
|
& .ui-active-state {
|
|||
|
background: transparent !important;
|
|||
|
.icon-range-slider-left, .icon-range-slider-right {
|
|||
|
color: $uiClickableHoverBg !important;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Tabs 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Tabs#theming
|
|||
|
*/
|
|||
|
.ui-tabs {
|
|||
|
position: relative;
|
|||
|
padding: .2em;
|
|||
|
zoom: 1;
|
|||
|
.ui-tabs-nav {
|
|||
|
margin: 0;
|
|||
|
padding: .2em .2em 0;
|
|||
|
li {
|
|||
|
list-style: none;
|
|||
|
float: left;
|
|||
|
position: relative;
|
|||
|
top: 1px;
|
|||
|
margin: 0 .2em 1px 0;
|
|||
|
border-bottom: 0 !important;
|
|||
|
padding: 0;
|
|||
|
white-space: nowrap;
|
|||
|
a {
|
|||
|
cursor: pointer;
|
|||
|
float: left;
|
|||
|
padding: .5em 1em;
|
|||
|
text-decoration: none;
|
|||
|
min-height: 34px
|
|||
|
}
|
|||
|
&.ui-tabs-selected,
|
|||
|
&.ui-state-disabled,
|
|||
|
&.ui-state-processing {
|
|||
|
a {
|
|||
|
cursor: default;
|
|||
|
color: $textHighlight !important;
|
|||
|
text-shadow: 1px 1px 0 black(.2)
|
|||
|
}
|
|||
|
}
|
|||
|
&.ui-tabs-selected{
|
|||
|
margin-bottom: 0;
|
|||
|
padding-bottom: 1px;
|
|||
|
}
|
|||
|
&.small {
|
|||
|
a {
|
|||
|
padding: .25em 1em;
|
|||
|
text-decoration: none;
|
|||
|
min-height: 28px
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
.ui-tabs-panel {
|
|||
|
display: block;
|
|||
|
border-width: 0;
|
|||
|
padding: 1em 1.4em;
|
|||
|
background: none;
|
|||
|
}
|
|||
|
.ui-tabs-hide {
|
|||
|
display: none !important;
|
|||
|
}
|
|||
|
&.ui-tabs-collapsible {
|
|||
|
.ui-tabs-nav {
|
|||
|
li {
|
|||
|
&.ui-tabs-selected {
|
|||
|
a {
|
|||
|
cursor:pointer;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Datepicker 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Datepicker#theming
|
|||
|
*/
|
|||
|
.ui-datepicker {
|
|||
|
width: 17em;
|
|||
|
padding: .2em .2em 0;
|
|||
|
display: none;
|
|||
|
.ui-datepicker-header {
|
|||
|
position: relative;
|
|||
|
padding: .2em 0;
|
|||
|
}
|
|||
|
.ui-datepicker-prev, .ui-datepicker-next {
|
|||
|
position: absolute;
|
|||
|
top: -2px;
|
|||
|
width: 34px;
|
|||
|
height: 36px;
|
|||
|
cursor: pointer;
|
|||
|
-moz-box-sizing: border-box;
|
|||
|
-webkit-box-sizing: border-box;
|
|||
|
box-sizing: border-box;
|
|||
|
padding: 10px;
|
|||
|
text-align: center;
|
|||
|
color: $textHighlight;
|
|||
|
span {
|
|||
|
display: none
|
|||
|
}
|
|||
|
}
|
|||
|
.ui-datepicker-prev {
|
|||
|
left: 0px;
|
|||
|
}
|
|||
|
.ui-datepicker-next {
|
|||
|
right: 0px;
|
|||
|
}
|
|||
|
.ui-datepicker-prev-hover,
|
|||
|
.ui-datepicker-next-hover {
|
|||
|
background: $uiClickableHoverBg;
|
|||
|
color: $textHighlight
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-title {
|
|||
|
margin: 0 2.3em;
|
|||
|
line-height: 1.8em;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-title select {
|
|||
|
font-size: 1em;
|
|||
|
margin: 1px 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker select.ui-datepicker-month-year {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker select.ui-datepicker-month,
|
|||
|
.ui-datepicker select.ui-datepicker-year {
|
|||
|
width: 49%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker table {
|
|||
|
width: 100%;
|
|||
|
font-size: .9em;
|
|||
|
border-collapse: collapse;
|
|||
|
margin: 0 0 .4em;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker th {
|
|||
|
padding: .7em .3em;
|
|||
|
text-align: center;
|
|||
|
border: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker td {
|
|||
|
border: 0;
|
|||
|
padding: 1px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker td span, .ui-datepicker td a {
|
|||
|
display: block;
|
|||
|
padding: .2em;
|
|||
|
text-align: right;
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-buttonpane {
|
|||
|
background-image: none;
|
|||
|
margin: .7em 0 0 0;
|
|||
|
padding: 0 .2em;
|
|||
|
border-left: 0;
|
|||
|
border-right: 0;
|
|||
|
border-bottom: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-buttonpane button {
|
|||
|
@extend .ui-button;
|
|||
|
float: right;
|
|||
|
margin: .5em .2em .4em;
|
|||
|
cursor: pointer;
|
|||
|
padding: .2em .6em .3em .6em;
|
|||
|
width: auto;
|
|||
|
overflow: visible;
|
|||
|
&.ui-datepicker-close{
|
|||
|
float: right !important;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/* with multiple calendars */
|
|||
|
.ui-datepicker.ui-datepicker-multi {
|
|||
|
width: auto;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi .ui-datepicker-group {
|
|||
|
float: left;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi .ui-datepicker-group table {
|
|||
|
width: 95%;
|
|||
|
margin: 0 auto .4em;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi-2 .ui-datepicker-group {
|
|||
|
width: 50%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi-3 .ui-datepicker-group {
|
|||
|
width: 33.3%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi-4 .ui-datepicker-group {
|
|||
|
width: 25%;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
|
|||
|
border-left-width: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
|||
|
border-left-width: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
|||
|
clear: left;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-row-break {
|
|||
|
clear: both;
|
|||
|
width: 100%;
|
|||
|
font-size: 0em;
|
|||
|
}
|
|||
|
|
|||
|
/*
|
|||
|
* jQuery UI Progressbar 1.8.16
|
|||
|
*
|
|||
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
|||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|||
|
* http://jquery.org/license
|
|||
|
*
|
|||
|
* http://docs.jquery.com/UI/Progressbar#theming
|
|||
|
*/
|
|||
|
.ui-progressbar {
|
|||
|
height: 2em;
|
|||
|
text-align: left;
|
|||
|
}
|
|||
|
|
|||
|
.ui-progressbar .ui-progressbar-value {
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
|
|||
|
/* General */
|
|||
|
html, body {
|
|||
|
background-color: #ffffff;
|
|||
|
}
|
|||
|
|
|||
|
.ui-widget {
|
|||
|
font-family: 'Source Sans Pro', sans-serif;
|
|||
|
font-weight: 400;
|
|||
|
}
|
|||
|
|
|||
|
/* Interaction states
|
|||
|
----------------------------------*/
|
|||
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
|||
|
border: 1px solid #dddddd;
|
|||
|
background: inherit;
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
|
|||
|
color: $darkBlueGrey;
|
|||
|
border-width: 1px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-hover a, .ui-state-hover a:hover {
|
|||
|
color: #ffffff;
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
|
|||
|
border: 1px solid #dddddd;
|
|||
|
color: #ff0084;
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
|
|||
|
color: #ff0084;
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-widget :active {
|
|||
|
outline: none;
|
|||
|
}
|
|||
|
|
|||
|
/* Accordion */
|
|||
|
.ui-accordion-header {
|
|||
|
border: 1px solid;
|
|||
|
.ui-accordion-header {
|
|||
|
margin-top: 2px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-content {
|
|||
|
border: 1px solid;
|
|||
|
border-top: none;
|
|||
|
margin-bottom: 3px !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion .ui-accordion-header a {
|
|||
|
font-size: 1.0em;
|
|||
|
padding: .6em .3em .5em 2.9em;
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion > .ui-state-active a, .ui-accordion > div > h3.ui-state-active a {
|
|||
|
padding-bottom: .8em;
|
|||
|
cursor: default
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion > .ui-state-active, .ui-accordion > div > h3.ui-state-active {
|
|||
|
border-bottom: none !important;
|
|||
|
cursor: default
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header > .ui-icon {
|
|||
|
margin: 4px;
|
|||
|
}
|
|||
|
|
|||
|
/* Tabs */
|
|||
|
.ui-tabs {
|
|||
|
padding: 0;
|
|||
|
border: none;
|
|||
|
position: relative;
|
|||
|
top: -3px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav {
|
|||
|
padding: 0px 0px 0px 0px !important;
|
|||
|
border: none;
|
|||
|
border-bottom: 1px solid;
|
|||
|
background-color: #ffffff;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav .ui-state-default {
|
|||
|
border: none;
|
|||
|
padding: 0px !important;
|
|||
|
margin-right: 2px !important;
|
|||
|
background: none !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav .ui-state-default a {
|
|||
|
border: 1px solid;
|
|||
|
position: relative;
|
|||
|
top: 2px;
|
|||
|
margin-bottom: 4px;
|
|||
|
height: 16px;
|
|||
|
}
|
|||
|
|
|||
|
/*.ui-tabs-nav .ui-tabs-selected a{border:1px solid;height:1.8em;border-bottom:none !important;}*/
|
|||
|
.ui-tabs-nav .ui-state-active a {
|
|||
|
border: 1px solid;
|
|||
|
border-bottom: none !important;
|
|||
|
margin-bottom: 0;
|
|||
|
height: 22px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs .ui-widget-content {
|
|||
|
border: 1px solid !important;
|
|||
|
border-top: none !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs .ui-widget-content .ui-tabs {
|
|||
|
border: none !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav .ui-state-hover {
|
|||
|
border: none;
|
|||
|
}
|
|||
|
|
|||
|
/* Dialog */
|
|||
|
.ui-dialog {
|
|||
|
border-width: 1px;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog-titlebar {
|
|||
|
border: none;
|
|||
|
border-bottom-width: 2px;
|
|||
|
padding: 5px 1em 5px 1em !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog-buttonpane {
|
|||
|
border-top-width: 2px !important;
|
|||
|
margin-top: 0 !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog .ui-dialog-titlebar-close {
|
|||
|
width: 24px;
|
|||
|
height: 24px;
|
|||
|
margin: -13px 0px 0px 0px;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog-titlebar-close > .ui-icon {
|
|||
|
margin: 4px !important;
|
|||
|
}
|
|||
|
|
|||
|
/* Datepicker*/
|
|||
|
.ui-datepicker {
|
|||
|
border: 1px solid;
|
|||
|
padding: 0 !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-header {
|
|||
|
border: none;
|
|||
|
padding: .3em 1em;
|
|||
|
color: $textHighlight
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-header .ui-state-default {
|
|||
|
background: none;
|
|||
|
border: none;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
|
|||
|
width: 36px;
|
|||
|
height: 33px;
|
|||
|
margin: 0;
|
|||
|
top: 0
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
|
|||
|
display: none !important
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker table {
|
|||
|
margin: 0px;
|
|||
|
border: 1px solid;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-active {
|
|||
|
border-width: 1px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-icon {
|
|||
|
margin: 4px !important;
|
|||
|
}
|
|||
|
|
|||
|
/* Additional states */
|
|||
|
.ui-state-highlight {
|
|||
|
border: 1px solid;
|
|||
|
}
|
|||
|
|
|||
|
.ui-state-error {
|
|||
|
border: 1px solid;
|
|||
|
}
|
|||
|
|
|||
|
/* Slider */
|
|||
|
.ui-slider {
|
|||
|
border: none;
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider .ui-slider-handle {
|
|||
|
width: 10px;
|
|||
|
height: 17px;
|
|||
|
border: none;
|
|||
|
margin: -.4em;
|
|||
|
cursor: pointer;
|
|||
|
padding: 0
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider-horizontal .ui-slider-handle {
|
|||
|
margin-top: -4px;
|
|||
|
top: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider-vertical .ui-slider-handle {
|
|||
|
margin-left: 5px;
|
|||
|
left: 0;
|
|||
|
}
|
|||
|
|
|||
|
/* Progressbar */
|
|||
|
.ui-progressbar {
|
|||
|
border: none;
|
|||
|
height: 0.8em;
|
|||
|
}
|
|||
|
|
|||
|
.ui-progressbar .ui-progressbar-value {
|
|||
|
border: none;
|
|||
|
}
|
|||
|
|
|||
|
/* Autocomplete */
|
|||
|
.ui-autocomplete {
|
|||
|
border: solid 1px #bbbbbb;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
|
|||
|
.ui-autocomplete .ui-menu-item a {
|
|||
|
padding: 5px;
|
|||
|
border: none;
|
|||
|
margin: 0 !important;
|
|||
|
cursor: pointer
|
|||
|
}
|
|||
|
|
|||
|
/* Icon states */
|
|||
|
.ui-icon {
|
|||
|
width: 16px;
|
|||
|
height: 16px;
|
|||
|
}
|
|||
|
|
|||
|
/* General */
|
|||
|
.ui-widget-overlay {
|
|||
|
background: $uiOverlay;
|
|||
|
}
|
|||
|
|
|||
|
.ui-widget-content {
|
|||
|
color: $textColor;
|
|||
|
}
|
|||
|
|
|||
|
/* Accordion */
|
|||
|
.ui-accordion-content {
|
|||
|
border-color: $uiGeneralContentBorder;
|
|||
|
background: $uiGeneralContentBg
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header.ui-state-active, .ui-accordion-header.ui-state-active.ui-state-hover {
|
|||
|
background-color: $uiClickableActiveBg !important;
|
|||
|
color: $textColor;
|
|||
|
border-color: $uiClickableActiveBg !important;
|
|||
|
line-height: 1.0
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header.ui-state-active * {
|
|||
|
color: $textHighlight !important;
|
|||
|
text-shadow: 1px 1px 0 black(.2)
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header.ui-state-default {
|
|||
|
border-color: $uiClickableDefaultBg;
|
|||
|
background: $uiClickableDefaultBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header.ui-state-default * {
|
|||
|
color: $textColor;
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header.ui-state-hover {
|
|||
|
background: $uiClickableHoverBg;
|
|||
|
border-color: $uiClickableHoverBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header.ui-state-hover * {
|
|||
|
color: $textHighlight;
|
|||
|
text-shadow: 1px 1px 0 black(.2)
|
|||
|
}
|
|||
|
|
|||
|
.ui-accordion-header.ui-state-default .ui-icon,
|
|||
|
.ui-accordion-header.ui-state-hover *.ui-icon {
|
|||
|
left: 8px
|
|||
|
}
|
|||
|
|
|||
|
/* Tabs states */
|
|||
|
.ui-tabs-nav > .ui-state-default a {
|
|||
|
border-color: $uiClickableDefaultBg;
|
|||
|
background: $uiClickableDefaultBg;
|
|||
|
color: $textColor;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav > .ui-state-active a {
|
|||
|
border-color: $uiClickableActiveBg !important;
|
|||
|
background: $uiClickableActiveBg !important;
|
|||
|
color: $textColor !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav > .ui-state-hover a {
|
|||
|
background: $uiClickableHoverBg;
|
|||
|
border-color: $uiClickableHoverBg;
|
|||
|
color: $textHighlight;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav > .ui-state-focus a {
|
|||
|
background: $uiClickableHoverBg;
|
|||
|
border-color: $uiClickableHoverBg;
|
|||
|
color: $textHighlight;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs .ui-widget-content {
|
|||
|
border-color: $uiGeneralContentBorder !important;
|
|||
|
background-color: $uiGeneralContentBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-tabs-nav {
|
|||
|
border-color: $uiGeneralContentBorder;
|
|||
|
}
|
|||
|
|
|||
|
/* Dialog states */
|
|||
|
.ui-dialog {
|
|||
|
border-color: $uiHeaderBg;
|
|||
|
background-color: $uiGeneralContentBg !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog-titlebar {
|
|||
|
border-color: $uiClickableActiveBg;
|
|||
|
background: $uiClickableActiveBg;
|
|||
|
color: $textHighlight !important;
|
|||
|
text-shadow: 1px 1px 0 black(.2)
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog-titlebar:hover {
|
|||
|
border-color: $uiClickableHoverBg;
|
|||
|
background: $uiClickableHoverBg
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog-buttonpane {
|
|||
|
border-color: $uiHeaderBg !important;
|
|||
|
background-color: $uiGeneralContentBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-dialog-content {
|
|||
|
background-color: $uiGeneralContentBg !important;
|
|||
|
}
|
|||
|
|
|||
|
//.ui-dialog-titlebar .ui-state-hover .ui-icon{background-image:url(img/jquery-ui/ui-icons_ffffff_0.png) !important;}
|
|||
|
|
|||
|
/* Slider */
|
|||
|
.ui-slider {
|
|||
|
background: #FFFFFF;
|
|||
|
border: 1px solid #ccc;
|
|||
|
border-radius: 2px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider .ui-slider-range {
|
|||
|
background: $uiClickableDefaultBg;
|
|||
|
height: 9px;
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider .ui-state-default {
|
|||
|
background-color: $uiClickableActiveBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider .ui-state-active {
|
|||
|
background-color: $uiClickableHoverBg !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider .ui-state-focus {
|
|||
|
background-color: $uiClickableActiveBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-slider .ui-state-hover {
|
|||
|
background-color: $uiClickableHoverBg;
|
|||
|
}
|
|||
|
|
|||
|
/* Progressbar */
|
|||
|
.ui-progressbar {
|
|||
|
background: #FFFFFF;
|
|||
|
border: 1px solid #ccc;
|
|||
|
.ui-progressbar-value {
|
|||
|
background-color: $uiClickableHoverBg;
|
|||
|
}
|
|||
|
&.success .ui-progressbar-value{
|
|||
|
background-color: $success;
|
|||
|
}
|
|||
|
&.warning .ui-progressbar-value{
|
|||
|
background-color: $warning;
|
|||
|
}
|
|||
|
&.error .ui-progressbar-value{
|
|||
|
background-color: $error;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/* Autocomplete */
|
|||
|
|
|||
|
.ui-autocomplete {
|
|||
|
border-color: $uiGeneralContentBorder;
|
|||
|
}
|
|||
|
|
|||
|
.ui-autocomplete a {
|
|||
|
background-color: $uiGeneralContentBg;
|
|||
|
color: $textColor;
|
|||
|
}
|
|||
|
|
|||
|
.ui-autocomplete .ui-state-hover {
|
|||
|
background: $uiClickableHoverBg;
|
|||
|
color: $textHighlight;
|
|||
|
}
|
|||
|
|
|||
|
/* Datepicker */
|
|||
|
.ui-datepicker {
|
|||
|
border-color: $uiHeaderBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-header {
|
|||
|
background-color: $uiClickableActiveBg !important;
|
|||
|
color: $textHighlight;
|
|||
|
border-color: $uiClickableActiveBg !important;
|
|||
|
text-shadow: 1px 1px 0 black(.2);
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker table {
|
|||
|
border-color: $uiGeneralContentBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-calendar {
|
|||
|
background: $uiGeneralContentBg;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-calendar .ui-state-default {
|
|||
|
background-color: $uiClickableDefaultBg;
|
|||
|
border-color: $uiClickableDefaultBg;
|
|||
|
color: $textColor;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-calendar .ui-state-hover {
|
|||
|
border: 1px transparent solid;
|
|||
|
background-color: $uiClickableHoverBg !important;
|
|||
|
border-color: $uiClickableHoverBg !important;
|
|||
|
color: $textHighlight !important;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-calendar .ui-state-highlight {
|
|||
|
background-color: $uiClickableActiveBg;
|
|||
|
border-color: $uiClickableActiveBg;
|
|||
|
color: $textHighlight;
|
|||
|
text-shadow: 1px 1px 0 black(.2)
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-calendar .ui-state-active {
|
|||
|
background-color: $uiClickableActiveBg;
|
|||
|
border-color: $uiClickableActiveBg;
|
|||
|
color: $textColor;
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker-header .ui-icon {
|
|||
|
display: none !important
|
|||
|
}
|
|||
|
|
|||
|
.ui-datepicker .ui-datepicker-header .ui-state-hover {
|
|||
|
background-color: $uiClickableHoverBg !important;
|
|||
|
border-color: $uiClickableHoverBg !important;
|
|||
|
}
|
|||
|
|
|||
|
/* Button states */
|
|||
|
.ui-button {
|
|||
|
@extend .btn-info;
|
|||
|
@include border-radius(3);
|
|||
|
border: none;
|
|||
|
height: 3.5rem;
|
|||
|
&.ui-state-default {
|
|||
|
background-color: whiten($info, .1);
|
|||
|
}
|
|||
|
}
|
|||
|
/* Highlight */
|
|||
|
.ui-state-highlight {
|
|||
|
@extend .feedback-warning;
|
|||
|
&.tree-hint {
|
|||
|
margin: 15px;
|
|||
|
padding: 2px 4px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/* Error */
|
|||
|
.ui-state-error {
|
|||
|
@extend .feedback-error;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|