typo.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
  1. @charset "utf-8";
  2. .typo {
  3. font-size: 14px;
  4. line-height: 1.5em;
  5. color:#333;
  6. font-family: "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei"
  7. }
  8. .typo table {
  9. border-collapse: collapse;
  10. border-spacing: 0;
  11. }
  12. .typo th {
  13. text-align: inherit;
  14. }
  15. .typo fieldset,
  16. .typo img {
  17. border: 0;
  18. }
  19. .typo iframe {
  20. display: block;
  21. }
  22. .typo blockquote {
  23. font-family: "Microsoft Yahei", "Hiragino Sans GB", Optima, Georgia, STSong, serif;
  24. margin: 1em 0;
  25. color: #999;
  26. padding: 0.6em 1em;
  27. background: #f8f8f8;
  28. border-left: 0.4em solid #ddd;
  29. }
  30. .typo blockquote blockquote {
  31. padding: 0 0 0 1em;
  32. margin-left: 2em;
  33. }
  34. .typo acronym,
  35. .typo abbr {
  36. border-bottom: 1px dotted;
  37. font-variant: normal;
  38. }
  39. .typo abbr {
  40. cursor: help;
  41. }
  42. .typo del {
  43. text-decoration: line-through;
  44. }
  45. .typo address,
  46. .typo caption,
  47. .typo cite,
  48. .typo code,
  49. .typo dfn,
  50. .typo th,
  51. .typo var {
  52. font-style: normal;
  53. font-weight: 400;
  54. }
  55. .typo em {
  56. font-style: italic;
  57. font-weight: normal !important;
  58. }
  59. .typo ul,
  60. .typo ol {
  61. list-style: none;
  62. }
  63. .typo caption,
  64. .typo th {
  65. text-align: left;
  66. }
  67. .typo q:before,
  68. .typo q:after {
  69. content: '';
  70. }
  71. .typo sub,
  72. .typo sup {
  73. font-size: 75%;
  74. line-height: 0;
  75. position: relative;
  76. vertical-align: text-top\9;
  77. }
  78. :root sub,
  79. :root sup {
  80. vertical-align: baseline;
  81. /* for ie9 and other mordern browsers */
  82. }
  83. .typo sup {
  84. top: -0.5em;
  85. }
  86. .typo sub {
  87. bottom: -0.25em;
  88. }
  89. .typo a:hover {
  90. text-decoration: underline;
  91. }
  92. .typo ins,
  93. .typo a {
  94. text-decoration: none;
  95. }
  96. .typo u,
  97. .typo .typo-u {
  98. text-decoration: underline;
  99. }
  100. .typo mark {
  101. background: #fffdd1;
  102. }
  103. .typo pre,
  104. .typo code {
  105. font-family: "Courier New", Courier, monospace;
  106. white-space: pre-wrap;
  107. word-wrap: break-word;
  108. }
  109. .typo pre {
  110. background: #f8f8f8;
  111. border: 1px solid #ddd;
  112. padding: 1em 1.5em;
  113. }
  114. .typo hr {
  115. border: none;
  116. border-bottom: 1px solid #cfcfcf;
  117. margin-bottom: 10px;
  118. *color: pink;
  119. *filter: chroma(color=pink);
  120. height: 10px;
  121. *margin: -7px 0 2px;
  122. }
  123. .typo small,
  124. .typo .typo-small,
  125. .typo figcaption {
  126. font-size: 0.9em;
  127. color: #888;
  128. }
  129. [draggable] {
  130. cursor: move;
  131. }
  132. .typo .clearfix:before,
  133. .typo .clearfix:after {
  134. content: "";
  135. display: table;
  136. }
  137. .typo .clearfix:after {
  138. clear: both
  139. }
  140. .typo .clearfix {
  141. zoom: 1
  142. }
  143. .typo pre,
  144. .typo code,
  145. .typo kbd,
  146. .typo samp,
  147. .typo tt {
  148. font-family: monospace, monospace;
  149. font-size: 1em;
  150. }
  151. .typo code {
  152. background: #f3f3f3;
  153. border: 1px solid #ddd;
  154. padding: 1px 4px;
  155. -moz-border-radius: 3px;
  156. -webkit-border-radius: 3px;
  157. border-radius: 3px;
  158. }
  159. .typo abbr {
  160. border-bottom: 1px dotted #555;
  161. cursor: pointer;
  162. }
  163. .textwrap,
  164. .textwrap td,
  165. .textwrap th {
  166. word-wrap: break-word;
  167. word-break: break-all;
  168. }
  169. .textwrap-table {
  170. table-layout: fixed;
  171. }
  172. .typo p,
  173. .typo pre,
  174. .typo ul,
  175. .typo ol,
  176. .typo dl,
  177. .typo form,
  178. .typo hr,
  179. .typo table,
  180. .typo-p,
  181. .typo-pre,
  182. .typo-ul,
  183. .typo-ol,
  184. .typo-dl,
  185. .typo-form,
  186. .typo-hr,
  187. .typo-table {
  188. margin-bottom: 1.2em;
  189. }
  190. .typo h1,
  191. .typo h2,
  192. .typo h3,
  193. .typo h4,
  194. .typo h5,
  195. .typo h6 {
  196. font-weight: bold;
  197. font-family:"Microsoft Yahei", "Hiragino Sans GB", Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  198. color: #333;
  199. }
  200. .typo h1,
  201. .typo h2,
  202. .typo h3,
  203. .typo h4,
  204. .typo h5,
  205. .typo h6,
  206. .typo-h1,
  207. .typo-h2,
  208. .typo-h3,
  209. .typo-h4,
  210. .typo-h5,
  211. .typo-h6 {
  212. margin-bottom: 0.4em;
  213. line-height: 1.5;
  214. }
  215. .typo h1,
  216. .typo-h1 {
  217. font-size: 1.8em;
  218. }
  219. .typo h2,
  220. .typo-h2 {
  221. font-size: 1.6em;
  222. }
  223. .typo h3,
  224. .typo-h3 {
  225. font-size: 1.4em;
  226. }
  227. .typo h4,
  228. .typo-h4 {
  229. font-size: 1.2em;
  230. }
  231. .typo h5,
  232. .typo h6,
  233. .typo-h5,
  234. .typo-h6 {
  235. font-size: 1em;
  236. }
  237. .typo p {
  238. /*text-indent: 2em;*/
  239. }
  240. .typo ul,
  241. .typo-ul {
  242. margin-left: 1.3em;
  243. list-style: disc;
  244. }
  245. .typo ol,
  246. .typo-ol {
  247. list-style: decimal;
  248. margin-left: 1.9em;
  249. }
  250. .typo li ul,
  251. .typo li ol,
  252. .typo-ul ul,
  253. .typo-ul ol,
  254. .typo-ol ul,
  255. .typo-ol ol {
  256. margin-top: 0;
  257. margin-bottom: 0;
  258. margin-left: 2em;
  259. }
  260. .typo li ul,
  261. .typo-ul ul,
  262. .typo-ol ul {
  263. list-style: circle;
  264. }
  265. .typo table th,
  266. .typo table td,
  267. .typo-table th,
  268. .typo-table td .typo table caption {
  269. border: 1px solid #ddd;
  270. padding: 0.5em 1em;
  271. color: #666;
  272. }
  273. .typo table th,
  274. .typo-table th {
  275. background: #fbfbfb;
  276. }
  277. .typo table thead th,
  278. .typo-table thead th {
  279. background: #f1f1f1;
  280. }
  281. .typo table .caption {
  282. border-bottom: none;
  283. }
  284. .typo-input,
  285. .typo-textarea {
  286. -webkit-appearance: none;
  287. border-radius: 0;
  288. }
  289. .typo::-moz-selection {
  290. background: #08c;
  291. color: #fff;
  292. }
  293. .typo::selection {
  294. background: #08c;
  295. color: #fff;
  296. }
  297. .typo-em,
  298. .typo em,
  299. .typo legend,
  300. .typo caption {
  301. font-weight: 700;
  302. }
  303. /*ckedit*/
  304. .typo .marker {
  305. background-color: Yellow;
  306. }
  307. .typo u,
  308. .typo ins {
  309. text-decoration: underline;
  310. }