summaryrefslogtreecommitdiff
path: root/skins/larry
diff options
context:
space:
mode:
Diffstat (limited to 'skins/larry')
-rw-r--r--skins/larry/images/filedrop.pngbin0 -> 605 bytes
-rw-r--r--skins/larry/mail.css27
-rw-r--r--skins/larry/templates/compose.html1
3 files changed, 27 insertions, 1 deletions
diff --git a/skins/larry/images/filedrop.png b/skins/larry/images/filedrop.png
new file mode 100644
index 000000000..d4d455bdf
--- /dev/null
+++ b/skins/larry/images/filedrop.png
Binary files differ
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 762f59c8d..0889b3b6c 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -1168,11 +1168,36 @@ div.message-part blockquote blockquote blockquote {
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;
diff --git a/skins/larry/templates/compose.html b/skins/larry/templates/compose.html
index a71e82043..93e9703a4 100644
--- a/skins/larry/templates/compose.html
+++ b/skins/larry/templates/compose.html
@@ -156,6 +156,7 @@
<roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform();return false" tabindex="10" />
</div>
<roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" />
+ <roundcube:object name="fileDropArea" id="compose-attachments" />
</div>
</div>