You are here

quickedit.icons.css in Quick Edit 7

Icons for Quick Edit module.

File

css/quickedit.icons.css
View source
  1. /**
  2. * @file
  3. * Icons for Quick Edit module.
  4. */
  5. .quickedit .icon {
  6. min-height: 1em;
  7. min-width: 2.5em;
  8. position: relative;
  9. }
  10. .quickedit .icon.icon-only {
  11. text-indent: -9999px;
  12. }
  13. .quickedit .icon.icon-end {
  14. padding-right: 2.5em; /* LTR */
  15. }
  16. [dir="rtl"] .quickedit .icon.icon-end {
  17. padding-left: 2.5em;
  18. padding-right: 0;
  19. }
  20. .quickedit .icon:before {
  21. background-attachment: scroll;
  22. background-color: transparent;
  23. background-position: center center;
  24. background-repeat: no-repeat;
  25. content: '';
  26. display: block;
  27. height: 100%;
  28. left: 0; /* LTR */
  29. position: absolute;
  30. top: 0;
  31. width: 100%;
  32. }
  33. [dir="rtl"] .quickedit .icon:before {
  34. left: auto;
  35. right: 0;
  36. }
  37. .quickedit .icon-end:before {
  38. left: auto; /* LTR */
  39. right: 0.5em; /* LTR */
  40. width: 18px;
  41. }
  42. [dir="rtl"] .quickedit .icon-end:before {
  43. left: 0.5em;
  44. right: auto;
  45. }
  46. .quickedit button.icon {
  47. font-size: 1em;
  48. }
  49. .quickedit .icon-pencil {
  50. margin-left: .5em;
  51. padding-left: 1.5em;
  52. }
  53. /**
  54. * Images.
  55. */
  56. .quickedit .icon-close:before {
  57. background-image: url('../icons/787878/ex.svg');
  58. height: 12px;
  59. top: 10px;
  60. }
  61. .quickedit .icon-close:hover:before,
  62. .quickedit .icon-close:active:before {
  63. background-image: url('../icons/000000/ex.svg');
  64. }
  65. .quickedit .icon-throbber:before {
  66. background-image: url("../images/icon-throbber.gif");
  67. }
  68. .quickedit .icon-pencil:before {
  69. background-image: url('../icons/5181c6/pencil.svg');
  70. background-position: left center;
  71. background-size: 1.3em;
  72. }