diff 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
line wrap: on
line diff
--- a/webapp/src/main/webapp/jquery/jquery.digilib.css	Sat Mar 31 12:10:34 2012 +0200
+++ b/webapp/src/main/webapp/jquery/jquery.digilib.css	Sat Mar 31 15:27:20 2012 +0200
@@ -178,7 +178,34 @@
 	border: 2px solid lightcyan;
 	background-color: lightgrey;
 	width: 400px;
-	padding: 10px;	
+	padding: 10px;
+	position: absolute;
+    top: 0px;	
+    }
+
+div.dl-digilib div.dl-rgbslidergrey span,
+div.dl-digilib div.dl-rgbsliderindicator span {
+    padding: 0px 20px;
+    }
+
+div.dl-digilib td.dl-color div {
+    color: lightcyan;
+    border: 2px solid lightcyan;
+    text-align: center;
+    padding: 20px 0px;
+    margin: 10px;
+    }
+
+div.dl-digilib td.dl-r div {
+    background-color: #800000;
+    }
+
+div.dl-digilib td.dl-g div {
+    background-color: #008000;
+    }
+
+div.dl-digilib td.dl-b div {
+    background-color: #000080;
     }
 
 div.dl-digilib div.dl-singleslider {
@@ -186,7 +213,9 @@
 	border: 2px solid lightcyan;
 	background-color: lightgrey;
 	width: 300px;
-	padding: 10px;	
+	padding: 10px;
+	position: absolute;
+    top: 0px;	
     }
 
 div.dl-digilib div.dl-slider {
@@ -262,9 +291,9 @@
     width: 100%;
 }
 
-div.dl-digilib table.dl-rgbslider td.rgb {
+div.dl-digilib table.dl-rgbslider td.dl-rgb {
     width: 40%;
-    padding: 10px;
+    padding: 6px;
     border: 2px solid lightcyan;
 }