comparison webapp/src/main/webapp/jquery/jquery.digilib.css @ 1059:c7fd2f239953

rgb slider: color labels, first step to color indicator
author hertzhaft
date Sat, 31 Mar 2012 15:27:20 +0200
parents 95d28c6ad018
children d9abeaa44c49
comparison
equal deleted inserted replaced
1058:95d28c6ad018 1059:c7fd2f239953
176 div.dl-digilib div.dl-rgbslider { 176 div.dl-digilib div.dl-rgbslider {
177 display: none; 177 display: none;
178 border: 2px solid lightcyan; 178 border: 2px solid lightcyan;
179 background-color: lightgrey; 179 background-color: lightgrey;
180 width: 400px; 180 width: 400px;
181 padding: 10px; 181 padding: 10px;
182 position: absolute;
183 top: 0px;
184 }
185
186 div.dl-digilib div.dl-rgbslidergrey span,
187 div.dl-digilib div.dl-rgbsliderindicator span {
188 padding: 0px 20px;
189 }
190
191 div.dl-digilib td.dl-color div {
192 color: lightcyan;
193 border: 2px solid lightcyan;
194 text-align: center;
195 padding: 20px 0px;
196 margin: 10px;
197 }
198
199 div.dl-digilib td.dl-r div {
200 background-color: #800000;
201 }
202
203 div.dl-digilib td.dl-g div {
204 background-color: #008000;
205 }
206
207 div.dl-digilib td.dl-b div {
208 background-color: #000080;
182 } 209 }
183 210
184 div.dl-digilib div.dl-singleslider { 211 div.dl-digilib div.dl-singleslider {
185 display: none; 212 display: none;
186 border: 2px solid lightcyan; 213 border: 2px solid lightcyan;
187 background-color: lightgrey; 214 background-color: lightgrey;
188 width: 300px; 215 width: 300px;
189 padding: 10px; 216 padding: 10px;
217 position: absolute;
218 top: 0px;
190 } 219 }
191 220
192 div.dl-digilib div.dl-slider { 221 div.dl-digilib div.dl-slider {
193 border: 1px solid lightcyan; 222 border: 1px solid lightcyan;
194 margin: 30px; 223 margin: 30px;
260 289
261 div.dl-digilib table.dl-rgbslider { 290 div.dl-digilib table.dl-rgbslider {
262 width: 100%; 291 width: 100%;
263 } 292 }
264 293
265 div.dl-digilib table.dl-rgbslider td.rgb { 294 div.dl-digilib table.dl-rgbslider td.dl-rgb {
266 width: 40%; 295 width: 40%;
267 padding: 10px; 296 padding: 6px;
268 border: 2px solid lightcyan; 297 border: 2px solid lightcyan;
269 } 298 }
270 299
271 /* special definitions for fullscreen */ 300 /* special definitions for fullscreen */
272 div.dl-digilib.dl-fullscreen div.dl-buttons { 301 div.dl-digilib.dl-fullscreen div.dl-buttons {