微信公众号管理后台

iframe.css 5.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
  1. /*鍙互鍦ㄨ繖閲屾坊鍔犱綘鑷繁鐨刢ss*/
  2. * {
  3. margin: 0;
  4. padding: 0;
  5. max-width: 100% !important;
  6. box-sizing: border-box !important;
  7. -webkit-box-sizing: border-box !important;
  8. word-wrap: break-word !important
  9. }
  10. html {
  11. -ms-text-size-adjust: 100%;
  12. -webkit-text-size-adjust: 100%;
  13. line-height: 1.6;
  14. overflow: hidden;
  15. }
  16. html body {
  17. -webkit-touch-callout: none;
  18. font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  19. background-color: #fff;
  20. color: #3e3e3e;
  21. line-height: inherit;
  22. margin: 0;
  23. }
  24. .view {
  25. height: 100%;
  26. overflow-y: auto;
  27. }
  28. body.view {
  29. min-height: 100%;
  30. padding: 10px 50px;
  31. height: auto!important;
  32. /* overflow-y: auto!important; */
  33. }
  34. a {
  35. color: #607fa6;
  36. text-decoration: none
  37. }
  38. p {
  39. clear: both;
  40. min-height: 1em;
  41. /* white-space: pre-wrap; */
  42. }
  43. em {
  44. font-style: italic
  45. }
  46. fieldset {
  47. min-width: 0
  48. }
  49. .list-paddingleft-2 {
  50. padding-left: 30px
  51. }
  52. blockquote {
  53. margin: 0;
  54. padding-left: 10px;
  55. border-left: 3px solid #dbdbdb
  56. }
  57. .video_iframe {
  58. display: block;
  59. width: 100%!important;
  60. background-color: #000;
  61. border: 0;
  62. background-size: 500px;
  63. background-repeat: no-repeat;
  64. background-position: center;
  65. }
  66. .weishi_video.video_iframe {
  67. border: 1px solid #ddd;
  68. }
  69. qqmusic,mpvoice{
  70. display: block;
  71. }
  72. .qqmusic_iframe{
  73. width: 100%!important;
  74. height: 75px;
  75. }
  76. qqmusic.qqmusic_iframe {
  77. position: relative;
  78. font-size: 14px;
  79. color: #fff;
  80. display: inline-block;
  81. border: 1px solid #e7e7eb;
  82. padding: 9px 6px;
  83. overflow: hidden;
  84. width: 360px!important;
  85. height: 60px;
  86. background: url("./images/icon_qqmusic_audio.png") no-repeat 310px 13px;
  87. }
  88. /* .cpc_iframe {
  89. width: 360px!important;
  90. height: 140px;
  91. margin: 14px 0;
  92. border: 0;
  93. } */
  94. qqmusic.qqmusic_iframe::before {
  95. position: absolute;
  96. left: 10px;
  97. top: 10px;
  98. color: #000;
  99. content: attr(music_name);
  100. }
  101. qqmusic.qqmusic_iframe::after {
  102. position: absolute;
  103. left: 10px;
  104. top: 34px;
  105. color: #8d8d8d;
  106. content: attr(singer);
  107. }
  108. .audio_iframe{
  109. position: relative;
  110. font-size: 14px;
  111. color: #333;
  112. display: inline-block;
  113. border: 1px solid #e7e7eb;
  114. padding: 9px 6px 9px 60px;
  115. overflow: hidden;
  116. width: 100%;
  117. height: 60px;
  118. background: #fcfcfc url("http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/audio/icon_audio_unread26f1f1.png") no-repeat 16px 16px;
  119. background-size: 18px auto;
  120. }
  121. .audio_iframe::after {
  122. position: absolute;
  123. right: 10px;
  124. top: 7px;
  125. color: #8d8d8d;
  126. content: attr(data-length);
  127. }
  128. .audio_iframe::before {
  129. position: absolute;
  130. left: 60px;
  131. top: 10px;
  132. color: #333;
  133. content: attr(data-name);
  134. }
  135. .loadingclass {
  136. display: inline-block;
  137. cursor: default;
  138. background: url('./images/loading.gif') no-repeat center center transparent !important;
  139. border: 1px solid #cccccc;
  140. margin-left: 1px;
  141. height: 22px;
  142. width: 22px;
  143. }
  144. html body > .wxb-style{
  145. overflow-x: hidden;
  146. }
  147. html body > .wxb-style:after {
  148. content: ' ';
  149. display: block;
  150. clear: both;
  151. }
  152. .vote_area{
  153. display: block;
  154. position: relative;
  155. min-height: 50px;
  156. }
  157. .vote_area iframe{
  158. background: none;
  159. border:1px solid #ddd;
  160. }
  161. .vote_area:after{
  162. position: absolute;
  163. content: '杩欓噷鏄竴涓姇绁�';
  164. display: block;
  165. left: 10px;
  166. top: 10px;
  167. font-size:16px;
  168. }
  169. /* 涓€鐐硅祫璁痟1锛宧2鏍峰紡锛屾劅瑙夊鏋滆瀹屽叏鍜屾潵婧愮粺涓€锛岄兘寰楄嚜宸卞畾鍒� */
  170. h1.text-yidian-h1 {
  171. color: #b2775e;
  172. text-align: left;
  173. margin: 0 0 21px;
  174. font-size: 20px;
  175. font-weight: 700;
  176. line-height: 26px;
  177. }
  178. h2.text-yidian-h2 {
  179. border-left: 9px solid #00aeef;
  180. color: #222;
  181. font-size: 17px;
  182. font-weight: 700;
  183. margin: 0 0 17px;
  184. line-height: 18px;
  185. padding-left: 7px;
  186. }
  187. h2.text-zhihu-h2 {
  188. margin: 20px 0;
  189. font-size: 24px;
  190. font-weight: 400;
  191. }
  192. .wxb-editor-template {
  193. display: block;
  194. width: 100%;
  195. }
  196. .zhihu-video-link {
  197. display: inline-block;
  198. padding-left: 28px;
  199. background: url(./images/zhihu.video.png) 0 center no-repeat;
  200. line-height: 27px;
  201. color: #259;
  202. font-size: 16px;
  203. }
  204. .zhihu-video-link:hover {
  205. text-decoration: underline;
  206. }
  207. ._wxbEditor {
  208. position: relative;
  209. }
  210. ._wxbEditor >.tool-border {
  211. position: absolute;
  212. top: -5px;
  213. left: -5px;
  214. width: calc(100% + 10px);
  215. height: calc(100% + 10px);
  216. border: 1px dashed red;
  217. max-width: none!important;
  218. z-index: -1;
  219. }
  220. h1, h2, h3, h4, h5, h6 {
  221. font-weight: 400;
  222. font-size: 16px;
  223. }
  224. .icon_emotion_single {
  225. width: 20px;
  226. height: 20px;
  227. vertical-align: middle;
  228. display: inline-block;
  229. -webkit-background-size: 20px auto;
  230. background-size: 20px auto
  231. }
  232. .weapp_text_link {
  233. font-size: 17px;
  234. }
  235. .weapp_text_link:before {
  236. content: '';
  237. display: inline-block;
  238. line-height: 1;
  239. background-size: 12px 12px;
  240. background-repeat: no-repeat;
  241. background-image: url(http://download.weituibao.com/ueditor/assets/images/link.png);
  242. vertical-align: middle;
  243. font-size: 11px;
  244. color: #888;
  245. border-radius: 10px;
  246. background-color: #f4f4f4;
  247. margin-right: 6px;
  248. margin-top: -4px;
  249. background-position: center;
  250. height: 20px;
  251. width: 20px;
  252. }
  253. .weapp_app_iframe {
  254. height: 330px;
  255. margin: 14px 0;
  256. }
  257. .vote_iframe {
  258. width: 100%!important;
  259. }
  260. .cpc_iframe {
  261. width: 100%!important;
  262. height: 383px;
  263. margin: 14px 0;
  264. border: 0;
  265. }