Icons.less 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /* Icons */
  2. @font-face {
  3. font-family: 'tinymce';
  4. src:url('fonts/tinymce.eot');
  5. src:url('fonts/tinymce.eot?#iefix') format('embedded-opentype'),
  6. url('fonts/tinymce.woff') format('woff'),
  7. url('fonts/tinymce.ttf') format('truetype'),
  8. url('fonts/tinymce.svg#tinymce') format('svg');
  9. font-weight: normal;
  10. font-style: normal;
  11. }
  12. @font-face {
  13. font-family: 'tinymce-small';
  14. src:url('fonts/tinymce-small.eot');
  15. src:url('fonts/tinymce-small.eot?#iefix') format('embedded-opentype'),
  16. url('fonts/tinymce-small.woff') format('woff'),
  17. url('fonts/tinymce-small.ttf') format('truetype'),
  18. url('fonts/tinymce-small.svg#tinymce') format('svg');
  19. font-weight: normal;
  20. font-style: normal;
  21. }
  22. @iconSize: 16px;
  23. .@{prefix}-ico {
  24. font-family: 'tinymce', Arial;
  25. font-style: normal;
  26. font-weight: normal;
  27. font-variant: normal;
  28. font-size: @iconSize;
  29. line-height: 16px;
  30. speak: none;
  31. vertical-align: text-top;
  32. -webkit-font-smoothing: antialiased;
  33. -moz-osx-font-smoothing: grayscale;
  34. display: inline-block;
  35. background: transparent center center;
  36. background-size: cover;
  37. width: 16px;
  38. height: 16px;
  39. color: @btn-text;
  40. }
  41. .@{prefix}-btn-small .@{prefix}-ico {
  42. font-family: 'tinymce-small', Arial;
  43. }
  44. .@{prefix}-i-save:before { content: "\e000"; }
  45. .@{prefix}-i-newdocument:before { content: "\e001"; }
  46. .@{prefix}-i-fullpage:before { content: "\e002"; }
  47. .@{prefix}-i-alignleft:before { content: "\e003"; }
  48. .@{prefix}-i-aligncenter:before { content: "\e004"; }
  49. .@{prefix}-i-alignright:before { content: "\e005"; }
  50. .@{prefix}-i-alignjustify:before { content: "\e006"; }
  51. .@{prefix}-i-cut:before { content: "\e007"; }
  52. .@{prefix}-i-paste:before { content: "\e008"; }
  53. .@{prefix}-i-searchreplace:before { content: "\e009"; }
  54. .@{prefix}-i-bullist:before { content: "\e00a"; }
  55. .@{prefix}-i-numlist:before { content: "\e00b"; }
  56. .@{prefix}-i-indent:before { content: "\e00c"; }
  57. .@{prefix}-i-outdent:before { content: "\e00d"; }
  58. .@{prefix}-i-blockquote:before { content: "\e00e"; }
  59. .@{prefix}-i-undo:before { content: "\e00f"; }
  60. .@{prefix}-i-redo:before { content: "\e010"; }
  61. .@{prefix}-i-link:before { content: "\e011"; }
  62. .@{prefix}-i-unlink:before { content: "\e012"; }
  63. .@{prefix}-i-anchor:before { content: "\e013"; }
  64. .@{prefix}-i-image:before { content: "\e014"; }
  65. .@{prefix}-i-media:before { content: "\e015"; }
  66. .@{prefix}-i-help:before { content: "\e016"; }
  67. .@{prefix}-i-code:before { content: "\e017"; }
  68. .@{prefix}-i-insertdatetime:before { content: "\e018"; }
  69. .@{prefix}-i-preview:before { content: "\e019"; }
  70. .@{prefix}-i-forecolor:before { content: "\e01a"; }
  71. .@{prefix}-i-backcolor:before { content: "\e01a"; }
  72. .@{prefix}-i-table:before { content: "\e01b"; }
  73. .@{prefix}-i-hr:before { content: "\e01c"; }
  74. .@{prefix}-i-removeformat:before { content: "\e01d"; }
  75. .@{prefix}-i-subscript:before { content: "\e01e"; }
  76. .@{prefix}-i-superscript:before { content: "\e01f"; }
  77. .@{prefix}-i-charmap:before { content: "\e020"; }
  78. .@{prefix}-i-emoticons:before { content: "\e021"; }
  79. .@{prefix}-i-print:before { content: "\e022"; }
  80. .@{prefix}-i-fullscreen:before { content: "\e023"; }
  81. .@{prefix}-i-spellchecker:before { content: "\e024"; }
  82. .@{prefix}-i-nonbreaking:before { content: "\e025"; }
  83. .@{prefix}-i-template:before { content: "\e026"; }
  84. .@{prefix}-i-pagebreak:before { content: "\e027"; }
  85. .@{prefix}-i-restoredraft:before { content: "\e028"; }
  86. .@{prefix}-i-untitled:before { content: "\e029"; }
  87. .@{prefix}-i-bold:before { content: "\e02a"; }
  88. .@{prefix}-i-italic:before { content: "\e02b"; }
  89. .@{prefix}-i-underline:before { content: "\e02c"; }
  90. .@{prefix}-i-strikethrough:before { content: "\e02d"; }
  91. .@{prefix}-i-visualchars:before { content: "\e02e"; }
  92. .@{prefix}-i-visualblocks:before { content: "\e02e"; }
  93. .@{prefix}-i-ltr:before { content: "\e02f"; }
  94. .@{prefix}-i-rtl:before { content: "\e030"; }
  95. .@{prefix}-i-copy:before { content: "\e031"; }
  96. .@{prefix}-i-resize:before { content: "\e032"; }
  97. .@{prefix}-i-browse:before { content: "\e034"; }
  98. .@{prefix}-i-pastetext:before { content: "\e035"; }
  99. .@{prefix}-i-checkbox:before, .@{prefix}-i-selected:before {
  100. content: "\e033";
  101. }
  102. .@{prefix}-i-selected { visibility: hidden; }
  103. i.@{prefix}-i-backcolor { text-shadow: none; background: @colorbtn-backcolor-bg; }