icon.css 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598
  1. [class^="icon-"],
  2. [class*=" icon-"] {
  3. display: inline-block;
  4. width: 14px;
  5. height: 14px;
  6. margin-top: 1px;
  7. *margin-right: .3em;
  8. line-height: 14px;
  9. vertical-align: text-top;
  10. background-image: url("../img/glyphicons-halflings.png");
  11. background-position: 14px 14px;
  12. background-repeat: no-repeat;
  13. }
  14. /* White icons with optional class, or on hover/focus/active states of certain elements */
  15. .icon-white,
  16. .nav-pills > .active > a > [class^="icon-"],
  17. .nav-pills > .active > a > [class*=" icon-"],
  18. .nav-list > .active > a > [class^="icon-"],
  19. .nav-list > .active > a > [class*=" icon-"],
  20. .navbar-inverse .nav > .active > a > [class^="icon-"],
  21. .navbar-inverse .nav > .active > a > [class*=" icon-"],
  22. .dropdown-menu > li > a:hover > [class^="icon-"],
  23. .dropdown-menu > li > a:focus > [class^="icon-"],
  24. .dropdown-menu > li > a:hover > [class*=" icon-"],
  25. .dropdown-menu > li > a:focus > [class*=" icon-"],
  26. .dropdown-menu > .active > a > [class^="icon-"],
  27. .dropdown-menu > .active > a > [class*=" icon-"],
  28. .dropdown-submenu:hover > a > [class^="icon-"],
  29. .dropdown-submenu:focus > a > [class^="icon-"],
  30. .dropdown-submenu:hover > a > [class*=" icon-"],
  31. .dropdown-submenu:focus > a > [class*=" icon-"] {
  32. background-image: url("../img/glyphicons-halflings-white.png");
  33. }
  34. .icon-glass {
  35. background-position: 0 0;
  36. }
  37. .icon-music {
  38. background-position: -24px 0;
  39. }
  40. .icon-search {
  41. background-position: -48px 0;
  42. }
  43. .icon-envelope {
  44. background-position: -72px 0;
  45. }
  46. .icon-heart {
  47. background-position: -96px 0;
  48. }
  49. .icon-star {
  50. background-position: -120px 0;
  51. }
  52. .icon-star-empty {
  53. background-position: -144px 0;
  54. }
  55. .icon-user {
  56. background-position: -168px 0;
  57. }
  58. .icon-film {
  59. background-position: -192px 0;
  60. }
  61. .icon-th-large {
  62. background-position: -216px 0;
  63. }
  64. .icon-th {
  65. background-position: -240px 0;
  66. }
  67. .icon-th-list {
  68. background-position: -264px 0;
  69. }
  70. .icon-ok {
  71. background-position: -288px 0;
  72. }
  73. .icon-remove {
  74. background-position: -312px 0;
  75. }
  76. .icon-zoom-in {
  77. background-position: -336px 0;
  78. }
  79. .icon-zoom-out {
  80. background-position: -360px 0;
  81. }
  82. .icon-off {
  83. background-position: -384px 0;
  84. }
  85. .icon-signal {
  86. background-position: -408px 0;
  87. }
  88. .icon-cog {
  89. background-position: -432px 0;
  90. }
  91. .icon-trash {
  92. background-position: -456px 0;
  93. }
  94. .icon-home {
  95. background-position: 0 -24px;
  96. }
  97. .icon-file {
  98. background-position: -24px -24px;
  99. }
  100. .icon-time {
  101. background-position: -48px -24px;
  102. }
  103. .icon-road {
  104. background-position: -72px -24px;
  105. }
  106. .icon-download-alt {
  107. background-position: -96px -24px;
  108. }
  109. .icon-download {
  110. background-position: -120px -24px;
  111. }
  112. .icon-upload {
  113. background-position: -144px -24px;
  114. }
  115. .icon-inbox {
  116. background-position: -168px -24px;
  117. }
  118. .icon-play-circle {
  119. background-position: -192px -24px;
  120. }
  121. .icon-repeat {
  122. background-position: -216px -24px;
  123. }
  124. .icon-refresh {
  125. background-position: -240px -24px;
  126. }
  127. .icon-list-alt {
  128. background-position: -264px -24px;
  129. }
  130. .icon-lock {
  131. background-position: -287px -24px;
  132. }
  133. .icon-flag {
  134. background-position: -312px -24px;
  135. }
  136. .icon-headphones {
  137. background-position: -336px -24px;
  138. }
  139. .icon-volume-off {
  140. background-position: -360px -24px;
  141. }
  142. .icon-volume-down {
  143. background-position: -384px -24px;
  144. }
  145. .icon-volume-up {
  146. background-position: -408px -24px;
  147. }
  148. .icon-qrcode {
  149. background-position: -432px -24px;
  150. }
  151. .icon-barcode {
  152. background-position: -456px -24px;
  153. }
  154. .icon-tag {
  155. background-position: 0 -48px;
  156. }
  157. .icon-tags {
  158. background-position: -25px -48px;
  159. }
  160. .icon-book {
  161. background-position: -48px -48px;
  162. }
  163. .icon-bookmark {
  164. background-position: -72px -48px;
  165. }
  166. .icon-print {
  167. background-position: -96px -48px;
  168. }
  169. .icon-camera {
  170. background-position: -120px -48px;
  171. }
  172. .icon-font {
  173. background-position: -144px -48px;
  174. }
  175. .icon-bold {
  176. background-position: -167px -48px;
  177. }
  178. .icon-italic {
  179. background-position: -192px -48px;
  180. }
  181. .icon-text-height {
  182. background-position: -216px -48px;
  183. }
  184. .icon-text-width {
  185. background-position: -240px -48px;
  186. }
  187. .icon-align-left {
  188. background-position: -264px -48px;
  189. }
  190. .icon-align-center {
  191. background-position: -288px -48px;
  192. }
  193. .icon-align-right {
  194. background-position: -312px -48px;
  195. }
  196. .icon-align-justify {
  197. background-position: -336px -48px;
  198. }
  199. .icon-list {
  200. background-position: -360px -48px;
  201. }
  202. .icon-indent-left {
  203. background-position: -384px -48px;
  204. }
  205. .icon-indent-right {
  206. background-position: -408px -48px;
  207. }
  208. .icon-facetime-video {
  209. background-position: -432px -48px;
  210. }
  211. .icon-picture {
  212. background-position: -456px -48px;
  213. }
  214. .icon-pencil {
  215. background-position: 0 -72px;
  216. }
  217. .icon-map-marker {
  218. background-position: -24px -72px;
  219. }
  220. .icon-adjust {
  221. background-position: -48px -72px;
  222. }
  223. .icon-tint {
  224. background-position: -72px -72px;
  225. }
  226. .icon-edit {
  227. background-position: -96px -72px;
  228. }
  229. .icon-share {
  230. background-position: -120px -72px;
  231. }
  232. .icon-check {
  233. background-position: -144px -72px;
  234. }
  235. .icon-move {
  236. background-position: -168px -72px;
  237. }
  238. .icon-step-backward {
  239. background-position: -192px -72px;
  240. }
  241. .icon-fast-backward {
  242. background-position: -216px -72px;
  243. }
  244. .icon-backward {
  245. background-position: -240px -72px;
  246. }
  247. .icon-play {
  248. background-position: -264px -72px;
  249. }
  250. .icon-pause {
  251. background-position: -288px -72px;
  252. }
  253. .icon-stop {
  254. background-position: -312px -72px;
  255. }
  256. .icon-forward {
  257. background-position: -336px -72px;
  258. }
  259. .icon-fast-forward {
  260. background-position: -360px -72px;
  261. }
  262. .icon-step-forward {
  263. background-position: -384px -72px;
  264. }
  265. .icon-eject {
  266. background-position: -408px -72px;
  267. }
  268. .icon-chevron-left {
  269. background-position: -432px -72px;
  270. }
  271. .icon-chevron-right {
  272. background-position: -456px -72px;
  273. }
  274. .icon-plus-sign {
  275. background-position: 0 -96px;
  276. }
  277. .icon-minus-sign {
  278. background-position: -24px -96px;
  279. }
  280. .icon-remove-sign {
  281. background-position: -48px -96px;
  282. }
  283. .icon-ok-sign {
  284. background-position: -72px -96px;
  285. }
  286. .icon-question-sign {
  287. background-position: -96px -96px;
  288. }
  289. .icon-info-sign {
  290. background-position: -120px -96px;
  291. }
  292. .icon-screenshot {
  293. background-position: -144px -96px;
  294. }
  295. .icon-remove-circle {
  296. background-position: -168px -96px;
  297. }
  298. .icon-ok-circle {
  299. background-position: -192px -96px;
  300. }
  301. .icon-ban-circle {
  302. background-position: -216px -96px;
  303. }
  304. .icon-arrow-left {
  305. background-position: -240px -96px;
  306. }
  307. .icon-arrow-right {
  308. background-position: -264px -96px;
  309. }
  310. .icon-arrow-up {
  311. background-position: -289px -96px;
  312. }
  313. .icon-arrow-down {
  314. background-position: -312px -96px;
  315. }
  316. .icon-share-alt {
  317. background-position: -336px -96px;
  318. }
  319. .icon-resize-full {
  320. background-position: -360px -96px;
  321. }
  322. .icon-resize-small {
  323. background-position: -384px -96px;
  324. }
  325. .icon-plus {
  326. background-position: -408px -96px;
  327. }
  328. .icon-minus {
  329. background-position: -433px -96px;
  330. }
  331. .icon-asterisk {
  332. background-position: -456px -96px;
  333. }
  334. .icon-exclamation-sign {
  335. background-position: 0 -120px;
  336. }
  337. .icon-gift {
  338. background-position: -24px -120px;
  339. }
  340. .icon-leaf {
  341. background-position: -48px -120px;
  342. }
  343. .icon-fire {
  344. background-position: -72px -120px;
  345. }
  346. .icon-eye-open {
  347. background-position: -96px -120px;
  348. }
  349. .icon-eye-close {
  350. background-position: -120px -120px;
  351. }
  352. .icon-warning-sign {
  353. background-position: -144px -120px;
  354. }
  355. .icon-plane {
  356. background-position: -168px -120px;
  357. }
  358. .icon-calendar {
  359. background-position: -192px -120px;
  360. }
  361. .icon-random {
  362. width: 16px;
  363. background-position: -216px -120px;
  364. }
  365. .icon-comment {
  366. background-position: -240px -120px;
  367. }
  368. .icon-magnet {
  369. background-position: -264px -120px;
  370. }
  371. .icon-chevron-up {
  372. background-position: -288px -120px;
  373. }
  374. .icon-chevron-down {
  375. background-position: -313px -119px;
  376. }
  377. .icon-retweet {
  378. background-position: -336px -120px;
  379. }
  380. .icon-shopping-cart {
  381. background-position: -360px -120px;
  382. }
  383. .icon-folder-close {
  384. width: 16px;
  385. background-position: -384px -120px;
  386. }
  387. .icon-folder-open {
  388. width: 16px;
  389. background-position: -408px -120px;
  390. }
  391. .icon-resize-vertical {
  392. background-position: -432px -119px;
  393. }
  394. .icon-resize-horizontal {
  395. background-position: -456px -118px;
  396. }
  397. .icon-hdd {
  398. background-position: 0 -144px;
  399. }
  400. .icon-bullhorn {
  401. background-position: -24px -144px;
  402. }
  403. .icon-bell {
  404. background-position: -48px -144px;
  405. }
  406. .icon-certificate {
  407. background-position: -72px -144px;
  408. }
  409. .icon-thumbs-up {
  410. background-position: -96px -144px;
  411. }
  412. .icon-thumbs-down {
  413. background-position: -120px -144px;
  414. }
  415. .icon-hand-right {
  416. background-position: -144px -144px;
  417. }
  418. .icon-hand-left {
  419. background-position: -168px -144px;
  420. }
  421. .icon-hand-up {
  422. background-position: -192px -144px;
  423. }
  424. .icon-hand-down {
  425. background-position: -216px -144px;
  426. }
  427. .icon-circle-arrow-right {
  428. background-position: -240px -144px;
  429. }
  430. .icon-circle-arrow-left {
  431. background-position: -264px -144px;
  432. }
  433. .icon-circle-arrow-up {
  434. background-position: -288px -144px;
  435. }
  436. .icon-circle-arrow-down {
  437. background-position: -312px -144px;
  438. }
  439. .icon-globe {
  440. background-position: -336px -144px;
  441. }
  442. .icon-wrench {
  443. background-position: -360px -144px;
  444. }
  445. .icon-tasks {
  446. background-position: -384px -144px;
  447. }
  448. .icon-filter {
  449. background-position: -408px -144px;
  450. }
  451. .icon-briefcase {
  452. background-position: -432px -144px;
  453. }
  454. .icon-fullscreen {
  455. background-position: -456px -144px;
  456. }