Début de refactoring du javascript pour rendre l'upload non spécifique à la photo.

[Portfolio.git] / skins / portfolio_style.css.dtml

diff --git a/skins/portfolio_style.css.dtml b/skins/portfolio_style.css.dtml
index e4be18a..e2aadab 100755 (executable)
--- a/skins/portfolio_style.css.dtml
+++ b/skins/portfolio_style.css.dtml
@@ -160,12 +160,17 @@ table.metadata_category select:focus {
   font-size: &dtml-fontSmallSize;;
 }
 
   font-size: &dtml-fontSmallSize;;
 }
 

-div.lightbox { /*the lightbox itself*/
-  min-height:300px;
+div.lightbox {
+  /* The lightbox itself.
+     Force this div to fit grid
+     effective height.
+  */
+  overflow:hidden; 

 }
 
 .photo-drop-target {
   background: url('&dtml-portal_url;/image-upload-dd-target.png') no-repeat center center;
 }
 
 .photo-drop-target {
   background: url('&dtml-portal_url;/image-upload-dd-target.png') no-repeat center center;

+  min-height:300px;

 }
 
 .lightbox span {
 }
 
 .lightbox span {


@@ -294,6 +299,24 @@ div.lightbox { /*the lightbox itself*/
   background: url(&dtml-portal_url;/slide-eye-closed.png);
 }
 
   background: url(&dtml-portal_url;/slide-eye-closed.png);
 }
 

+.lightbox span.upload-progress {
+  display: block;
+  position:relative;
+  background:#ef8e32;
+  height:5px;
+  border-radius:3px;
+  width:0;
+  margin-left:11px;
+  top:208px;
+}
+
+.lightbox span.label {
+  position: relative;
+  padding-left:0.5em;
+  top: -4px;
+/*  border: 1px solid red;*/
+}
+

 .image_toolbar {
   background: url(&dtml-portal_url;/image_toolbar_bg.gif) repeat-x;
   position:relative;
 .image_toolbar {
   background: url(&dtml-portal_url;/image_toolbar_bg.gif) repeat-x;
   position:relative;