Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
 
2 
/* Functional styling;
3 
 * These styles are required for noUiSlider to function.
4 
 * You don't need to change these rules to apply your design.
5 
 */
6 
.noUi-target,
7 
.noUi-target * {
8 
-webkit-touch-callout: none;
9 
-webkit-user-select: none;
10 
-ms-touch-action: none;
11 
-ms-user-select: none;
12 
-moz-user-select: none;
13 
-moz-box-sizing: border-box;
14 
	box-sizing: border-box;
15 
}
16 
.noUi-target {
17 
	position: relative;
18 
	direction: ltr;
19 
}
20 
.noUi-base {
21 
	width: 100%;
22 
	height: 100%;
23 
	position: relative;
24 
	z-index: 1; /* Fix 401 */
25 
}
26 
.noUi-origin {
27 
	position: absolute;
28 
	right: 0;
29 
	top: 0;
30 
	left: 0;
31 
	bottom: 0;
32 
}
33 
.noUi-handle {
34 
	position: relative;
35 
	z-index: 1;
36 
}
37 
.noUi-stacking .noUi-handle {
38 
/* This class is applied to the lower origin when
39 
   its values is > 50%. */
40 
	z-index: 10;
41 
}
42 
.noUi-state-tap .noUi-origin {
43 
-webkit-transition: left 0.3s, top 0.3s;
44 
	transition: left 0.3s, top 0.3s;
45 
}
46 
.noUi-state-drag * {
47 
	cursor: inherit !important;
48 
}
49 
 
50 
/* Painting and performance;
51 
 * Browsers can paint handles in their own layer.
52 
 */
53 
.noUi-base {
54 
	-webkit-transform: translate3d(0,0,0);
55 
	transform: translate3d(0,0,0);
56 
}
57 
 
58 
/* Slider size and handle placement;
59 
 */
60 
.noUi-horizontal {
61 
	height: 18px;
62 
}
63 
.noUi-horizontal .noUi-handle {
64 
	width: 34px;
65 
	height: 28px;
66 
	left: -17px;
67 
	top: -6px;
68 
}
69 
.noUi-vertical {
70 
	width: 18px;
71 
}
72 
.noUi-vertical .noUi-handle {
73 
	width: 28px;
74 
	height: 34px;
75 
	left: -6px;
76 
	top: -17px;
77 
}
78 
 
79 
/* Styling;
80 
 */
81 
.noUi-background {
82 
	background: #FAFAFA;
83 
	box-shadow: inset 0 1px 1px #f0f0f0;
84 
}
85 
.noUi-connect {
86 
	background: #3FB8AF;
87 
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
88 
-webkit-transition: background 450ms;
89 
	transition: background 450ms;
90 
}
91 
.noUi-origin {
92 
	border-radius: 2px;
93 
}
94 
.noUi-target {
95 
	border-radius: 4px;
96 
	border: 1px solid #D3D3D3;
97 
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
98 
}
99 
.noUi-target.noUi-connect {
100 
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
101 
}
102 
 
103 
/* Handles and cursors;
104 
 */
105 
.noUi-dragable {
106 
	cursor: w-resize;
107 
}
108 
.noUi-vertical .noUi-dragable {
109 
	cursor: n-resize;
110 
}
111 
.noUi-handle {
112 
	border: 1px solid #D9D9D9;
113 
	border-radius: 3px;
114 
	background: #FFF;
115 
	cursor: default;
116 
	box-shadow: inset 0 0 1px #FFF,
117 
				inset 0 1px 7px #EBEBEB,
118 
 
119 
}
120 
.noUi-active {
121 
	box-shadow: inset 0 0 1px #FFF,
122 
				inset 0 1px 7px #DDD,
123 
 
124 
}
125 
 
126 
/* Handle stripes;
127 
 */
128 
.noUi-handle:before,
129 
.noUi-handle:after {
130 
	content: "";
131 
	display: block;
132 
	position: absolute;
133 
	height: 14px;
134 
	width: 1px;
135 
	background: #E8E7E6;
136 
	left: 14px;
137 
	top: 6px;
138 
}
139 
.noUi-handle:after {
140 
	left: 17px;
141 
}
142 
.noUi-vertical .noUi-handle:before,
143 
.noUi-vertical .noUi-handle:after {
144 
	width: 14px;
145 
	height: 1px;
146 
	left: 6px;
147 
	top: 14px;
148 
}
149 
.noUi-vertical .noUi-handle:after {
150 
	top: 17px;
151 
}
152 
 
153 
/* Disabled state;
154 
 */
155 
[disabled].noUi-connect,
156 
[disabled] .noUi-connect {
157 
	background: #B8B8B8;
158 
}
159 
[disabled].noUi-origin,
160 
[disabled] .noUi-handle {
161 
	cursor: not-allowed;
162 
}