sample.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357
  1. /*
  2. Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. For licensing, see LICENSE.md or http://ckeditor.com/license
  4. */
  5. html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre
  6. {
  7. line-height: 1.5;
  8. }
  9. body
  10. {
  11. padding: 10px 30px;
  12. }
  13. input, textarea, select, option, optgroup, button, td, th
  14. {
  15. font-size: 100%;
  16. }
  17. pre
  18. {
  19. -moz-tab-size: 4;
  20. tab-size: 4;
  21. }
  22. pre, code, kbd, samp, tt
  23. {
  24. font-family: monospace,monospace;
  25. font-size: 1em;
  26. }
  27. body {
  28. width: 960px;
  29. margin: 0 auto;
  30. }
  31. code
  32. {
  33. background: #f3f3f3;
  34. border: 1px solid #ddd;
  35. padding: 1px 4px;
  36. border-radius: 3px;
  37. }
  38. abbr
  39. {
  40. border-bottom: 1px dotted #555;
  41. cursor: pointer;
  42. }
  43. .new, .beta
  44. {
  45. text-transform: uppercase;
  46. font-size: 10px;
  47. font-weight: bold;
  48. padding: 1px 4px;
  49. margin: 0 0 0 5px;
  50. color: #fff;
  51. float: right;
  52. border-radius: 3px;
  53. }
  54. .new
  55. {
  56. background: #FF7E00;
  57. border: 1px solid #DA8028;
  58. text-shadow: 0 1px 0 #C97626;
  59. box-shadow: 0 2px 3px 0 #FFA54E inset;
  60. }
  61. .beta
  62. {
  63. background: #18C0DF;
  64. border: 1px solid #19AAD8;
  65. text-shadow: 0 1px 0 #048CAD;
  66. font-style: italic;
  67. box-shadow: 0 2px 3px 0 #50D4FD inset;
  68. }
  69. h1.samples
  70. {
  71. color: #0782C1;
  72. font-size: 200%;
  73. font-weight: normal;
  74. margin: 0;
  75. padding: 0;
  76. }
  77. h1.samples a
  78. {
  79. color: #0782C1;
  80. text-decoration: none;
  81. border-bottom: 1px dotted #0782C1;
  82. }
  83. .samples a:hover
  84. {
  85. border-bottom: 1px dotted #0782C1;
  86. }
  87. h2.samples
  88. {
  89. color: #000000;
  90. font-size: 130%;
  91. margin: 15px 0 0 0;
  92. padding: 0;
  93. }
  94. p, blockquote, address, form, pre, dl, h1.samples, h2.samples
  95. {
  96. margin-bottom: 15px;
  97. }
  98. ul.samples
  99. {
  100. margin-bottom: 15px;
  101. }
  102. .clear
  103. {
  104. clear: both;
  105. }
  106. fieldset
  107. {
  108. margin: 0;
  109. padding: 10px;
  110. }
  111. body, input, textarea
  112. {
  113. color: #333333;
  114. font-family: Arial, Helvetica, sans-serif;
  115. }
  116. body
  117. {
  118. font-size: 75%;
  119. }
  120. a.samples
  121. {
  122. color: #189DE1;
  123. text-decoration: none;
  124. }
  125. form
  126. {
  127. margin: 0;
  128. padding: 0;
  129. }
  130. pre.samples
  131. {
  132. background-color: #F7F7F7;
  133. border: 1px solid #D7D7D7;
  134. overflow: auto;
  135. padding: 0.25em;
  136. white-space: pre-wrap; /* CSS 2.1 */
  137. word-wrap: break-word; /* IE7 */
  138. }
  139. #footer
  140. {
  141. clear: both;
  142. padding-top: 10px;
  143. }
  144. #footer hr
  145. {
  146. margin: 10px 0 15px 0;
  147. height: 1px;
  148. border: solid 1px gray;
  149. border-bottom: none;
  150. }
  151. #footer p
  152. {
  153. margin: 0 10px 10px 10px;
  154. float: left;
  155. }
  156. #footer #copy
  157. {
  158. float: right;
  159. }
  160. #outputSample
  161. {
  162. width: 100%;
  163. table-layout: fixed;
  164. }
  165. #outputSample thead th
  166. {
  167. color: #dddddd;
  168. background-color: #999999;
  169. padding: 4px;
  170. white-space: nowrap;
  171. }
  172. #outputSample tbody th
  173. {
  174. vertical-align: top;
  175. text-align: left;
  176. }
  177. #outputSample pre
  178. {
  179. margin: 0;
  180. padding: 0;
  181. }
  182. .description
  183. {
  184. border: 1px dotted #B7B7B7;
  185. margin-bottom: 10px;
  186. padding: 10px 10px 0;
  187. overflow: hidden;
  188. }
  189. label
  190. {
  191. display: block;
  192. margin-bottom: 6px;
  193. }
  194. /**
  195. * CKEditor editables are automatically set with the "cke_editable" class
  196. * plus cke_editable_(inline|themed) depending on the editor type.
  197. */
  198. /* Style a bit the inline editables. */
  199. .cke_editable.cke_editable_inline
  200. {
  201. cursor: pointer;
  202. }
  203. /* Once an editable element gets focused, the "cke_focus" class is
  204. added to it, so we can style it differently. */
  205. .cke_editable.cke_editable_inline.cke_focus
  206. {
  207. box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
  208. outline: none;
  209. background: #eee;
  210. cursor: text;
  211. }
  212. /* Avoid pre-formatted overflows inline editable. */
  213. .cke_editable_inline pre
  214. {
  215. white-space: pre-wrap;
  216. word-wrap: break-word;
  217. }
  218. /**
  219. * Samples index styles.
  220. */
  221. .twoColumns,
  222. .twoColumnsLeft,
  223. .twoColumnsRight
  224. {
  225. overflow: hidden;
  226. }
  227. .twoColumnsLeft,
  228. .twoColumnsRight
  229. {
  230. width: 45%;
  231. }
  232. .twoColumnsLeft
  233. {
  234. float: left;
  235. }
  236. .twoColumnsRight
  237. {
  238. float: right;
  239. }
  240. dl.samples
  241. {
  242. padding: 0 0 0 40px;
  243. }
  244. dl.samples > dt
  245. {
  246. display: list-item;
  247. list-style-type: disc;
  248. list-style-position: outside;
  249. margin: 0 0 3px;
  250. }
  251. dl.samples > dd
  252. {
  253. margin: 0 0 3px;
  254. }
  255. .warning
  256. {
  257. color: #ff0000;
  258. background-color: #FFCCBA;
  259. border: 2px dotted #ff0000;
  260. padding: 15px 10px;
  261. margin: 10px 0;
  262. }
  263. .warning.deprecated {
  264. font-size: 1.3em;
  265. }
  266. /* Used on inline samples */
  267. blockquote
  268. {
  269. font-style: italic;
  270. font-family: Georgia, Times, "Times New Roman", serif;
  271. padding: 2px 0;
  272. border-style: solid;
  273. border-color: #ccc;
  274. border-width: 0;
  275. }
  276. .cke_contents_ltr blockquote
  277. {
  278. padding-left: 20px;
  279. padding-right: 8px;
  280. border-left-width: 5px;
  281. }
  282. .cke_contents_rtl blockquote
  283. {
  284. padding-left: 8px;
  285. padding-right: 20px;
  286. border-right-width: 5px;
  287. }
  288. img.right {
  289. border: 1px solid #ccc;
  290. float: right;
  291. margin-left: 15px;
  292. padding: 5px;
  293. }
  294. img.left {
  295. border: 1px solid #ccc;
  296. float: left;
  297. margin-right: 15px;
  298. padding: 5px;
  299. }
  300. .marker
  301. {
  302. background-color: Yellow;
  303. }