Cosmétique (début).

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

diff --git a/skins/portfolio_style.css.dtml b/skins/portfolio_style.css.dtml
index 997b17b..f79d860 100755 (executable)
--- a/skins/portfolio_style.css.dtml
+++ b/skins/portfolio_style.css.dtml
@@ -160,6 +160,10 @@ table.metadata_category select:focus {
   font-size: &dtml-fontSmallSize;;
 }
 
   font-size: &dtml-fontSmallSize;;
 }
 

+#lightbox_toolbar {
+       text-align: right;
+}
+

 div.lightbox {
   /* The lightbox itself.
      Force this div to fit grid
 div.lightbox {
   /* The lightbox itself.
      Force this div to fit grid


@@ -174,10 +178,11 @@ div.lightbox {
 }
 
 .lightbox span {
 }
 
 .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 {
 }
 
 .lightbox a.slide {


@@ -280,12 +285,21 @@ div.lightbox {
 .lightbox .cb {
        margin-left: <dtml-var expr="slide_size - 22">px;
        margin-top: 5px;
 .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 .cb input[checked] {
        visibility: visible;
 }
 

+.lightbox .zero_opacity {
+       opacity:0;
+}
+
+.lightbox .zero_width {
+       width:0;
+}

 
 .lightbox .slide-hide,
 .lightbox .slide-show {
 
 .lightbox .slide-hide,
 .lightbox .slide-show {