From d1c909eaef3f1a24f70d2717ee8068d474993e15 Mon Sep 17 00:00:00 2001
From: thomascube <thomas@roundcube.net>
Date: Wed, 18 Jan 2012 11:32:35 -0500
Subject: [PATCH] Move attachments list styles to common css file (to be used by other tasks and plugins, too)
---
skins/larry/templates/message.html | 2
skins/larry/styles.css | 85 ++++++++++++++++++++++++++++
skins/larry/mail.css | 82 ---------------------------
skins/larry/templates/compose.html | 2
skins/larry/templates/messagepreview.html | 2
5 files changed, 88 insertions(+), 85 deletions(-)
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 6d0327a..002a7ab 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -883,67 +883,6 @@
max-width: 80%;
}
-#attachment-list {
- list-style: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-#attachment-list li {
- display: block;
- position: relative;
- background: url(images/filetypes.png) 0 0 no-repeat;
- margin-bottom: 1px;
-}
-
-#attachment-list li.pdf {
- background-position: 0 -26px;
-}
-
-#attachment-list li.doc,
-#attachment-list li.msword {
- background-position: 0 -52px;
-}
-
-#attachment-list li.xls,
-#attachment-list li.msexcel {
- background-position: 0 -78px;
-}
-
-#attachment-list li.zip,
-#attachment-list li.gz {
- background-position: 0 -104px;
-}
-
-#attachment-list li.image {
- background-position: 0 -130px;
-}
-
-#attachment-list li.audio {
- background-position: 0 -156px;
-}
-
-#attachment-list li.video {
- background-position: 0 -182px;
-}
-
-#attachment-list li a,
-#compose-attachments ul li {
- display: block;
- color: #333;
- font-weight: bold;
- padding: 8px 4px 3px 30px;
- text-shadow: 0px 1px 1px #fff;
- text-decoration: none;
- white-space: nowrap;
-}
-
-#attachment-list li a:hover {
- text-decoration: underline;
-}
-
#messagepartcontainer {
position: absolute;
top: 60px;
@@ -1210,27 +1149,6 @@
border-left: 1px solid #ddd;
padding: 8px;
overflow: auto;
-}
-
-#attachment-list li.uploading {
- background: url(images/ajaxloader.gif) 2px 6px no-repeat;
-}
-
-#attachment-list li a.delete,
-#attachment-list li a.cancelupload {
- position: absolute;
- top: 6px;
- right: 0;
- width: 24px;
- height: 18px;
- padding: 0;
- text-decoration: none;
- text-indent: -1000px;
- background: url(images/buttons.png) -7px -337px no-repeat;
-}
-
-#attachment-list li a.cancelupload {
- background-position: -7px -377px;
}
#spellcheck-control {
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 3d090c0..652b5a3 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -1689,6 +1689,91 @@
}
+/*** attachment list ***/
+
+.attachmentslist {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.attachmentslist li {
+ display: block;
+ position: relative;
+ background: url(images/filetypes.png) 0 0 no-repeat;
+ margin-bottom: 1px;
+}
+
+.attachmentslist li.pdf {
+ background-position: 0 -26px;
+}
+
+.attachmentslist li.doc,
+.attachmentslist li.msword {
+ background-position: 0 -52px;
+}
+
+.attachmentslist li.xls,
+.attachmentslist li.msexcel {
+ background-position: 0 -78px;
+}
+
+.attachmentslist li.zip,
+.attachmentslist li.gz {
+ background-position: 0 -104px;
+}
+
+.attachmentslist li.image {
+ background-position: 0 -130px;
+}
+
+.attachmentslist li.audio {
+ background-position: 0 -156px;
+}
+
+.attachmentslist li.video {
+ background-position: 0 -182px;
+}
+
+.attachmentslist li a,
+#compose-attachments ul li {
+ display: block;
+ color: #333;
+ font-weight: bold;
+ padding: 8px 4px 3px 30px;
+ text-shadow: 0px 1px 1px #fff;
+ text-decoration: none;
+ white-space: nowrap;
+}
+
+.attachmentslist li a:hover {
+ text-decoration: underline;
+}
+
+.attachmentslist li.uploading {
+ background: url(images/ajaxloader.gif) 2px 6px no-repeat;
+}
+
+.attachmentslist li a.delete,
+.attachmentslist li a.cancelupload {
+ position: absolute;
+ top: 6px;
+ right: 0;
+ width: 24px;
+ height: 18px;
+ padding: 0;
+ text-decoration: none;
+ text-indent: -1000px;
+ background: url(images/buttons.png) -7px -337px no-repeat;
+}
+
+.attachmentslist li a.cancelupload {
+ background-position: -7px -377px;
+}
+
+
/*** fieldset tabs ***/
.tabsbar {
diff --git a/skins/larry/templates/compose.html b/skins/larry/templates/compose.html
index 7f0998e..1d8c46b 100644
--- a/skins/larry/templates/compose.html
+++ b/skins/larry/templates/compose.html
@@ -149,7 +149,7 @@
<div style="text-align:center; margin-bottom:20px">
<roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform();return false" />
</div>
- <roundcube:object name="composeAttachmentList" id="attachment-list" cancelIcon="/images/0.gif" />
+ <roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" cancelIcon="/images/0.gif" />
</div>
</div>
diff --git a/skins/larry/templates/message.html b/skins/larry/templates/message.html
index f7e4a8b..144d464 100644
--- a/skins/larry/templates/message.html
+++ b/skins/larry/templates/message.html
@@ -46,7 +46,7 @@
<div id="messagecontent" class="uibox">
<div class="rightcol">
-<roundcube:object name="messageAttachments" id="attachment-list" />
+<roundcube:object name="messageAttachments" id="attachment-list" class="attachmentslist" />
</div>
<div class="leftcol">
<roundcube:object name="messageObjects" id="message-objects" />
diff --git a/skins/larry/templates/messagepreview.html b/skins/larry/templates/messagepreview.html
index 1543acc..1a23a95 100644
--- a/skins/larry/templates/messagepreview.html
+++ b/skins/larry/templates/messagepreview.html
@@ -39,7 +39,7 @@
<div id="messagepreview">
<div class="rightcol">
-<roundcube:object name="messageAttachments" id="attachment-list" />
+<roundcube:object name="messageAttachments" id="attachment-list" class="attachmentslist" />
</div>
<div class="leftcol">
<roundcube:object name="messageObjects" id="message-objects" />
--
Gitblit v1.9.1