global_style.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
  1. /* TinyMCE */
  2. .crayon-te *,#crayon-te-bar-content {
  3. font-family: "Lucida Grande", Verdana, Arial, sans-serif !important;
  4. font-size: 12px;
  5. }
  6. .crayon-te input[type="text"],.crayon-te textarea {
  7. background: #F9F9F9;
  8. border: 1px solid #CCC;
  9. box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  10. -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  11. -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  12. padding: 2px 4px;
  13. -webkit-border-radius: 3px;
  14. border-radius: 3px;
  15. border-width: 1px;
  16. border-style: solid;
  17. }
  18. #crayon-te-content,#crayon-te-table {
  19. width: 100%;
  20. height: auto !important;
  21. }
  22. #crayon-range,#crayon-mark {
  23. width: 100px;
  24. }
  25. #crayon-te-table th,#crayon-te-table td {
  26. vertical-align: top;
  27. text-align: left;
  28. }
  29. #crayon-te-table .crayon-tr-center td,#crayon-te-table .crayon-tr-center th
  30. {
  31. vertical-align: middle;
  32. }
  33. #crayon-te-table .crayon-nowrap {
  34. white-space: nowrap;
  35. }
  36. #crayon-te-bar-content {
  37. border: 1px solid #666;
  38. border-bottom: none;
  39. height: 26px;
  40. line-height: 25px;
  41. padding: 0px 8px;
  42. padding-right: 0;
  43. background-color: #222;
  44. color: #CFCFCF;
  45. }
  46. #crayon-te-bar-content a {
  47. line-height: 25px;
  48. padding: 5px 10px;
  49. color: #DDD;
  50. font-weight: bold;
  51. text-decoration: none !important;
  52. }
  53. #crayon-te-bar-content a:hover {
  54. color: #FFF;
  55. }
  56. .crayon-te-seperator {
  57. color: #666;
  58. margin: 0;
  59. padding: 0;
  60. }
  61. #crayon-te-bar-block {
  62. height: 34px;
  63. width: 100%;
  64. }
  65. #crayon-te-title {
  66. float: left;
  67. }
  68. #crayon-te-controls {
  69. float: right;
  70. }
  71. #crayon-url-th {
  72. vertical-align: top !important;
  73. padding-top: 5px;
  74. }
  75. .crayon-te-heading {
  76. font-size: 14px;
  77. font-weight: bold;
  78. }
  79. #crayon-te-settings-info {
  80. text-align: center;
  81. }
  82. .crayon-te-section {
  83. font-weight: bold;
  84. padding: 0 10px;
  85. }
  86. #crayon-te-sub-section {
  87. margin-left: 10px;
  88. }
  89. #crayon-te-sub-section .crayon-te-section {
  90. font-weight: normal;
  91. padding: 0;
  92. }
  93. #crayon-code {
  94. height: 200px;
  95. white-space: pre;
  96. /*white-space: nowrap;
  97. overflow: auto;*/
  98. }
  99. #crayon-code,#crayon-url {
  100. width: 555px !important;
  101. }
  102. .crayon-disabled {
  103. background: #EEE !important;
  104. }
  105. .mce_crayon_tinymce_highlight,.qt_crayon_highlight {
  106. border: 1px solid #7c9dde !important;
  107. }
  108. .qt_crayon_highlight {
  109. background-image: -ms-linear-gradient(bottom, #daf2ff, white) !important;
  110. background-image: -moz-linear-gradient(bottom, #daf2ff, white)
  111. !important;
  112. background-image: -o-linear-gradient(bottom, #daf2ff, white) !important;
  113. background-image: -webkit-linear-gradient(bottom, #daf2ff, white)
  114. !important;
  115. background-image: linear-gradient(bottom, #daf2ff, white) !important;
  116. }
  117. .qt_crayon_highlight:hover {
  118. background: #ddebf2 !important;
  119. }
  120. /* .mce_crayon_tinymce_highlight span.mce_crayon_tinymce, */
  121. .wp_themeSkin .mceButtonEnabled:hover span.mce_crayon_tinymce,
  122. .wp_themeSkin .mceButtonActive span.mce_crayon_tinymce {
  123. background-position: -20px 0;
  124. }
  125. #crayon-te-table {
  126. padding: 10px;
  127. border-collapse: separate !important;
  128. border-spacing: 2px !important;
  129. }
  130. #crayon-te-table th {
  131. width: 100px;
  132. }
  133. #crayon-te-clear {
  134. margin-left: 10px;
  135. color: #666;
  136. background-color: #f4f4f4;
  137. border: 1px solid #CCC;
  138. border-radius: 3px;
  139. margin-left: 8px;
  140. }
  141. #crayon-title {
  142. width: 360px;
  143. }
  144. #TB_window.crayon-te-ajax {
  145. overflow: auto !important;
  146. }
  147. #TB_window.crayon-te-ajax,#TB_window.crayon-te-ajax #TB_ajaxContent,#TB_window.crayon-te-ajax #TB_title
  148. {
  149. width: 680px !important;
  150. }
  151. #TB_window.crayon-te-ajax #TB_ajaxContent {
  152. padding: 0 !important;
  153. margin: 0 !important;
  154. width: 100% !important;
  155. height: auto !important;
  156. margin-top: 28px !important;
  157. }
  158. #TB_window.crayon-te-ajax #TB_title {
  159. position: fixed !important;
  160. }
  161. #TB_window.crayon-te-ajax #TB_title .crayon-te-submit {
  162. margin-top: 3px !important;
  163. float: right !important;
  164. }
  165. #TB_window.crayon-te-ajax a {
  166. color: #2587e2;
  167. text-decoration: none;
  168. }
  169. #TB_window.crayon-te-ajax a:hover {
  170. color: #499ce9;
  171. }
  172. .crayon-te-quote {
  173. background: #DDD;
  174. padding: 0 2px;
  175. }
  176. #crayon-te-submit-wrapper {
  177. display: none;
  178. }
  179. #crayon-te-clear {
  180. display: none;
  181. margin: 0;
  182. margin-top: 10px;
  183. }
  184. .crayon-syntax-pre {
  185. background: red;
  186. white-space: pre;
  187. overflow: auto;
  188. display: block;
  189. word-wrap: break-word;
  190. }
  191. .crayon-question {
  192. padding: 1px 4px !important;
  193. background: #83b3cb !important;
  194. text-decoration: none !important;
  195. color: white !important;
  196. border-radius: 10px !important;
  197. height: 15px !important;
  198. width: 15px !important;
  199. }
  200. .crayon-setting {
  201. }
  202. .crayon-setting-changed,.crayon-setting-selected {
  203. background: #fffaad !important;
  204. }
  205. .crayon-question:hover {
  206. color: white;
  207. background: #a6d6ef;
  208. }
  209. #crayon-te-warning {
  210. display: none;
  211. }
  212. .crayon-te-info {
  213. padding: 5px !important;
  214. margin: 2px 0 !important;
  215. }
  216. #crayon-te-submit {
  217. margin-bottom: 5px;
  218. }
  219. .wp_themeSkin span.mce_crayon_tinymce {
  220. background: url(images/crayon_tinymce.png);
  221. }