timb moved thumb to corner

1 files changed, 41 insertions, 11 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 6c655f5..9d5f838 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -167,11 +167,10 @@ margin-right:374;
 	display:inline-block;
 	width:120px;
 height:35px;
-right:260px;
+right:40px;
 font-size:20px;
 background-image:url(/static/img/urlbutton.png);
 text-indent:27;
-
 top:15px;
 	text-align:center;
 	z-index:100;
@@ -194,7 +193,7 @@ top:15px;
 	width:120px;
 height:35px;
 background-position:center;
-right:20;
+right:60;
 top:15px;
 padding-bottom:1;
 text-indent:28;
@@ -222,7 +221,7 @@ background-image:url(/static/img/cambutton.png);
 	width:120px;
 height:35px;
 background-position:center;
-right:20;
+right:60;
 top:15px;
 padding-bottom:4;
 	text-align:center;
@@ -286,7 +285,7 @@ border:1px solid #999;
 	width:120px;
 height:35px;
 background-position:center;
-right:140;
+right:180;
 top:15px;
 padding-bottom:1;
 text-indent:24;
@@ -334,7 +333,7 @@ opacity:1;
   display: none;
 	width:40px;
   height:34px;
-  right:260px;
+  right:20px;
   top:15px;
   padding-bottom:1;
 	text-align:center;
@@ -349,13 +348,33 @@ opacity:1;
 #palette {
   position: absolute;
   right: 30px;
-  bottom: 80px;
-  width: 420px;
-  height: 400px;
-  background-color: black;
+  bottom: 76px;
+  width: auto;
+max-width:350;
+min-width:150;
+  height: auto;
+max-height:400px;
+min-height:150;
+padding:20;
+  background-color: white;
   z-index: 1000000000;
   display: none;
-  overflow-y: scroll;
+  overflow-y: auto;
+		box-shadow: 3px 4px 4px #c8cbce;
+-webkit-box-shadow: 3px 4px 4px #c8cbce;
+-moz-box-shadow: 3px 3px 4px #c8cbce;
+	border-top-right-radius:5px;
+	background-color:#FFF;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+border:1px solid #999;
 }
 
 #palette-thumbs {
@@ -363,6 +382,17 @@ opacity:1;
 
 #palette-thumbs img {
   max-width: 100px;
+cursor:pointer;
+opacity:.9;
+padding:1;
+  max-height: 100px;
+}
+#palette-thumbs img:hover {
+  max-width: 100px;
+cursor:pointer;
+opacity:1;
+padding:0;
+border:1px solid blue;
   max-height: 100px;
 }