From ae6d2de17f740915e47c64d210680eb5e9850335 Mon Sep 17 00:00:00 2001 From: Thomas Bruederli <thomas@roundcube.net> Date: Wed, 06 Jun 2012 11:35:21 -0400 Subject: [PATCH] New feature to add mail attachments using drag & drop on HTML5 enabled browsers --- skins/larry/mail.css | 27 ++++++++++++++++++++++++++- 1 files changed, 26 insertions(+), 1 deletions(-) diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 762f59c..0889b3b 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -1168,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; -- Gitblit v1.9.1