Drupal custom styles for upload attachments table


/ Published in: CSS
Save to your folder(s)

The following styles are designed to work with the markup from a custom theme override template called [upload_attachments.tpl.php](http://snipplr.com/view/11851)


Copy this code and paste it in your HTML
  1. /* @group Attachments table */
  2. table.attachments caption {
  3. display: none;
  4. }
  5. table.attachments {
  6. border-color: #CCC;
  7. border-width: 1px;
  8. border-style: solid none none solid;
  9. width: auto;
  10. }
  11. table.attachments thead { border: 1px solid #CCC }
  12. table.attachments td {
  13. line-height: 24px; padding: 0;
  14. border-right: 1px solid #CCC;
  15. border-bottom: 1px solid #CCC;
  16. }
  17. table.attachments tr {
  18. border-right: 1px solid #CCC;
  19. }
  20. table.attachments td a {
  21. line-height: 24px;
  22. padding: 0 26px;
  23. background-position: 5px;
  24. background-repeat: no-repeat;
  25. }
  26. table.attachments th {
  27. background-color: #F2F2F2;
  28. font-weight: normal;
  29. font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  30. font-size: 77%;
  31. }
  32. table.attachments td.size {
  33. padding: 0 5px;
  34. font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  35. font-size: 77%;
  36. color: #404040;
  37. font-style: normal;
  38. }
  39. /* @end */
  40. /* @group Mime-type icons */
  41. .pdf a, .application-pdf a {
  42. background-image: url(images/icon-pdf.gif); }
  43. .jpeg a, .jpg a, .png a, .gif a {
  44. background-image: url(images/icon-image.png); }
  45. .eps a, .application-postscript a {
  46. background-image: url(images/icon-postscript.png); }
  47. .html a, .text-html a {
  48. background-image: url(images/icon-html.gif); }
  49. .qt a, .video-quicktime a {
  50. background-image: url(images/icon-quicktime.gif); }
  51. .ical a, .text-calendar a {
  52. background-image: url(images/icon-ical.gif); }
  53. .dl a {
  54. background-image: url(images/icon-download.gif); }
  55. .dmg a, .application-x-diskcopy a {
  56. background-image: url(images/icon-dmg.gif); }
  57. .zip a, .application-zip a {
  58. background-image: url(images/icon-zip.gif); }
  59. .audio a, .audio-mpeg a {
  60. background-image: url(images/icon-audio.gif); }
  61. .website a {
  62. background: url(images/icon-website.gif) left center no-repeat;
  63. margin: 0; padding: 2px 0 2px 25px; line-height: 25px; }
  64. .doc a, .msword a {
  65. background-image: url(images/icon-doc.png); }
  66. .txt a {
  67. background-image: url(images/icon-txt.gif); }
  68. /* @end */

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.