Skip to content

S
solo-1
Commit cb7a6c38 authored by Liang's avatar Liang
Browse files
Options

🚧 #12256 mobile skins

parent c0d13b25
Hide whitespace changes
Inline Side-by-side
Showing with 62 additions and 5 deletions
src/main/webapp/skins/mobile/category-articles.ftl 0 → 100644
View file @ cb7a6c38
<#include "macro-head.ftl">
<!DOCTYPE html>
<html>
<head>
<@head title="${category.categoryTitle} - ${blogTitle}">
<meta name="keywords" content="${metaKeywords},${category.categoryTitle}"/>
<meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
</@head>
</head>
<body class="classic-wptouch-bg ">
<#include "header.ftl">
<div class="content single">
<div class="post">
<h2 >${categoryLabel}
<a rel="alternate" href="${servePath}/category/${category.categoryURI}">
${category.categoryTitle}
(${category.categoryTagCnt})</a>
</h2>
</div>
</div>
<#include "article-list.ftl">
<#include "footer.ftl">
</body>
</html>
src/main/webapp/skins/mobile/footer.ftl
View file @ cb7a6c38
...@@ -6,8 +6,7 @@ ...@@ -6,8 +6,7 @@
</center> </center>
<p><span style="color: gray;">&copy; ${year}</span> - <a href="${servePath}">${blogTitle}</a>${footerContent}</p> <p><span style="color: gray;">&copy; ${year}</span> - <a href="${servePath}">${blogTitle}</a>${footerContent}</p>
<p>Powered by <a href="http://b3log.org" target="_blank">B3log 开源</a> • <a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version}, <p>Powered by <a href="http://b3log.org" target="_blank">B3log 开源</a> • <a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version},
Theme by <a rel="friend" href="http://dx.b3log.org" target="_blank">dx</a> &lt Theme by <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a></p>
<a rel="friend" href="http://www.bravenewcode.com/products/wptouch-pro">WPtouch</a>.</p>
</div> </div>
<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script> <script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script> <script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
......
src/main/webapp/skins/mobile/header.ftl
View file @ cb7a6c38
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
<a href="#head-pages"><img src="${staticServePath}/skins/${skinDirName}/images/icon-pool/Pages.png" alt=""/></a> <a href="#head-pages"><img src="${staticServePath}/skins/${skinDirName}/images/icon-pool/Pages.png" alt=""/></a>
<a href="#head-tags"><img src="${staticServePath}/skins/${skinDirName}/images/icon-pool/Tags.png" alt=""/></a> <a href="#head-tags"><img src="${staticServePath}/skins/${skinDirName}/images/icon-pool/Tags.png" alt=""/></a>
<a href="#head-cats"><img src="${staticServePath}/skins/${skinDirName}/images/icon-pool/Archives.png" alt=""/></a> <a href="#head-cats"><img src="${staticServePath}/skins/${skinDirName}/images/icon-pool/Archives.png" alt=""/></a>
<a href="#head-category"><img src="${staticServePath}/skins/${skinDirName}/images/icon-pool/Archives.png" alt=""/></a>
</div> </div>
<ul id="head-pages"> <ul id="head-pages">
...@@ -60,6 +61,19 @@ ...@@ -60,6 +61,19 @@
</#if> </#if>
</ul> </ul>
<ul id="head-category">
<#if 0 != mostUsedCategories?size>
<#list mostUsedCategories as category>
<li>
<a href="${servePath}/category/${category.categoryURI}"
aria-label="${category.categoryTagCnt} ${tagsLabel}"
class="tag tooltipped tooltipped-n">
${category.categoryTitle}</a>
</li>
</#list>
</#if>
</ul>
</div> </div>
</div> </div>
</div> </div>
......
src/main/webapp/skins/mobile/side.ftl
View file @ cb7a6c38
...@@ -135,3 +135,15 @@ ...@@ -135,3 +135,15 @@
</ul> </ul>
</#if> </#if>
</div> </div>
<ul id="head-category">
<#if 0 != mostUsedCategories?size>
<#list mostUsedCategories as category>
<li>
<a href="${servePath}/category/${category.categoryURI}"
aria-label="${category.categoryTagCnt} ${tagsLabel}"
class="tag tooltipped tooltipped-n">
${category.categoryTitle}</a>
</li>
</#list>
</#if>
</ul>
\ No newline at end of file
src/main/webapp/skins/mobile/themes/default/style.css
View file @ cb7a6c38
...@@ -322,7 +322,12 @@ blockquote { ...@@ -322,7 +322,12 @@ blockquote {
padding: 0; padding: 0;
} }
.dropper ul#head-pages li, .dropper ul#head-cats li, .dropper ul#head-tags li li, .dropper ul#head-account li, ul#tweets li { .dropper ul#head-pages li,
.dropper ul#head-cats li,
.dropper ul#head-tags li,
.dropper ul#head-account li,
.dropper ul#head-category li,
ul#tweets li {
border-bottom: 1px solid #1d1d1d; border-bottom: 1px solid #1d1d1d;
background: url(../core/core-images/arrow.png) no-repeat right center; background: url(../core/core-images/arrow.png) no-repeat right center;
border-top: 1px solid #363636; border-top: 1px solid #363636;
...@@ -348,7 +353,10 @@ blockquote { ...@@ -348,7 +353,10 @@ blockquote {
text-decoration: underline; text-decoration: underline;
} }
.dropper ul#head-cats li:hover, .dropper ul#head-tags li li:hover, .dropper ul#head-pages li:hover { .dropper ul#head-cats li:hover,
.dropper ul#head-tags li li:hover,
.dropper ul#head-category li li:hover,
.dropper ul#head-pages li:hover {
background-color: #222; background-color: #222;
border-top: 1px solid #222; border-top: 1px solid #222;
position: relative; position: relative;
...@@ -761,7 +769,7 @@ input#search-submit { ...@@ -761,7 +769,7 @@ input#search-submit {
img.head-close { img.head-close {
display: inline; display: inline;
position: relative; position: relative;
top: 6px; top: 0px;
left: 5px; left: 5px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment