Move attachments list styles to common css file (to be used by other tasks ...

thomascube

2012-01-18 d1c909eaef3f1a24f70d2717ee8068d474993e15

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 @@
    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 {

 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 {

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