Prise en charge des paramètres thumb_size et slide_size par l'uploader.
[Portfolio.git] / skins / portfolio_style.css.dtml
index 2325550..1005ea0 100755 (executable)
@@ -129,7 +129,7 @@ table.metadata_category select:focus {
   background: &dtml-portfolio_slide_background;;
   color: &dtml-fontColor;;
   display:block;
   background: &dtml-portfolio_slide_background;;
   color: &dtml-fontColor;;
   display:block;
-  width: <dtml-var expr="thumb_width + 16">px;/*&dtml-slide_size;px;*/
+  width: <dtml-var expr="thumb_size + 16">px;/*&dtml-slide_size;px;*/
   height: 256px;
   display:block;
   text-align:center;
   height: 256px;
   display:block;
   text-align:center;
@@ -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 {
@@ -302,7 +307,14 @@ div.lightbox { /*the lightbox itself*/
   border-radius:3px;
   width:0;
   margin-left:11px;
   border-radius:3px;
   width:0;
   margin-left:11px;
-  top:208px;
+  top:<dtml-var expr="slide_size - 8">px;
+}
+
+.lightbox span.label {
+  position: relative;
+  padding-left:0.5em;
+  top: -4px;
+/*  border: 1px solid red;*/
 }
 
 .image_toolbar {
 }
 
 .image_toolbar {
@@ -324,7 +336,7 @@ div.lightbox { /*the lightbox itself*/
   overflow:hidden;
   position:relative;
   width:100%;
   overflow:hidden;
   position:relative;
   width:100%;
-  height: <dtml-var expr="thumb_height/2 + 12">px;;
+  height: <dtml-var expr="thumb_size/2 + 12">px;;
 }
 
 #film_bar table {
 }
 
 #film_bar table {
@@ -338,8 +350,8 @@ div.lightbox { /*the lightbox itself*/
 }
 
 #film_bar a {
 }
 
 #film_bar a {
-  width: <dtml-var expr="thumb_width/2 + 10">px;;
-  height: <dtml-var expr="thumb_height/2 + 10">px;;
+  width: <dtml-var expr="thumb_size/2 + 10">px;;
+  height: <dtml-var expr="thumb_size/2 + 10">px;;
   display:block;
   text-align:center;
   vertical-align:middle;
   display:block;
   text-align:center;
   vertical-align:middle;