Move attachments list styles to common css file (to be used by other tasks and plugins, too)

skins/larry/mail.css

@@ -883,67 +883,6 @@ div.message-part blockquote blockquote blockquote {
 	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;
@@ -1212,27 +1151,6 @@ div.message-part blockquote blockquote blockquote {
 	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 {
 	margin: 6px 8px;
 	text-align: right;

skins/larry/styles.css

@@ -1689,6 +1689,91 @@ ul.toolbarmenu li span.conversation {
 }
 
 
+/*** 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 {

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>
 

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" />

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" />