Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1 
.ui-colorpicker,
2 
.ui-dialog.ui-colorpicker {
3 
	width:					auto;
4 
    white-space:			nowrap;
5 
 
6 
	-webkit-touch-callout:	none;
7 
	-webkit-user-select:	none;
8 
	-khtml-user-select:		none;
9 
	-moz-user-select:		none;
10 
	-ms-user-select:		none;
11 
	user-select:			none;
12 
}
13 
 
14 
.ui-colorpicker-inline {
15 
    position:				static;
16 
}
17 
 
18 
.ui-colorpicker-buttonset {
19 
	float:					left;
20 
	margin-left:			.4em;
21 
}
22 
 
23 
.ui-colorpicker-buttonset .ui-button {
24 
	margin:					.5em 0 .5em 0;
25 
	cursor:					pointer;
26 
}
27 
 
28 
.ui-colorpicker-buttonpane {
29 
	background-image:		none;
30 
	margin:					.7em 0 0 0;
31 
	padding:				0 .2em;
32 
	border-left:			0;
33 
	border-right:			0;
34 
	border-bottom:			0;
35 
}
36 
 
37 
.ui-colorpicker-buttonpane button {
38 
	float:					right;
39 
	margin:					.5em .2em .4em;
40 
	cursor:					pointer;
41 
	padding:				.2em .6em .3em .6em;
42 
	width:					auto;
43 
	overflow:				visible;
44 
}
45 
 
46 
.ui-colorpicker-buttonpane button.ui-colorpicker-current {
47 
	float:					left;
48 
}
49 
 
50 
.ui-colorpicker table {
51 
    font-size:				100%; /* Reset browser table font-size */
52 
	margin:					0;
53 
}
54 
 
55 
.ui-colorpicker table td {
56 
	vertical-align:			top;
57 
}
58 
 
59 
.ui-colorpicker-padding-left {
60 
	padding-left:			10px;
61 
}
62 
.ui-colorpicker-padding-top {
63 
	padding-top:			10px;
64 
}
65 
 
66 
.ui-colorpicker-border {
67 
	border:					1px inset;
68 
    display:				inline-block;
69 
}
70 
 
71 
/* Bar & map */
72 
.ui-colorpicker-map > *,
73 
.ui-colorpicker-bar > * {
74 
    position:				absolute;
75 
	cursor:					crosshair;
76 
}
77 
 
78 
.ui-colorpicker-map-pointer,
79 
.ui-colorpicker-bar-pointer {
80 
    position:				absolute;
81 
}
82 
/* Map */
83 
.ui-colorpicker-map,
84 
.ui-colorpicker-map > * {
85 
    display:				block;
86 
	width:					256px;
87 
	height:					256px;
88 
	overflow:				hidden;
89 
}
90 
 
91 
.ui-colorpicker-map-layer-1,
92 
.ui-colorpicker-map-layer-2 {
93 
	background:				url(images/map.png) no-repeat;
94 
}
95 
 
96 
.ui-colorpicker-map-layer-alpha {
97 
	background:				url(images/map-opacity.png);
98 
}
99 
 
100 
.ui-colorpicker-map-pointer {
101 
	display:				inline-block;
102 
	width:					15px;
103 
	height:					15px;
104 
	background:				url(images/map-pointer.png) no-repeat;
105 
}
106 
 
107 
/* Bar */
108 
.ui-colorpicker-bar,
109 
.ui-colorpicker-bar > * {
110 
    display:				block;
111 
    width:					20px;
112 
    height:					256px;
113 
	overflow:				hidden;
114 
    background-repeat:		repeat-x;
115 
}
116 
 
117 
.ui-colorpicker-bar-layer-1,
118 
.ui-colorpicker-bar-layer-2,
119 
.ui-colorpicker-bar-layer-3,
120 
.ui-colorpicker-bar-layer-4 {
121 
	background:				url(images/bar.png) repeat-x;
122 
}
123 
 
124 
.ui-colorpicker-bar-layer-alpha {
125 
	background:				url(images/bar-opacity.png);
126 
}
127 
 
128 
.ui-colorpicker-bar-layer-alphabar {
129 
	background:				url(images/bar-alpha.png);
130 
}
131 
 
132 
.ui-colorpicker-bar-pointer {
133 
	display:				inline-block;
134 
	width:					20px;
135 
	height:					7px;
136 
	background:				url(images/bar-pointer.png) no-repeat;
137 
}
138 
 
139 
/* Preview */
140 
.ui-colorpicker-preview {
141 
	text-align:				center;
142 
}
143 
 
144 
.ui-colorpicker-preview-initial {
145 
    cursor:					pointer;
146 
}
147 
 
148 
.ui-colorpicker-preview-initial,
149 
.ui-colorpicker-preview-current {
150 
    width:					50px;
151 
    height:					20px;
152 
    display:				inline-block;
153 
}
154 
 
155 
.ui-colorpicker-preview-initial-alpha,
156 
.ui-colorpicker-preview-current-alpha {
157 
    width:					50px;
158 
    height:					20px;
159 
    display:				inline-block;
160 
	background:				url(images/preview-opacity.png) repeat;
161 
}
162 
 
163 
/* Inputs */
164 
.ui-colorpicker-rgb label,
165 
.ui-colorpicker-hsv label,
166 
.ui-colorpicker-hsl label,
167 
.ui-colorpicker-lab label,
168 
.ui-colorpicker-cmyk label,
169 
.ui-colorpicker-alpha label {
170 
    width:					1.5em;
171 
    display:				inline-block;
172 
}
173 
 
174 
.ui-colorpicker-number {
175 
	margin:					.1em;
176 
	width:					4em;
177 
}
178 
 
179 
/* Hex */
180 
.ui-colorpicker-hex {
181 
	text-align:				center;
182 
}
183 
 
184 
/* Swatches */
185 
.ui-colorpicker-swatches {
186 
	width:					84px;
187 
	height:					256px;
188 
	overflow:				auto;
189 
	background-color:		#f8f8f8;
190 
}
191 
 
192 
.ui-colorpicker-swatch {
193 
	cursor:					pointer;
194 
	float:					left;
195 
	width:					11px;
196 
	height:					11px;
197 
    border-right:			1px solid black;
198 
    border-bottom:			1px solid black;
199 
}