Tweaked drag and drop style

n2cms · Mar 13, 2012 · 77f0739 · 77f0739
1 parent a2099cf
commit 77f0739
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/Mvc/MvcTemplates/N2/Resources/Css/Parts.css b/src/Mvc/MvcTemplates/N2/Resources/Css/Parts.css
@@ -8,17 +8,19 @@
               font-size:.8em; position:relative; border:solid 1px #e3e5e4;
               height:20px; box-shadow: #666 4px 4px 10px -2px; overflow:hidden; white-space:nowrap;}
 .zoneItem .titleBar	{ background-image:url(../../Resources/Img/gripper.gif); cursor:move;}
-.dropZone .titleBar { position:absolute; left:-10px; top:-10px; z-index:900; padding-left:18px }
-	.zoneItem .zoneItem .titleBar	{ left:-5px; top:-5px; }
+.dropZone .titleBar { position:absolute; left:-2px; top:-2px; z-index:900; padding-left:18px }
+	.zoneItem .zoneItem .titleBar	{ left:6px; top:6px; }
 		.zoneItem .zoneItem .zoneItem .titleBar	{ left:0; top:0; }
     .titleBar .command { cursor:pointer; padding-left:20px; line-height:20px; height:20px; display:inline-block; background:transparent none no-repeat 50% 50%; vertical-align:middle; }
     .titleBar .delete { background-image:url(../icons/delete.png); }
     .titleBar .edit { background-image:url(../icons/page_white_edit.png); }
     .titleBar .title { background:transparent none no-repeat 5px 33%; color:#333; padding-left:24px; padding-right:10px; font-size:11px; height:20px; border-left:solid 1px #e3e5e4; margin-left:10px; line-height:16px; vertical-align:middle; }
+.dropZone .titleBar { opacity:.9; }
 .dropZone .titleBar * { display:none; }
-.dropZone .titleBar:hover { background-color:#fafafa; border:solid 1px #d1d4d3;}
+.dropZone .titleBar:hover { background-color:#fafafa; border:solid 1px #d1d4d3; opacity:1; }
 	.dropZone .titleBar:hover .title { display:inline-block;}
 	.dropZone .titleBar:hover .command { display:inline-block;}
+	.dropZone .titleBar .edit { display:inline-block;}
 
 .dragShadow { opacity: .4; background-color:lightslategray; filter: alpha(opacity=60); min-height:50px; }
 .dragging { cursor:move; }
@@ -88,7 +90,7 @@
 a .creator-add { background: url(../../Resources/icons/add.png) no-repeat 50% 50%; width:10px; height:10px; height:10px; display:inline-block; margin-right:2px; vertical-align:middle; overflow:hidden; }
 
 .editable { display:inline-block; position:relative; }
-	.editable .editor { position:absolute; top:0; right:0; background:#fff url(../../Resources/icons/pencil.png) no-repeat 50% 50%; text-indent:-9999px; width:16px; height:16px; padding:1px; overflow:hidden; border:1px solid #e3e5e4; box-shadow: #666 2px 2px 5px -1px; opacity:.5;}
+	.editable .editor { position:absolute; top:0; right:0; background:transparent url(../../Resources/icons/pencil.png) no-repeat 50% 50%; text-indent:-9999px; width:16px; height:16px; padding:1px; overflow:hidden; opacity:.5;}
 .editable:hover { outline:dotted 2px #4488ff; }
 	.editable:hover .editor { opacity:1;}