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;
}
.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 {
/* slide del */
.lightbox .slide-del {
- margin-left:200px;
+ margin-left:<dtml-var expr="slide_size - 22">px;
margin-top:5px;
width:18px;
height:19px;
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 {