Hi, yeah, I’d like to second this – you just need to prefix your CSS with your plugin-specific class:
/* Document attachment widget style sheet */
.widget_document_attachments .attachement {
margin: 0;
padding: 7px 0;
list-style: none;
}
.widget_document_attachments li {
padding: 2px 0 2px 25px;
}
.widget_document_attachments .powerpoint {
background: url('../icons/pp_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .csv, .widget_document_attachments .txt, .widget_document_attachments .plain {
background: url('../icons/txt_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .msword {
background: url('../icons/word_icon.gif') no-repeat scroll 0 0;
}
.widget_document_attachments .pdf {
background: url('../icons/pdf_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .excel {
background: url('../icons/excel_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .gif {
background: url('../icons/gif_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .png {
background: url('../icons/png_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .jpeg {
background: url('../icons/jpg_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .x-shockwave-flash {
background: url('../icons/swf_icon.gif') no-repeat 0 0;
}
.widget_document_attachments .filesize {
font-size: 9px;
}
.widget_document_attachments .description {
font-style: italic;
}
It’s a nice little plugin, but the CSS causes headaches I don’t need, so it’s disabled for the time being.
BTW there’s a spelling mistake in one of your classes: .attachement
Keep up the good work!
Thanks Andy for your comments and CSS, this has now been worked into the plugin.