yexuejc/solo-skins
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Revert "metro 改进"

Browse Source 
This reverts commit 10953a0af5e7f29007b87c2a3de97e5f855cd40d.
This commit is contained in:
Van 2013-10-17 11:26:35 +08:00
parent 10953a0af5
commit 7dee13e15a
11 changed files with 174 additions and 219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
metro-hot/article-list.ftl
View File

@ -24,19 +24,19 @@
</div>
<h2 class="article-title">
<#if article.hasUpdated>
<span>
[${updatedLabel}]
</span>
</#if>
<#if article.articlePutTop>
<span>
[${topArticleLabel}]
</span>
</#if>
<a rel="bookmark" title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
<#if article.hasUpdated>
<sup>
${updatedLabel}
</sup>
</#if>
<#if article.articlePutTop>
<sup>
${topArticleLabel}
</sup>
</#if>
</h2>
<div class="article-body">
${article.articleAbstract}

14
metro-hot/article.ftl
View File

@ -24,17 +24,17 @@
</span>
<h2>
${article.articleTitle}
<#if article.hasUpdated>
<span>
[${updatedLabel}]
</span>
<sup>
${updatedLabel}
</sup>
</#if>
<#if article.articlePutTop>
<span>
[${topArticleLabel}]
</span>
<sup>
${topArticleLabel}
</sup>
</#if>
${article.articleTitle}
</h2>
<div data-ico="&#x003b;" title="${tagLabel}">
<#list article.articleTags?split(",") as articleTag>

68
metro-hot/css/metro-hot-responsive.css
View File

@ -17,7 +17,7 @@
* skin metro-hot responsive style
*
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.0.6, Sep 30, 2013
* @version 1.0.0.5, Jul 24, 2013
*/
@media (max-width: 860px) and (min-width: 460px) {
.wrapper {
@ -45,11 +45,11 @@
}
#comments .article-body {
width: 340px;
width: 350px;
}
#dynamic #comments .article-body {
width: 283px;
width: 293px;
}
.most-comment,
@ -156,59 +156,43 @@
margin-bottom: 20px;
}
.tags-tile {
margin-bottom: 50px;
}
.article-title {
width: 280px;
}
.archives {
margin-right: 0;
}
.article-info > a {
padding: 3px;
font-size: 12px;
}
#dynamic #comments {
padding-left: 15px;
}
.tags-tile .title,
.links-tile .title,
.most-comment .title,
.most-view .title {
float: right;
font-size: 15px;
font-weight: bold;
margin: 20px 0 0 40px;
}
.most-comment,
.most-view {
width: 249px;
margin-left: 0;
margin-bottom: 0;
margin-top: 20px;
}
.most-comment .text,
.most-view .text {
margin-right: 0;
width: 274px;
font-size: 12px;
font-weight: normal;
}
.tags-tile,
.links-tile {
width: 249px;
.most-view {
margin-left: 0;
}
.tags-tile .text,
.links-tile .text {
.tags-tile,
.links-tile,
.archives-tile {
width: 249px;
margin-top: 20px;
margin-bottom: 0;
}
.tags-tile .text,
.links-tile .text,
.archives-tile .text {
width: 274px;
}
.links-tile,
.tags-tile {
margin-left: 0;
}
.tags-tile {
margin-bottom: 50px;
}
}

15
metro-hot/css/metro-hot-responsive.min.css vendored
View File

@ -1,16 +1 @@
/**
* Copyright (c) 2009, 2010, 2011, 2012, 2013, B3log Team
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@media (max-width:860px) and (min-width:460px){.wrapper{width:720px;} .main{width:460px;} .form{width:auto;} .form input{width:395px;} .form textarea{width:434px;} .em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{margin-right:4px;} #comments .article-body{width:350px;} #dynamic #comments .article-body{width:293px;} .most-comment,.most-view{width:300px;margin-bottom:20px;margin-top:40px;} .most-comment .text,.most-view .text{width:195px;} .tags-tile,.links-tile,.archives-tile{width:670px;} .tags-tile .text,.links-tile .text,.archives-tile .text{width:580px;} .links-tile,.tags-tile{margin-left:0;}}@media (max-width:460px){.side,.top-info,.header>.fn-left,.comment-main{float:none;} .wrapper,.article-list>div,.main,.side{width:300px;} .sub-nav>.pagination,.footer,#comments>div>img,#emotions{display:none;} #search{width:237px;} .side-tile{width:94px;} .online-count,.user,.clear,.notice-board,.share,.article-relative{width:249px;} .main .pagination,.main>.article-body,.comment-disabled,#comments>div{margin-right:0;} .side>div,#comments .article-body{position:static !important;width:auto !important;} .share div.text{left:173px;} .form{width:auto;} .form input{width:240px;} .form textarea{width:285px;height:150px;} #dynamic .main{margin-bottom:20px;} .most-comment,.most-view{width:249px;margin-bottom:0;margin-top:20px;} .most-comment .text,.most-view .text{margin-right:0;width:274px;} .most-view{margin-left:0;} .tags-tile,.links-tile,.archives-tile{width:249px;margin-top:20px;margin-bottom:0;} .tags-tile .text,.links-tile .text,.archives-tile .text{width:274px;} .links-tile,.tags-tile{margin-left:0;} .tags-tile{margin-bottom:50px;}}

181
metro-hot/css/metro-hot.css
View File

@ -18,7 +18,7 @@
* skin metro-hot style
*
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.1.1, Sep 30, 2013
* @version 1.0.1.0, Jul 31, 2013
*/
/* start base */
@font-face {
@ -282,7 +282,6 @@ textarea {
.header .title {
color: #E61E1E;
padding: 30px 0;
}
.header .title:hover {
@ -388,6 +387,7 @@ textarea {
/* end header */
/* start article list */
.main .pagination {
float: none;
padding: 20px 0 25px;
@ -406,25 +406,6 @@ textarea {
width: 450px;
}
.article-abstract {
background-color: #3E3E3E;
opacity: 0.9;
filter: alpha(opacity=90);
position: absolute;
top: 0;
width: 100%;
transition: all 1.2s;
height: 100%;
}
.article-image {
top: 151px;
}
.article-list > div:hover .article-image {
top: 0;
}
.article-list > div > img {
max-width: 100%;
transition: all 1.2s;
@ -436,24 +417,32 @@ textarea {
transform: scale(1.2);
}
.article-list > div:hover .article-image {
top: 0;
}
.article-list > div:hover .fn-right {
display: block;
}
.article-image {
background-color: #3E3E3E;
opacity: 0.8;
position: absolute;
top: 163px;
width: 100%;
transition: all 1.2s;
}
.article-date {
float: left;
margin: 10px;
margin: 10px 0 0 10px;
}
.article-title {
height: 24px;
line-height: 24px;
margin: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 430px;
font-weight: normal;
}
.article-title span {
color: #E61E1E;
height: 30px;
line-height: 30px;
margin: 0 0 0 10px;
}
.article-title a {
@ -464,27 +453,40 @@ textarea {
color: #9E0B0E;
}
.article-abstract {
height: 100%;
}
.article-abstract .fn-right {
display: none;
position: absolute;
right: 0;
display: none;
top: 0;
}
.article-abstract:hover .fn-right {
display: block;
.article-abstract .fn-right > a,
.article-info > a {
padding: 15px;
float: left;
background-color: #E61E1E;
color: #FFF;
font-size: 14px;
}
.article-abstract .fn-right > a {
.article-info > a {
background-color: #FFF;
color: #E61E1E;
float: left;
padding: 10px;
transition: all 0.8s;
}
.article-abstract .fn-right > a:hover {
background-color: #FFF;
color: #E61E1E;
}
.article-info > a:hover {
background-color: #EA4040;
color: #FFF;
background-color: #E61E1E;
}
.article-abstract > .article-tags {
@ -492,14 +494,19 @@ textarea {
}
.article-abstract > .article-body {
margin: 10px;
height: 115px;
margin: 10px 10px 0;
overflow: hidden;
white-space: inherit;
word-wrap: break-word;
padding: 0;
}
.article-image .article-body {
padding: 10px;
height: 95px;
}
/* end article list */
/* end article list*/
/* start side */
.side {
@ -677,6 +684,8 @@ textarea {
.notice-board .text {
top: 36px;
}
/* end side */
/* start others */
@ -725,6 +734,12 @@ textarea {
/* end others */
/* start article */
.article-info {
position: absolute;
right: 0;
top: 0;
}
.article-header {
background-color: #E61E1E;
margin: 30px 0;
@ -732,37 +747,10 @@ textarea {
position: relative;
}
.article-info {
position: absolute;
right: 0;
top: 0;
}
.article-info > a {
background-color: #FFF;
color: #E61E1E;
transition: all 0.8s;
font-size: 14px;
float: left;
padding: 14px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
}
.article-info > a:hover {
background-color: #E61E1E;
color: #FFF;
}
.article-header h2 {
color: #FFF;
}
.article-header h2 > span {
font-weight: normal;
color: #D1D2D1;
}
.article-header .article-date {
float: none;
margin: 0;
@ -801,7 +789,7 @@ pre.prettyprint {
#comments .article-body {
margin: 10px 0;
width: 800px;
width: 810px;
}
#comments .user-name {
@ -813,10 +801,6 @@ pre.prettyprint {
color: #CA1B1E;
}
.comment-info a {
color: #F8F7F7;
}
.at {
font-size: 15px;
color: #FFF;
@ -886,7 +870,7 @@ pre.prettyprint {
}
#dynamic #comments .article-body {
width: 743px;
width: 770px;
}
#dynamic .article-relative .text {
@ -894,24 +878,21 @@ pre.prettyprint {
}
#dynamic .footer {
margin: 20px 0 10px;
margin: 20px 0 0;
float: left;
transition: all 0.3s ease-out 0s;
}
.most-comment,
.most-view,
.archives-tile,
.links-tile,
.tags-tile {
position: static;
background-color: #F09609;
width: 535px;
margin-top: 20px;
}
.tags-tile,
.most-comment,
.most-view {
margin-left: 20px;
background-color: #2E8BCC;
margin-left: 0;
width: 333px;
background-color: #008641;
margin-bottom: 20px;
position: static;
}
.tags-tile {
@ -920,11 +901,13 @@ pre.prettyprint {
}
.links-tile {
margin-left: 20px;
background-color: #7B4F9D;
}
.tags-tile span,
.links-tile span,
.archives-tile span,
.most-comment span,
.most-view span {
font-size: 60px;
@ -932,14 +915,16 @@ pre.prettyprint {
.tags-tile .text,
.links-tile .text,
.archives-tile .text,
.most-comment .text,
.most-view .text {
position: static;
width: 430px;
width: 253px;
}
.tags-tile a,
.links-tile a {
.links-tile a,
.archives-tile a {
background-color: #EA4040;
color: #D1D2D1;
float: left;
@ -952,15 +937,24 @@ pre.prettyprint {
}
.tags-tile a:hover,
.links-tile a:hover {
.links-tile a:hover,
.archives-tile a:hover {
background-color: #FFF;
color: #EA4040;
}
.most-comment,
.most-view {
background-color: #F09609;
width: 535px;
margin: 100px 0;
}
.most-comment .text,
.most-view .text {
margin-right: 20px;
line-height: 24px;
width: 430px;
}
.most-comment .text a:hover,
@ -974,4 +968,9 @@ pre.prettyprint {
font-size: 13px;
font-weight: normal;
}
.most-view {
margin-left: 20px;
background-color: #2E8BCC;
}
/* end dynamic */

15
metro-hot/css/metro-hot.min.css vendored
View File

@ -1,18 +1,3 @@
/**
* Copyright (c) 2009, 2010, 2011, 2012, 2013, B3log Team
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@charset "utf-8";
@font-face{font-family:'IcoMoon';src:url('font/IcoMoon.eot');src:url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),url('font/IcoMoon.svg#IcoMoon') format('svg'),url('font/IcoMoon.woff') format('woff'),url('font/IcoMoon.ttf') format('truetype');font-weight:normal;font-style:normal;}[data-ico]:before{font-family:'IcoMoon';content:attr(data-ico);speak:none;cursor:pointer;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

32
metro-hot/dynamic.ftl
View File

@ -27,18 +27,14 @@
<img title="${comment.commentName}"
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
<div class="comment-main">
<div class="fn-clear comment-info">
<div class="fn-clear">
<#if "http://" == comment.commentURL>
<span>${comment.commentName}</span>
<#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if>
<a class="fn-right" rel="bookmark" data-ico="&#xe185;" href="${servePath}${comment.commentSharpURL}">
${viewLabel}
</a>
<div class="fn-right" data-ico="&#xe200;">
${comment.commentDate?string("yy-MM-dd HH:mm")}&nbsp; &nbsp;
${comment.commentDate?string("yy-MM-dd HH:mm")}
</div>
</div>
<div class="article-body">${comment.commentContent}</div>
@ -150,6 +146,30 @@
</div>
<div class="fn-clear">
<#if 0 != archiveDates?size>
<div class="side-tile archives-tile fn-clear">
<div class="fn-left">
<span data-ico="&#xe110;"></span>
<div class="title">
${dateArticlesLabel}
</div>
</div>
<div class="text fn-right">
<#list archiveDates as archiveDate>
<#if "en" == localeString?substring(0, 2)>
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
<#else>
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
${archiveDate.archiveDateYear?substring(2,4)}${yearLabel}${archiveDate.archiveDateMonth}${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
</#if>
</#list>
</div>
</div>
</#if>
<#if 0 != links?size>
<div class="side-tile links-tile fn-clear">
<div class="fn-left">

9
metro-hot/js/metro-hot.js
View File

@ -17,7 +17,7 @@
* @fileoverview metro-hot js.
*
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.1.0, Sep 30, 2013
* @version 1.0.0.9, Jul 31, 2013
*/
var MetroHot = {
@ -37,12 +37,9 @@ var MetroHot = {
$("#logout, .logout").attr("href", logoutHref);
// 头部标题点击事件
$(".header .title, .navigation").mouseover(function() {
$(".navigation").show();
}).mouseout(function() {
$(".navigation").hide();
});
$(".header .title").click(function() {
$(".navigation").slideToggle();
}).dblclick(function() {
window.location.href = latkeConfig.servePath;
});

15
metro-hot/js/metro-hot.min.js vendored
View File

File diff suppressed because one or more lines are too long

6
metro-hot/lang/lang_en_US.properties
View File

@ -16,7 +16,7 @@
#
# Description: Language configurations(en_US) for skin "ease".
# Version: 1.0.0.4, Sep 30, 2013
# Version: 1.0.0.3, Jul 9, 2013
# Author: Liyuan Li
#
nextArticleLabel=Next
@ -77,8 +77,8 @@ tag1Label=Tags:
sorryLabel=Sorry!
notFoundLabel=Not Found!
returnTo1Label=Return:
updatedLabel=Up
topArticleLabel=Top
updatedLabel=Updated!
topArticleLabel=Top!
replyLabel=Reply
commentEmailLabel=Email

6
metro-hot/lang/lang_zh_CN.properties
View File

@ -16,7 +16,7 @@
#
# Description: Language configurations(zh_CN) for skin "ease".
# Version: 1.0.0.4, Sep 30, 2013
# Version: 1.0.0.3, Jul 9, 2013
# Author: Liyuan Li
#
registerLabel=\u6ce8\u518c
@ -36,8 +36,8 @@ viewCount1Label=\u6d4f\u89c8\u6b21\u6570\uff1a
articleCount1Label=\u6587\u7ae0\u603b\u6570\uff1a
commentCount1Label=\u8bc4\u8bba\u603b\u6570\uff1a
allTagsLabel=\u6807\u7b7e\u5899
updatedLabel=\u66f4
topArticleLabel=\u9876
updatedLabel=\u6709\u66f4\u65b0\uff01
topArticleLabel=\u7f6e\u9876\uff01
archiveLabel=\u5b58\u6863
yearLabel=\u5e74
monthLabel=\u6708