icons.css 5.1 KB

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