icons.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. [class^="icon-"], [class*=" icon-"] {
  2. background-repeat: no-repeat;
  3. background-position: center;
  4. }
  5. /* general assets */
  6. .icon-breadcrumb {
  7. background-image: url('../img/breadcrumb.svg');
  8. }
  9. .icon-loading {
  10. background-image: url('../img/loading.gif');
  11. }
  12. .icon-loading-dark {
  13. background-image: url('../img/loading-dark.gif');
  14. }
  15. .icon-loading-small {
  16. background-image: url('../img/loading-small.gif');
  17. }
  18. /* action icons */
  19. .icon-add {
  20. background-image: url('../img/actions/add.svg');
  21. }
  22. .icon-caret {
  23. background-image: url('../img/actions/caret.svg');
  24. }
  25. .icon-caret-dark {
  26. background-image: url('../img/actions/caret-dark.svg');
  27. }
  28. .icon-checkmark {
  29. background-image: url('../img/actions/checkmark.svg');
  30. }
  31. .icon-checkmark-white {
  32. background-image: url('../img/actions/checkmark-white.svg');
  33. }
  34. .icon-close {
  35. background-image: url('../img/actions/close.svg');
  36. }
  37. .icon-confirm {
  38. background-image: url('../img/actions/confirm.svg');
  39. }
  40. .icon-delete {
  41. background-image: url('../img/actions/delete.svg');
  42. }
  43. .icon-delete:hover,
  44. .icon-delete:focus {
  45. background-image: url('../img/actions/delete-hover.svg');
  46. }
  47. .icon-download {
  48. background-image: url('../img/actions/download.svg');
  49. }
  50. .icon-history {
  51. background-image: url('../img/actions/history.svg');
  52. }
  53. .icon-info {
  54. background-image: url('../img/actions/info.svg');
  55. }
  56. .icon-logout {
  57. background-image: url('../img/actions/logout.svg');
  58. }
  59. .icon-mail {
  60. background-image: url('../img/actions/mail.svg');
  61. }
  62. .icon-menu {
  63. background-image: url('../img/actions/menu.svg');
  64. }
  65. .icon-more {
  66. background-image: url('../img/actions/more.svg');
  67. }
  68. .icon-password {
  69. background-image: url('../img/actions/password.svg');
  70. }
  71. .icon-pause {
  72. background-image: url('../img/actions/pause.svg');
  73. }
  74. .icon-pause-big {
  75. background-image: url('../img/actions/pause-big.svg');
  76. }
  77. .icon-play {
  78. background-image: url('../img/actions/play.svg');
  79. }
  80. .icon-play-add {
  81. background-image: url('../img/actions/play-add.svg');
  82. }
  83. .icon-play-big {
  84. background-image: url('../img/actions/play-big.svg');
  85. }
  86. .icon-play-next {
  87. background-image: url('../img/actions/play-next.svg');
  88. }
  89. .icon-play-previous {
  90. background-image: url('../img/actions/play-previous.svg');
  91. }
  92. .icon-public {
  93. background-image: url('../img/actions/public.svg');
  94. }
  95. .icon-rename {
  96. background-image: url('../img/actions/rename.svg');
  97. }
  98. .icon-search {
  99. background-image: url('../img/actions/search.svg');
  100. }
  101. .icon-search-white {
  102. background-image: url('../img/actions/search-white.svg');
  103. }
  104. .icon-settings {
  105. background-image: url('../img/actions/settings.svg');
  106. }
  107. .icon-share {
  108. background-image: url('../img/actions/share.svg');
  109. }
  110. .icon-shared {
  111. background-image: url('../img/actions/shared.svg');
  112. }
  113. .icon-sound {
  114. background-image: url('../img/actions/sound.svg');
  115. }
  116. .icon-sound-off {
  117. background-image: url('../img/actions/sound-off.svg');
  118. }
  119. .icon-star,
  120. .icon-starred:hover,
  121. .icon-starred:focus {
  122. background-image: url('../img/actions/star.svg');
  123. }
  124. .icon-starred,
  125. .icon-star:hover,
  126. .icon-star:focus {
  127. background-image: url('../img/actions/starred.svg');
  128. }
  129. .icon-toggle {
  130. background-image: url('../img/actions/toggle.svg');
  131. }
  132. .icon-triangle-e {
  133. background-image: url('../img/actions/triangle-e.svg');
  134. }
  135. .icon-triangle-n {
  136. background-image: url('../img/actions/triangle-n.svg');
  137. }
  138. .icon-triangle-s {
  139. background-image: url('../img/actions/triangle-s.svg');
  140. }
  141. .icon-upload {
  142. background-image: url('../img/actions/upload.svg');
  143. }
  144. .icon-upload-white {
  145. background-image: url('../img/actions/upload-white.svg');
  146. }
  147. .icon-user {
  148. background-image: url('../img/actions/user.svg');
  149. }
  150. .icon-view-close {
  151. background-image: url('../img/actions/view-close.svg');
  152. }
  153. .icon-view-next {
  154. background-image: url('../img/actions/view-next.svg');
  155. }
  156. .icon-view-pause {
  157. background-image: url('../img/actions/view-pause.svg');
  158. }
  159. .icon-view-play {
  160. background-image: url('../img/actions/view-play.svg');
  161. }
  162. .icon-view-previous {
  163. background-image: url('../img/actions/view-previous.svg');
  164. }
  165. /* places icons */
  166. .icon-calendar-dark {
  167. background-image: url('../img/places/calendar-dark.svg');
  168. }
  169. .icon-contacts-dark {
  170. background-image: url('../img/places/contacts-dark.svg');
  171. }
  172. .icon-file {
  173. background-image: url('../img/places/file.svg');
  174. }
  175. .icon-files {
  176. background-image: url('../img/places/files.svg');
  177. }
  178. .icon-folder {
  179. background-image: url('../img/places/folder.svg');
  180. }
  181. .icon-filetype-text {
  182. background-image: url('../img/filetypes/text.svg');
  183. }
  184. .icon-filetype-folder {
  185. background-image: url('../img/filetypes/folder.svg');
  186. }
  187. .icon-home {
  188. background-image: url('../img/places/home.svg');
  189. }
  190. .icon-link {
  191. background-image: url('../img/places/link.svg');
  192. }
  193. .icon-music {
  194. background-image: url('../img/places/music.svg');
  195. }
  196. .icon-picture {
  197. background-image: url('../img/places/picture.svg');
  198. }