X-Git-Url: https://scm.cri.ensmp.fr/git/Portfolio.git/blobdiff_plain/cae5c6e0cfbb0fcb3181a95f83c839e8a30f146e..e3e5d18a6b6dfaeb26dc0c2ee99acf2da0e003f8:/skins/portfolio_style.css.dtml

diff --git a/skins/portfolio_style.css.dtml b/skins/portfolio_style.css.dtml
index 23a3674..c7bae6c 100755
--- 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;;
 }
 
+#lightbox_toolbar {
+	text-align: right;
+}
+
 div.lightbox {
   /* The lightbox itself.
      Force this div to fit grid
@@ -341,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;
@@ -356,7 +364,7 @@ div.lightbox {
   overflow:hidden;
   position:relative;
   width:100%;
-  height: <dtml-var expr="thumb_size/2 + 12">px;;
+  height: <dtml-var expr="thumb_size/2 + 12">px;
 }
 
 #film_bar table {
@@ -370,8 +378,8 @@ div.lightbox {
 }
 
 #film_bar a {
-  width: <dtml-var expr="thumb_size/2 + 10">px;;
-  height: <dtml-var expr="thumb_size/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;
@@ -420,7 +428,7 @@ div.lightbox {
 }
 
 #cart_slide[id] {
-  background:no-repeat url(&dtml-portal_url;/cart-slide-background.png);;
+  background:no-repeat url(&dtml-portal_url;/cart-slide-background.png);
 }
 
 .wdgt-buyable-items {
@@ -476,7 +484,7 @@ input.add-to-cart-btn {
   border:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/add_to_cart.png');
   left:<dtml-var expr="slide_size - 47">px;
-  top:2.5em;;
+  top:2.5em;
 }
 
 input.add-to-cart-btn[class] {
@@ -512,6 +520,26 @@ th.num {
   color: &dtml-messageFontColor;;
 }
 
+/* drag and drop */
+#lightbox img,
+#lightbox a {
+	user-drag: none;
+	-moz-user-select: none;
+	-webkit-user-drag: none;
+}
+
+*[draggable=true] {
+	-moz-user-select:none;
+	-khtml-user-drag: element;
+	-webkit-user-drag: element;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+}
+
+.lightbox span.dragover {
+/*  width: <dtml-var expr="slide_size - 10">px;*/
+	border-right: 10px solid &dtml-outlineColor;;
+}
 /* 
 </dtml-with> 
 </dtml-with>