Ajout cases à cocher pour réaliser une sélection sur les photos. Implémentation du...
[Portfolio.git] / skins / portfolio_style.css.dtml
index 7751fbb..997b17b 100755 (executable)
@@ -129,8 +129,8 @@ 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;*/
-  height: 256px;
+  width: <dtml-var expr="thumb_size + 16">px;
+  height: <dtml-var expr="thumb_size + 102">px;
   display:block;
   text-align:center;
   float:left;
   display:block;
   text-align:center;
   float:left;
@@ -262,7 +262,7 @@ div.lightbox {
 
 /* slide del */
 .lightbox .slide-del {
 
 /* slide del */
 .lightbox .slide-del {
-  margin-left:200px;
+  margin-left:<dtml-var expr="slide_size - 22">px;
   margin-top:5px;
   width:18px;
   height:19px;
   margin-top:5px;
   width:18px;
   height:19px;
@@ -276,6 +276,16 @@ div.lightbox {
   background: url(&dtml-portal_url;/slide-del-btn.png);
 }
 
   background: url(&dtml-portal_url;/slide-del-btn.png);
 }
 
+/* slide checkbox */
+.lightbox .cb {
+       margin-left: <dtml-var expr="slide_size - 22">px;
+       margin-top: 5px;
+}
+
+.lightbox .cb input[checked] {
+       visibility: visible;
+}
+
 
 .lightbox .slide-hide,
 .lightbox .slide-show {
 
 .lightbox .slide-hide,
 .lightbox .slide-show {
@@ -307,7 +317,14 @@ div.lightbox {
   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 {
@@ -329,7 +346,7 @@ div.lightbox {
   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 {
@@ -343,8 +360,8 @@ div.lightbox {
 }
 
 #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;