123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8" %>
- <%@ include file="meta.jsp" %>
- <title>${siteName}</title>
- <style>
- body {
- -webkit-touch-callout: none;
- font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
- color: #333;
- background-color: #f2f2f2;
- letter-spacing: .034em;
- }
- .rich_media_content img {
- max-width: 100%;
- }
- p {
- color: #333;
- }
- .rich_media {
- padding: 20px 16px 12px;
- }
- .rich_media_title {
- font-size: 22px;
- line-height: 1.4;
- margin-bottom: 14px;
- margin-top: 0px;
- font-weight: 400;
- }
- .rich_media_meta_list {
- margin-bottom: 22px;
- line-height: 20px;
- font-size: 0;
- word-wrap: break-word;
- word-break: break-all;
- }
- .rich_media_meta_nickname {
- position: relative;
- }
- .rich_media_meta {
- display: inline-block;
- vertical-align: middle;
- margin: 0 10px 10px 0;
- color: #576b95;
- font-size: 15px;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- }
- .rich_media_meta_list em {
- font-style: normal;
- }
- .rich_media_meta_text {
- color: rgba(0,0,0,0.3);
- }
- .rich_media_content {
- overflow: hidden;
- color: #333;
- font-size: 17px;
- word-wrap: break-word;
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- text-align: justify;
- }
- .rich_media_tool {
- display: none;
- overflow: hidden;
- padding: 15px 0;
- line-height: 32px;
- font-size: 15px;
- }
- .rich_media_tool .meta_primary {
- margin-right: 20px;
- float: left;
- margin-right: 10px;
- color: rgba(0,0,0,0.3);
- }
- .rich_media_tool .meta_praise {
- min-width: 2.5em;
- color: #576b95;
- text-align: right;
- float: right;
- margin-left: 10px;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- outline: 0;
- }
- </style>
- </head>
- <body class="bgcolor1">
- <div class="mui-content bgcolor1">
- <div class="rich_media" style="">
- <h2 class="rich_media_title">
- </h2>
- <div class="rich_media_meta_list">
- <span class="rich_media_meta rich_media_meta_nickname"></span>
- <em class="rich_media_meta rich_media_meta_text"></em>
- </div>
- <div class="rich_media_content">
- </div>
- <div class="rich_media_tool">
- <a class="media_tool_meta meta_primary" id="outUrl" style="color: #576b95;" href="${base}/mobile/index.jsp">阅读原文</a>
- <div class="media_tool_meta meta_primary">阅读 <span id="readNum">0</span></div>
- <span class="media_tool_meta meta_praise">
- <i class="mui-icon iconfont icon-dianzan1 mr5" style="font-size: 22px"></i><span class="praise_num" id="likeNum">0</span>
- </span>
- </div>
- </div>
- </div>
- </body>
- <script src="${base}/static/mobile/js/msgDetail.js?v=${version}"></script>
- </html>
|