sample.css 4.0 KB

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