整改友链,标签墙,存档样式

This commit is contained in:
LingZhaoHui 2020-09-19 23:21:46 +08:00
parent ab932ed709
commit 1f6b3089ce
4 changed files with 43 additions and 15 deletions

View File

@ -72,7 +72,7 @@
<#if 0 !=archiveDates?size> <#if 0 !=archiveDates?size>
<#list archiveDates as archiveDate> <#list archiveDates as archiveDate>
<div class="control"> <div class="control">
<a class="tags has-addons" <a class="tags has-addons tags_bigger"
href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"> href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}">
<span <span
class="tag">${archiveDate.archiveDateYear} class="tag">${archiveDate.archiveDateYear}

View File

@ -18,6 +18,13 @@
--> -->
<style type="text/css"> <style type="text/css">
.halo-comment .comment-textarea textarea{
min-width:600px;
display:block;
}
.tags_bigger .tag{
font-size:13px;
}
.user__site { .user__site {
display: inline-block; display: inline-block;
height: 16px; height: 16px;
@ -39,7 +46,7 @@
height: 178px; height: 178px;
} }
.card-normal .card .card-image img{ .card-normal .card .card-image img{
margin-left: 15px; margin-left: 20px;
} }
#search,#search-m{ #search,#search-m{
box-shadow: none; box-shadow: none;

View File

@ -41,21 +41,35 @@
</@head> </@head>
<style> <style>
.link-body { .link-body {
position: relative;
margin: 10px auto; margin: 10px auto;
padding: 0; display:inline-block;
vertical-align:text-top;
width:305px;
text-align: center;
background-color:#F8F8F8;
height:160px;
padding: 5px;
border-radius:10px;
border: 0; border: 0;
font-size: 100%; font-size: 100%;
font-style: inherit; font-style: inherit;
font-weight: inherit; font-weight: inherit;
outline: 0; outline: 0;
vertical-align: baseline;
display: flex;
flex-direction: row;
} }
.link-avatar-div{
width:90px;
height:60px;
display:inline-block;
margin-buttom:10px;
}
.link-avatar-div a{
margin:auto;
width:90px;
height:60px;
}
.link-avatar { .link-avatar {
display: block; display: block;
text-align: center;
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
border-radius: 100%; border-radius: 100%;
@ -66,7 +80,10 @@
-webkit-transition: all .8s; -webkit-transition: all .8s;
transition: all .8s transition: all .8s
} }
.link-content{
width:90%;
font-size:12px;
}
.link-avatar:hover { .link-avatar:hover {
-webkit-transform: rotate(1turn); -webkit-transform: rotate(1turn);
transform: rotate(1turn) transform: rotate(1turn)
@ -76,12 +93,12 @@
margin-left: 58px; margin-left: 58px;
border: 0; border: 0;
font-size: 100%; font-size: 100%;
width:90%;
font-style: inherit; font-style: inherit;
font-weight: inherit; font-weight: inherit;
margin: 0; margin: 0;
outline: 0; padding-top:10px ;
padding: 0; display: inline-block;
display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
vertical-align: baseline; vertical-align: baseline;

View File

@ -66,7 +66,7 @@
<div class="field is-grouped is-grouped-multiline"> <div class="field is-grouped is-grouped-multiline">
<#list mostUsedCategories as category> <#list mostUsedCategories as category>
<div class="control"> <div class="control">
<a class="tags has-addons" <a class="tags has-addons tags_bigger"
href="${servePath}/category/${category.categoryURI}"> href="${servePath}/category/${category.categoryURI}">
<span <span
class="tag">${category.categoryTitle}</span> class="tag">${category.categoryTitle}</span>
@ -86,8 +86,12 @@
</h3> </h3>
<div class="field is-grouped is-grouped-multiline"> <div class="field is-grouped is-grouped-multiline">
<#list tags as tag> <#list tags as tag>
<a href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" <div class="control">
style="font-size:<#if tag.tagTitle?length gt 7> ${tag.tagPublishedRefCount+(tag.tagTitle?length)}<#else>${tag.tagPublishedRefCount+(tag.tagTitle?length)*2}</#if>px"> ${tag.tagTitle}</a>&nbsp;&nbsp; <a class="tags has-addons tags_bigger"
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" >
<span class="tag"> ${tag.tagTitle}</span>
</a>
</div>
</#list> </#list>
</div> </div>
</div> </div>