+
<% ((config.share || config.mob.list)||[]).forEach(function(item){ %>
<% if (item.id == 'qrcode' && theme.services.qrcode == true){ %>
diff --git a/source/less/_article.less b/source/less/_article.less
index af94c061c..36c6ba488 100755
--- a/source/less/_article.less
+++ b/source/less/_article.less
@@ -19,11 +19,6 @@
margin: auto;
}
}
- hr {
- border: 0;
- border-radius: 1px;
- border-bottom: 1px solid rgba(0,0,0,0.1);
- }
p.small-img,
div.small-img {
img {
@@ -118,10 +113,12 @@
}
h2 {
font-size: @fontsize_h2;
+ text-align: @text_align_h2;
}
h3 {
font-size: @fontsize_h3;
- color: darken(@color_text_main, 20%);
+ color: @color_text_h3;
+ text-align: @text_align_h3;
}
h4 {
font-weight: bold;
@@ -131,7 +128,6 @@
font-weight: bold;
color: @color_text_main;
font-size: @fontsize_h5;
-
}
h6 {
color: fade(@color_text_main, 75%);
diff --git a/source/less/_color.less b/source/less/_color.less
index 80dc6df21..dc5b1dd89 100755
--- a/source/less/_color.less
+++ b/source/less/_color.less
@@ -28,6 +28,8 @@
// 文字颜色 ----------------
// 标题文字颜色（h1/h2）
@color_text_header: @theme_main;
+// 标题文字颜色（h3）
+@color_text_h3: darken(@color_text_main, 20%);
// 链接颜色
@color_text_link: @color_md_deep_orange;
// 链接高亮颜色
diff --git a/source/less/_header.less b/source/less/_header.less
index 881739a44..d3e76376c 100755
--- a/source/less/_header.less
+++ b/source/less/_header.less
@@ -9,7 +9,6 @@
height: @height_navbar;
overflow: hidden;
font-family: @fontfamily_base;
- font-weight: bold;
padding: 0 @gap;
.wrapper{
padding: auto @gap;
@@ -170,11 +169,11 @@
line-height: @height_navbar - @gap;
top: 0;
left: @gap/2;
- font-size: @fontsize_small;
+ font-size: @fontsize_base;
}
.input {
display:block;
- font-size: @fontsize_small;
+ font-size: @fontsize_base;
line-height: @height_navbar - @gap;
margin: 0;
width: 100%;
diff --git a/source/less/_layout.less b/source/less/_layout.less
index d1d49a9f5..27bf15bd9 100755
--- a/source/less/_layout.less
+++ b/source/less/_layout.less
@@ -41,3 +41,10 @@
@border_radius_searchbar: 4px; // 搜索框的圆角半径，可以根据心情随时调整风格
// end: 圆角 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
+
+
+// start: 文字对齐方向 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+@text_align_h1: left;
+@text_align_h2: left;
+@text_align_h3: left;
+// end: 文字对齐方向 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
diff --git a/source/less/_main.less b/source/less/_main.less
index 22090de8c..3dbc15c32 100755
--- a/source/less/_main.less
+++ b/source/less/_main.less
@@ -142,21 +142,21 @@
border-left: none;
}
.vh {
- border-bottom: 1px dashed fade(@color_text_main, 10%);
+ border-bottom: 1px dashed fade(@color_text_main, 10%);
}
}
.vmeta{
.vat{
font-weight: bold;
- color: @theme_main;
- .enable-trans();
- &:hover {
- color: @color_text_highlight;
- text-decoration: underline;
- }
- &:active {
- color: darken(@color_text_highlight, 25%);
- }
+ color: @theme_main;
+ .enable-trans();
+ &:hover {
+ color: @color_text_highlight;
+ text-decoration: underline;
+ }
+ &:active {
+ color: darken(@color_text_highlight, 25%);
+ }
}
}
.vinput{
@@ -255,8 +255,7 @@
.post {
position: relative;
margin: 0 auto;
- padding: 2 * @gap 1.5*@gap;
- //max-width: 768px;
+ padding: 2*@gap 1.5*@gap;
background: @theme_cardbg;
border-radius: @border_radius;
h1{
@@ -316,8 +315,10 @@
}
.title {
- left: 0;
+ // left: 0;
+ text-align: @text_align_h1;
font-size: @fontsize_article_title;
+ margin: 0;
@media(max-width: @on_phone) {
font-size: @fontsize_article_title_phone;
}
@@ -339,92 +340,69 @@
}
}
}
- .tags{
- display: inline-flex;
- background: transparent;
- word-spacing: normal;
- }
@cellH: 28px;
- .metatag {
- .enable-trans();
- font-size: @fontsize_small * .95;
- line-height: @cellH + 1px;
- height: @cellH;
+ .new-meta-box{
+ @metaH: 24px;
+ .enable-trans();
+ padding-bottom: 8px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ .new-meta-item{
color: fade(@color_text_main, 70%);
- display: inline-flex;
- background: @theme_background;
- margin: 4px 4px 4px 0px;
- padding: 0px 8px 0px 2px;
- border-radius: 0.5*@border_radius_code_block;
- border-left: 25px solid lighten(@theme_main, 10%);
- &:hover {
- background: lighten(@theme_main, 10%);
- color: @color_text_in_header;
- a{
- color: @color_text_in_header;
- }
- .fas, .fab{
- color: @color_text_in_header;
+ font-size: @fontsize_small * 1;
+ line-height: @metaH;
+ .notlink{
+ cursor: default;
+ &:hover{
+ color: fade(@color_text_main, 70%);
}
- border-left-width: 30px;
- padding-right: 10px;
}
- i{
- width: 28px;
- line-height: @cellH;
- color: @color_text_in_header;
- margin-left: -28px;
+ display: flex;
+ align-items: center;
+ padding: 2px;
+ margin: 4px 8px 4px 0;
+ border-radius: 4px;
+ &:last-child{
+ margin-right: 0;
}
- a{
- color: fade(@color_text_main, 70%);
- .enable-trans();
- &:hover {
- color: @color_text_highlight;
- color: @color_text_in_header;
- }
+ img,i{
+ border-radius: 100%;
+ display: inline;
+ width: @metaH - 4px;
}
- .categories {
- font-weight: normal;
- color: fade(@color_text_main, 70%);
+ img{
+ width: @metaH - 10px;
}
- .tag,{
- color: fade(@color_text_main, 70%);
+ i{
+ margin-right: 2px;
}
- .fa-spinner{
+ p,a{
color: fade(@color_text_main, 70%);
- margin-left: 2px;
+ padding-left: 0;
+ padding-right: 4px;
+ }
+ a{
+ &:hover{
+ color: @color_text_highlight;
+ text-decoration: none;
+ }
}
-
- }
- .share{
- &:hover {
- background: @theme_background;
}
.share-body{
+ height: @metaH - 2px;
display: flex;
a{
- margin-left: 4px;
+ padding: 0;
+ margin-right: 4px;
img{
- margin: 2px 0;
- height: @cellH - 4px;
+ height: @metaH - 2px;
width: auto;
background: transparent;
}
- i{
- display: inline-block;
- margin: 0;
- padding: 0;
- color: fade(@color_text_main, 70%);
- }
- padding-bottom: 0;
- margin-bottom: 0;
- &:hover{
- // background: darken(@color_md_orange, 10%);
- text-decoration: none;
- }
}
-
}
+
}
}
diff --git a/source/less/_normalize.less b/source/less/_normalize.less
index d7932b9e7..cab558a5c 100755
--- a/source/less/_normalize.less
+++ b/source/less/_normalize.less
@@ -212,6 +212,9 @@ hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
+ border: 0;
+ border-radius: 1px;
+ border-bottom: 1px solid rgba(0,0,0,0.1);
}
/**