icons.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  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. background-size: 32px !important;
  22. }
  23. /* action icons */
  24. .icon-add {
  25. background-image: url('../img/actions/add.svg');
  26. }
  27. .icon-caret {
  28. background-image: url('../img/actions/caret.svg');
  29. }
  30. .icon-caret-dark {
  31. background-image: url('../img/actions/caret-dark.svg');
  32. }
  33. .icon-checkmark {
  34. background-image: url('../img/actions/checkmark.svg');
  35. }
  36. .icon-checkmark-white {
  37. background-image: url('../img/actions/checkmark-white.svg');
  38. }
  39. .icon-checkmark-color {
  40. background-image: url('../img/actions/checkmark-color.svg');
  41. }
  42. .icon-close {
  43. background-image: url('../img/actions/close.svg');
  44. }
  45. .icon-comment {
  46. background-image: url('../img/actions/comment.svg');
  47. }
  48. .icon-confirm {
  49. background-image: url('../img/actions/confirm.svg');
  50. }
  51. .icon-delete,
  52. .icon-delete.no-permission:hover,
  53. .icon-delete.no-permission:focus {
  54. background-image: url('../img/actions/delete.svg');
  55. }
  56. .icon-delete:hover,
  57. .icon-delete:focus {
  58. background-image: url('../img/actions/delete-hover.svg');
  59. }
  60. .icon-delete-white {
  61. background-image: url('../img/actions/delete-white.svg');
  62. }
  63. .icon-details {
  64. background-image: url('../img/actions/details.svg');
  65. }
  66. .icon-download {
  67. background-image: url('../img/actions/download.svg');
  68. }
  69. .icon-edit {
  70. background-image: url('../img/actions/edit.svg');
  71. }
  72. .icon-error {
  73. background-image: url('../img/actions/error.svg');
  74. }
  75. .icon-error-white {
  76. background-image: url('../img/actions/error-white.svg');
  77. }
  78. .icon-error-color {
  79. background-image: url('../img/actions/error-color.svg');
  80. }
  81. .icon-external {
  82. background-image: url('../img/actions/external.svg');
  83. }
  84. .icon-history {
  85. background-image: url('../img/actions/history.svg');
  86. }
  87. .icon-info {
  88. background-image: url('../img/actions/info.svg');
  89. }
  90. .icon-info-white {
  91. background-image: url('../img/actions/info-white.svg');
  92. }
  93. .icon-logout {
  94. background-image: url('../img/actions/logout.svg');
  95. }
  96. .icon-mail {
  97. background-image: url('../img/actions/mail.svg');
  98. }
  99. .icon-menu {
  100. background-image: url('../img/actions/menu.svg');
  101. }
  102. .icon-more {
  103. background-image: url('../img/actions/more.svg');
  104. }
  105. .icon-password {
  106. background-image: url('../img/actions/password.svg');
  107. }
  108. .icon-pause {
  109. background-image: url('../img/actions/pause.svg');
  110. }
  111. .icon-pause-big {
  112. background-image: url('../img/actions/pause-big.svg');
  113. }
  114. .icon-play {
  115. background-image: url('../img/actions/play.svg');
  116. }
  117. .icon-play-add {
  118. background-image: url('../img/actions/play-add.svg');
  119. }
  120. .icon-play-big {
  121. background-image: url('../img/actions/play-big.svg');
  122. }
  123. .icon-play-next {
  124. background-image: url('../img/actions/play-next.svg');
  125. }
  126. .icon-play-previous {
  127. background-image: url('../img/actions/play-previous.svg');
  128. }
  129. .icon-public {
  130. background-image: url('../img/actions/public.svg');
  131. }
  132. .icon-rename {
  133. background-image: url('../img/actions/rename.svg');
  134. }
  135. .icon-search {
  136. background-image: url('../img/actions/search.svg');
  137. }
  138. .icon-search-white {
  139. background-image: url('../img/actions/search-white.svg');
  140. }
  141. .icon-settings {
  142. background-image: url('../img/actions/settings.svg');
  143. }
  144. .icon-share {
  145. background-image: url('../img/actions/share.svg');
  146. }
  147. .icon-shared {
  148. background-image: url('../img/actions/shared.svg');
  149. }
  150. .icon-sound {
  151. background-image: url('../img/actions/sound.svg');
  152. }
  153. .icon-sound-off {
  154. background-image: url('../img/actions/sound-off.svg');
  155. }
  156. .icon-star,
  157. .icon-starred:hover,
  158. .icon-starred:focus {
  159. background-image: url('../img/actions/star.svg');
  160. }
  161. .icon-starred,
  162. .icon-star:hover,
  163. .icon-star:focus {
  164. background-image: url('../img/actions/starred.svg');
  165. }
  166. .icon-toggle {
  167. background-image: url('../img/actions/toggle.svg');
  168. }
  169. .icon-triangle-e {
  170. background-image: url('../img/actions/triangle-e.svg');
  171. }
  172. .icon-triangle-n {
  173. background-image: url('../img/actions/triangle-n.svg');
  174. }
  175. .icon-triangle-s {
  176. background-image: url('../img/actions/triangle-s.svg');
  177. }
  178. .icon-upload {
  179. background-image: url('../img/actions/upload.svg');
  180. }
  181. .icon-upload-white {
  182. background-image: url('../img/actions/upload-white.svg');
  183. }
  184. .icon-user {
  185. background-image: url('../img/actions/user.svg');
  186. }
  187. .icon-view-close {
  188. background-image: url('../img/actions/view-close.svg');
  189. }
  190. .icon-view-download {
  191. background-image: url('../img/actions/view-download.svg');
  192. }
  193. .icon-view-next {
  194. background-image: url('../img/actions/view-next.svg');
  195. }
  196. .icon-view-pause {
  197. background-image: url('../img/actions/view-pause.svg');
  198. }
  199. .icon-view-play {
  200. background-image: url('../img/actions/view-play.svg');
  201. }
  202. .icon-view-previous {
  203. background-image: url('../img/actions/view-previous.svg');
  204. }
  205. /* places icons */
  206. .icon-calendar-dark {
  207. background-image: url('../img/places/calendar-dark.svg');
  208. }
  209. .icon-contacts-dark {
  210. background-image: url('../img/places/contacts-dark.svg');
  211. }
  212. .icon-files {
  213. background-image: url('../img/places/files.svg');
  214. }
  215. .icon-file,
  216. .icon-filetype-text {
  217. background-image: url('../img/filetypes/text.svg');
  218. }
  219. .icon-folder,
  220. .icon-filetype-folder {
  221. background-image: url('../img/filetypes/folder.svg');
  222. }
  223. .icon-home {
  224. background-image: url('../img/places/home.svg');
  225. }
  226. .icon-link {
  227. background-image: url('../img/places/link.svg');
  228. }
  229. .icon-music {
  230. background-image: url('../img/places/music.svg');
  231. }
  232. .icon-picture {
  233. background-image: url('../img/places/picture.svg');
  234. }