editortoolbar.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. /*
  2. * Copyright 2008 The Closure Library Authors. All Rights Reserved.
  3. *
  4. * Use of this source code is governed by the Apache License, Version 2.0.
  5. * See the COPYING file for details.
  6. */
  7. /*
  8. * Editor toolbar styles.
  9. *
  10. * @author attila@google.com (Attila Bodis)
  11. */
  12. /* Common base style for all icons. */
  13. .tr-icon {
  14. width: 16px;
  15. height: 16px;
  16. background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat;
  17. vertical-align: middle;
  18. }
  19. .goog-color-menu-button-indicator .tr-icon {
  20. height: 14px;
  21. }
  22. /* Undo (redo when the chrome is right-to-left). */
  23. .tr-undo,
  24. .goog-toolbar-button-rtl .tr-redo {
  25. background-position: 0;
  26. }
  27. /* Redo (undo when the chrome is right-to-left). */
  28. .tr-redo,
  29. .goog-toolbar-button-rtl .tr-undo {
  30. background-position: -16px;
  31. }
  32. /* Font name. */
  33. .tr-fontName .goog-toolbar-menu-button-caption {
  34. color: #246;
  35. width: 16ex;
  36. height: 16px;
  37. overflow: hidden;
  38. }
  39. /* Font size. */
  40. .tr-fontSize .goog-toolbar-menu-button-caption {
  41. color: #246;
  42. width: 8ex;
  43. height: 16px;
  44. overflow: hidden;
  45. }
  46. /* Bold. */
  47. .tr-bold {
  48. background-position: -32px;
  49. }
  50. /* Italic. */
  51. .tr-italic {
  52. background-position: -48px;
  53. }
  54. /* Underline. */
  55. .tr-underline {
  56. background-position: -64px;
  57. }
  58. /* Foreground color. */
  59. .tr-foreColor {
  60. height: 14px;
  61. background-position: -80px;
  62. }
  63. /* Background color. */
  64. .tr-backColor {
  65. height: 14px;
  66. background-position: -96px;
  67. }
  68. /* Link. */
  69. .tr-link {
  70. font-weight: bold;
  71. color: #009;
  72. text-decoration: underline;
  73. }
  74. /* Insert image. */
  75. .tr-image {
  76. background-position: -112px;
  77. }
  78. /* Insert drawing. */
  79. .tr-newDrawing {
  80. background-position: -592px;
  81. }
  82. /* Insert special character. */
  83. .tr-spChar {
  84. font-weight: bold;
  85. color: #900;
  86. }
  87. /* Increase indent. */
  88. .tr-indent {
  89. background-position: -128px;
  90. }
  91. /* Increase ident in right-to-left text mode, regardless of chrome direction. */
  92. .tr-rtl-mode .tr-indent {
  93. background-position: -400px;
  94. }
  95. /* Decrease indent. */
  96. .tr-outdent {
  97. background-position: -144px;
  98. }
  99. /* Decrease indent in right-to-left text mode, regardless of chrome direction. */
  100. .tr-rtl-mode .tr-outdent {
  101. background-position: -416px;
  102. }
  103. /* Bullet (unordered) list. */
  104. .tr-insertUnorderedList {
  105. background-position: -160px;
  106. }
  107. /* Bullet list in right-to-left text mode, regardless of chrome direction. */
  108. .tr-rtl-mode .tr-insertUnorderedList {
  109. background-position: -432px;
  110. }
  111. /* Number (ordered) list. */
  112. .tr-insertOrderedList {
  113. background-position: -176px;
  114. }
  115. /* Number list in right-to-left text mode, regardless of chrome direction. */
  116. .tr-rtl-mode .tr-insertOrderedList {
  117. background-position: -448px;
  118. }
  119. /* Text alignment buttons. */
  120. .tr-justifyLeft {
  121. background-position: -192px;
  122. }
  123. .tr-justifyCenter {
  124. background-position: -208px;
  125. }
  126. .tr-justifyRight {
  127. background-position: -224px;
  128. }
  129. .tr-justifyFull {
  130. background-position: -480px;
  131. }
  132. /* Blockquote. */
  133. .tr-BLOCKQUOTE {
  134. background-position: -240px;
  135. }
  136. /* Blockquote in right-to-left text mode, regardless of chrome direction. */
  137. .tr-rtl-mode .tr-BLOCKQUOTE {
  138. background-position: -464px;
  139. }
  140. /* Remove formatting. */
  141. .tr-removeFormat {
  142. background-position: -256px;
  143. }
  144. /* Spellcheck. */
  145. .tr-spell {
  146. background-position: -272px;
  147. }
  148. /* Left-to-right text direction. */
  149. .tr-ltr {
  150. background-position: -288px;
  151. }
  152. /* Right-to-left text direction. */
  153. .tr-rtl {
  154. background-position: -304px;
  155. }
  156. /* Insert iGoogle module. */
  157. .tr-insertModule {
  158. background-position: -496px;
  159. }
  160. /* Strike through text */
  161. .tr-strikeThrough {
  162. background-position: -544px;
  163. }
  164. /* Subscript */
  165. .tr-subscript {
  166. background-position: -560px;
  167. }
  168. /* Superscript */
  169. .tr-superscript {
  170. background-position: -576px;
  171. }
  172. /* Insert drawing. */
  173. .tr-equation {
  174. background-position: -608px;
  175. }
  176. /* Edit HTML. */
  177. .tr-editHtml {
  178. color: #009;
  179. }
  180. /* "Format block" menu. */
  181. .tr-formatBlock .goog-toolbar-menu-button-caption {
  182. color: #246;
  183. width: 12ex;
  184. height: 16px;
  185. overflow: hidden;
  186. }