X-Git-Url: https://scm.cri.mines-paristech.fr/git/Portfolio.git/blobdiff_plain/b13519b8cb7ff427fa1c5ac509a6c58ac6bcadf4..3940d117b095679f682c973f0bdc83e877b214e6:/skins/portfolio_style.css.dtml?ds=sidebyside

diff --git a/skins/portfolio_style.css.dtml b/skins/portfolio_style.css.dtml
index bf62795..4d62859 100755
--- a/skins/portfolio_style.css.dtml
+++ b/skins/portfolio_style.css.dtml
@@ -129,8 +129,8 @@ table.metadata_category select:focus {
   background: &dtml-portfolio_slide_background;;
   color: &dtml-fontColor;;
   display:block;
-  width: <dtml-var expr="thumb_size + 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;
@@ -160,6 +160,10 @@ table.metadata_category select:focus {
   font-size: &dtml-fontSmallSize;;
 }
 
+#lightbox_toolbar {
+	text-align: right;
+}
+
 div.lightbox {
   /* The lightbox itself.
      Force this div to fit grid
@@ -174,10 +178,11 @@ div.lightbox {
 }
 
 .lightbox span {
-    width: &dtml-slide_size;px;
-    height: &dtml-slide_size;px;
-    display:block;
-    float:left;
+  width: &dtml-slide_size;px;
+  height: &dtml-slide_size;px;
+  display:block;
+  float:left;
+  transition: width 1s, opacity 0.5s;
 }
 
 .lightbox a.slide {
@@ -276,6 +281,25 @@ div.lightbox {
   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;
+	width:auto;
+	height:auto;
+}
+
+.lightbox .cb input[checked] {
+	visibility: visible;
+}
+
+.lightbox .zero_opacity {
+	opacity:0;
+}
+
+.lightbox .zero_width {
+	width:0;
+}
 
 .lightbox .slide-hide,
 .lightbox .slide-show {
@@ -321,10 +345,14 @@ div.lightbox {
   background: url(&dtml-portal_url;/image_toolbar_bg.gif) repeat-x;
   position:relative;
   z-index:3;
-  font-size:27px;
+  font-size:12px;
   white-space:nowrap;
 }
 
+.image_toolbar span {
+	vertical-align:9px;
+}
+
 /*
 .image_toolbar img {
   margin-left: 4px;