editor-style.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448
  1. /*
  2. Theme Name: Twenty Fourteen
  3. Description: Used to style the TinyMCE editor.
  4. */
  5. /**
  6. * Table of Contents:
  7. *
  8. * 1.0 - Body
  9. * 2.0 - Headings
  10. * 3.0 - Text Elements
  11. * 4.0 - Links
  12. * 5.0 - Alignment
  13. * 6.0 - Tables
  14. * 7.0 - Images
  15. * 8.0 - RTL
  16. * ----------------------------------------------------------------------------
  17. */
  18. /**
  19. * 1.0 Body
  20. * ----------------------------------------------------------------------------
  21. */
  22. html .mceContentBody {
  23. font-size: 100%;
  24. max-width: 474px;
  25. }
  26. body {
  27. color: #2b2b2b;
  28. font-family: Lato, sans-serif;
  29. font-weight: 400;
  30. line-height: 1.5;
  31. vertical-align: baseline;
  32. }
  33. /**
  34. * 2.0 Headings
  35. * ----------------------------------------------------------------------------
  36. */
  37. h1,
  38. h2,
  39. h3,
  40. h4,
  41. h5,
  42. h6 {
  43. clear: both;
  44. font-weight: 700;
  45. margin: 36px 0 12px;
  46. }
  47. h1 {
  48. font-size: 26px;
  49. line-height: 1.3846153846;
  50. }
  51. h2 {
  52. font-size: 24px;
  53. line-height: 1;
  54. }
  55. h3 {
  56. font-size: 22px;
  57. line-height: 1.0909090909;
  58. }
  59. h4 {
  60. font-size: 20px;
  61. line-height: 1.2;
  62. }
  63. h5 {
  64. font-size: 18px;
  65. line-height: 1.3333333333;
  66. }
  67. h6 {
  68. font-size: 16px;
  69. line-height: 1.5;
  70. }
  71. h1:first-child,
  72. h2:first-child,
  73. h3:first-child,
  74. h4:first-child,
  75. h5:first-child,
  76. h6:first-child {
  77. margin-top: 0;
  78. }
  79. /**
  80. * 3.0 Text Elements
  81. * ----------------------------------------------------------------------------
  82. */
  83. address {
  84. font-style: italic;
  85. margin-bottom: 24px;
  86. }
  87. abbr[title] {
  88. border-bottom: 1px dotted #2b2b2b;
  89. cursor: help;
  90. }
  91. b,
  92. strong {
  93. font-weight: 700;
  94. }
  95. cite {
  96. border: 0;
  97. }
  98. cite,
  99. dfn,
  100. em,
  101. i {
  102. font-style: italic;
  103. }
  104. mark,
  105. ins {
  106. background: #fff9c0;
  107. border: 0;
  108. color: inherit;
  109. text-decoration: none;
  110. }
  111. p {
  112. margin: 0 0 24px;
  113. }
  114. code,
  115. kbd,
  116. tt,
  117. var,
  118. samp,
  119. pre {
  120. font-family: monospace, serif;
  121. font-size: 15px;
  122. line-height: 1.6;
  123. }
  124. pre {
  125. border: 1px solid rgba(0, 0, 0, 0.1);
  126. margin-bottom: 24px;
  127. max-width: 100%;
  128. overflow: auto;
  129. padding: 12px;
  130. white-space: pre;
  131. white-space: pre-wrap;
  132. word-wrap: break-word;
  133. }
  134. blockquote,
  135. q {
  136. quotes: none;
  137. }
  138. blockquote:before,
  139. blockquote:after,
  140. q:before,
  141. q:after {
  142. content: "";
  143. content: none;
  144. }
  145. blockquote {
  146. color: #767676;
  147. font-size: 19px;
  148. font-style: italic;
  149. font-weight: 300;
  150. line-height: 1.2631578947;
  151. margin: 0 0 24px;
  152. }
  153. blockquote cite,
  154. blockquote small {
  155. color: #2b2b2b;
  156. font-size: 16px;
  157. font-weight: 400;
  158. line-height: 1.5;
  159. }
  160. blockquote em,
  161. blockquote i,
  162. blockquote cite {
  163. font-style: normal;
  164. }
  165. blockquote strong,
  166. blockquote b {
  167. font-weight: 400;
  168. }
  169. small {
  170. font-size: smaller;
  171. }
  172. big {
  173. font-size: 125%;
  174. }
  175. sup,
  176. sub {
  177. font-size: 75%;
  178. height: 0;
  179. line-height: 0;
  180. position: relative;
  181. vertical-align: baseline;
  182. }
  183. sup {
  184. bottom: 1ex;
  185. }
  186. sub {
  187. top: .5ex;
  188. }
  189. dl {
  190. margin: 0 0 24px;
  191. }
  192. dt {
  193. font-weight: bold;
  194. }
  195. dd {
  196. margin: 0 0 24px;
  197. }
  198. ul,
  199. ol {
  200. list-style: none;
  201. margin: 0 0 24px 20px;
  202. padding-left: 0;
  203. }
  204. ul {
  205. list-style: disc;
  206. }
  207. ol {
  208. list-style: decimal;
  209. }
  210. li > ul,
  211. li > ol {
  212. margin: 0 0 0 20px;
  213. }
  214. del {
  215. color: #767676;
  216. }
  217. hr {
  218. background-color: rgba(0, 0, 0, 0.1);
  219. border: 0;
  220. height: 1px;
  221. margin-bottom: 23px;
  222. }
  223. /**
  224. * 4.0 Links
  225. * ----------------------------------------------------------------------------
  226. */
  227. a {
  228. color: #24890d;
  229. text-decoration: none;
  230. }
  231. a:visited {
  232. color: #24890d;
  233. }
  234. a:focus {
  235. outline: thin dotted;
  236. }
  237. a:active,
  238. a:hover {
  239. color: #41a62a;
  240. outline: 0;
  241. }
  242. /**
  243. * 5.0 Alignment
  244. * ----------------------------------------------------------------------------
  245. */
  246. .alignleft {
  247. float: left;
  248. margin: 7px 24px 7px 0;
  249. }
  250. .alignright {
  251. float: right;
  252. margin: 7px 0 7px 24px;
  253. }
  254. .aligncenter {
  255. clear: both;
  256. display: block;
  257. margin: 7px auto;
  258. }
  259. blockquote.alignleft,
  260. blockquote.alignright {
  261. border-top: 1px solid rgba(0, 0, 0, 0.1);
  262. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  263. padding-top: 17px;
  264. width: 50%;
  265. }
  266. blockquote.alignleft p,
  267. blockquote.alignright p {
  268. margin-bottom: 17px;
  269. }
  270. /**
  271. * 6.0 Tables
  272. * ----------------------------------------------------------------------------
  273. */
  274. .mceItemTable {
  275. border: 1px solid rgba(0, 0, 0, 0.1);
  276. border-width: 1px 0 0 1px;
  277. border-collapse: separate;
  278. border-spacing: 0;
  279. font-size: 14px;
  280. line-height: 1.2857142857;
  281. margin-bottom: 24px;
  282. width: 100%;
  283. }
  284. .mceItemTable th,
  285. .mceItemTable caption {
  286. border: 1px solid rgba(0, 0, 0, 0.1);
  287. border-width: 0 1px 1px 0;
  288. font-weight: 700;
  289. padding: 8px;
  290. text-align: left;
  291. text-transform: uppercase;
  292. vertical-align: baseline;
  293. }
  294. .mceItemTable td {
  295. border: 1px solid rgba(0, 0, 0, 0.1);
  296. border-width: 0 1px 1px 0;
  297. font-family: Lato, sans-serif;
  298. font-size: 14px;
  299. padding: 8px;
  300. vertical-align: baseline;
  301. }
  302. /**
  303. * 7.0 Images
  304. * ----------------------------------------------------------------------------
  305. */
  306. img {
  307. height: auto;
  308. max-width: 474px;
  309. vertical-align: middle;
  310. }
  311. .wp-caption {
  312. background: transparent;
  313. border: none;
  314. color: #767676;
  315. margin: 0 0 24px 0;
  316. max-width: 474px;
  317. padding: 0;
  318. text-align: left;
  319. }
  320. .wp-caption.alignleft {
  321. margin: 7px 14px 7px 0;
  322. }
  323. .wp-caption.alignright {
  324. margin: 7px 0 7px 14px;
  325. }
  326. .wp-caption.aligncenter {
  327. margin: 7px 0;
  328. }
  329. .wp-caption-dt {
  330. margin: 0;
  331. }
  332. .wp-caption .wp-caption-text,
  333. .wp-caption-dd {
  334. -webkit-box-sizing: border-box;
  335. -moz-box-sizing: border-box;
  336. box-sizing: border-box;
  337. font-size: 12px;
  338. font-style: italic;
  339. line-height: 1.5;
  340. margin: 9px 0;
  341. padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
  342. text-align: left;
  343. }
  344. .mceTemp + ul,
  345. .mceTemp + ol {
  346. list-style-position: inside;
  347. }
  348. /**
  349. * 8.0 RTL
  350. * ----------------------------------------------------------------------------
  351. */
  352. html .mceContentBody.rtl {
  353. direction: rtl;
  354. unicode-bidi: embed;
  355. }
  356. .rtl ol,
  357. .rtl ul {
  358. margin-left: 0;
  359. margin-right: 24px;
  360. }
  361. .rtl .wp-caption,
  362. .rtl tr th {
  363. text-align: right;
  364. }
  365. .rtl td {
  366. text-align: right;
  367. }