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;
font-size: &dtml-fontSmallSize;;
}
+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;
+ min-height:300px;
+}
.lightbox span {
width: &dtml-slide_size;px;
/* 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-eye-closed.png);
}
+.lightbox span.upload-progress {
+ display: block;
+ position:relative;
+ background:#ef8e32;
+ height:5px;
+ border-radius:3px;
+ width:0;
+ margin-left:11px;
+ 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 {
background: url(&dtml-portal_url;/image_toolbar_bg.gif) repeat-x;
position:relative;
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 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;