projects
/
Portfolio.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
ie8 compat
[Portfolio.git]
/
skins
/
portfolio_style.css.dtml
diff --git
a/skins/portfolio_style.css.dtml
b/skins/portfolio_style.css.dtml
index
e2aadab
..
4d62859
100755
(executable)
--- 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;
background: &dtml-portfolio_slide_background;;
color: &dtml-fontColor;;
display:block;
- width: <dtml-var expr="thumb_
width + 16">px;/*&dtml-slide_size;px;*/
- height:
256
px;
+ 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;
@@
-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 {
@@
-262,7
+267,7
@@
div.lightbox {
/* slide del */
.lightbox .slide-del {
/* slide del */
.lightbox .slide-del {
- margin-left:
200
px;
+ 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
+281,25
@@
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;
+ 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 {
.lightbox .slide-hide,
.lightbox .slide-show {
@@
-307,7
+331,7
@@
div.lightbox {
border-radius:3px;
width:0;
margin-left:11px;
border-radius:3px;
width:0;
margin-left:11px;
- top:
208
px;
+ top:
<dtml-var expr="slide_size - 8">
px;
}
.lightbox span.label {
}
.lightbox span.label {
@@
-321,10
+345,14
@@
div.lightbox {
background: url(&dtml-portal_url;/image_toolbar_bg.gif) repeat-x;
position:relative;
z-index:3;
background: url(&dtml-portal_url;/image_toolbar_bg.gif) repeat-x;
position:relative;
z-index:3;
- font-size:
27
px;
+ font-size:
12
px;
white-space:nowrap;
}
white-space:nowrap;
}
+.image_toolbar span {
+ vertical-align:9px;
+}
+
/*
.image_toolbar img {
margin-left: 4px;
/*
.image_toolbar img {
margin-left: 4px;
@@
-336,7
+364,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 {
@@
-350,8
+378,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;