New feature to add mail attachments using drag & drop on HTML5 enabled brow...

Thomas Bruederli

2012-06-06 ae6d2de17f740915e47c64d210680eb5e9850335

 skins/larry/mail.css

@@ -186,6 +186,10 @@
   background-position: 6px -1723px;
}

#mailboxlist li.unread {
   font-weight: bold;
}

#mailboxlist li.virtual > a {
   color: #aaa;
}
@@ -737,11 +741,11 @@
div.more-headers {
   cursor: pointer;
   height: 10px;
   background: url(images/buttons.png) center -1579px no-repeat;
   background: url(images/buttons.png) center -1619px no-repeat;
}

div.hide-headers {
   background-position: center -1589px;
   background-position: center -1629px;
}

#all-headers {
@@ -799,7 +803,8 @@

#messagecontent .leftcol,
#messagepreview .leftcol {
   margin-right: 250px;
   margin-right: 252px;
   overflow-x: auto;
}

#messagecontent .rightcol,
@@ -845,7 +850,7 @@

div.message-part,
div.message-htmlpart {
   padding: 10px 2px;
   padding: 0 2px 10px 2px;
   border-top: 2px solid #f0f0f0;
}

@@ -1114,12 +1119,12 @@
   left: 6px;
   width: 20px;
   height: 18px;
   background: url(images/buttons.png) -3px -458px no-repeat;
   background: url(images/buttons.png) -3px -1640px no-repeat;
   text-decoration: none;
}

#composeoptionstoggle.enabled {
   background-position: -28px -458px;
   background-position: -28px -1640px;
}

#composeview-bottom {
@@ -1163,11 +1168,36 @@
   bottom: 0;
   width: 240px;
   background: #f0f0f0;
   border-left: 1px solid #ddd;
   border-style: solid;
   border-color: #f0f0f0 #f0f0f0 #f0f0f0 #ddd;
   border-width: 1px;
   padding: 8px;
   overflow: auto;
}

#compose-attachments.droptarget {
   background-image: url(images/filedrop.png);
   background-position: center bottom;
   background-repeat: no-repeat;
}

#compose-attachments.droptarget.hover,
#compose-attachments.droptarget.active {
   border-color: #019bc6;
   box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
   -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
   -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
   -o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
}

#compose-attachments.droptarget.hover {
   background-color: #d9ecf4;
   box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
   -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
}

.defaultSkin table.mceLayout,
.defaultSkin table.mceLayout tr.mceLast td {
   border: 0 !important;