Skip to content

Commit

Permalink
rainbow
Browse files Browse the repository at this point in the history
  • Loading branch information
@nexmoe
nexmoe committed Apr 4, 2020
1 parent 587036f commit 66ce54a
Show file tree
Hide file tree
Showing 5 changed files with 45 additions and 72 deletions.
2 changes: 1 addition & 1 deletion layout/_partial/_post/meta.ejs
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="nexmoe-post-meta" style="margin:10px 0!important;">
<div class="nexmoe-post-meta nexmoe-rainbow" style="margin:10px 0!important;">
<a><i class="nexmoefont icon-calendar-fill"></i><%- date(page.date, "YYYY年MM月DD日") %></a>
<a><i class="nexmoefont icon-areachart"></i><%= wordcount(page.content) %> 字</a>
<a><i class="nexmoefont icon-time-circle-fill"></i>大概 <%= min2read(page.content, {cn: 250, en: 160}) %> 分钟</a>
Expand Down
2 changes: 1 addition & 1 deletion layout/_partial/_post/tag.ejs
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="nexmoe-post-meta">
<div class="nexmoe-post-meta nexmoe-rainbow">
<% if (page.categories && page.categories.length){ %>
<%- list_categories(page.categories, {
show_count: false,
Expand Down
2 changes: 1 addition & 1 deletion layout/_widget/tagcloud.ejs
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<% if (site.tags.length){ %>
<div class="nexmoe-widget-wrap">
<h3 class="nexmoe-widget-title"><%= __('tagcloud') %></h3>
<div id="randomtagcloud" class="nexmoe-widget tagcloud">
<div id="randomtagcloud" class="nexmoe-widget tagcloud nexmoe-rainbow">
<%- tagcloud() %>
</div>
<% if (theme.maxTagcloud){ %>
Expand Down
2 changes: 1 addition & 1 deletion layout/index.ejs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
<% } %>
</a>
<div class="nexmoe-post-meta">
<div class="nexmoe-post-meta nexmoe-rainbow">
<a><i class="nexmoefont icon-calendar-fill"></i><%- date(page.date, "YYYY年MM月DD日") %></a>
<a><i class="nexmoefont icon-areachart"></i><%= wordcount(page.content) %> 字</a>
<a><i class="nexmoefont icon-time-circle-fill"></i>大概 <%= min2read(page.content, {cn: 250, en: 160}) %> 分钟</a>
Expand Down
109 changes: 41 additions & 68 deletions source/css/style.styl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,7 @@ body {
.nexmoe-list-item {
padding: 0 36px;
color: #9ca2a8;
transition: all .35s;
transition: all .35s ease-out;
border-radius: $radius;
margin-bottom: 10px;
text-align: center;
Expand All @@ -147,7 +147,7 @@ body {
}
.nexmoe-list-item .mdui-list-item-content {
margin-left: 0px;
transition: all .35s;
transition: all .35s ease-out;
}
}
.nexmoe-widget-wrap {
Expand Down Expand Up @@ -205,42 +205,13 @@ body {
a {
border-radius: $radius;
padding:5px 10px;
color:#fff;
font-size:12px!important;
display:inline-block;
margin-bottom:5px
}
a:before {
content: "# ";
}
a:nth-child(7n+1) {
background-color:rgba(255,78,106,.15);
color: rgba(255,78,106,.8);
}
a:nth-child(7n+2) {
background-color:rgba(255, 170, 115,.15);
color: rgb(255, 170, 115);
}
a:nth-child(7n+3) {
background-color:rgba(254, 212, 102, .15);
color: rgb(254, 212, 102);
}
a:nth-child(7n+4) {
background-color:rgba(60, 220, 130, .15)
color: rgb(60, 220, 130);
}
a:nth-child(7n+5) {
background-color:rgba(100, 220, 240, .15)
color: rgb(100, 220, 240);
}
a:nth-child(7n+6) {
background-color:rgba(100, 185, 255, .15)
color: rgb(100, 185, 255);
}
a:nth-child(7n+7) {
background-color:rgba(180, 180, 255, .15)
color: rgb(180, 180, 255);
}
}
}
.nexmoe-widget-wrap:first-child {
Expand Down Expand Up @@ -330,13 +301,13 @@ body {
position: relative;
overflow: hidden;
border-radius: $radius;
min-height: 75px;
min-height: 95px;
background-color: #eee;
img {
width: 100%;
display: block;
opacity: 0;
transition: opacity 400ms ease-in;
transition: opacity 400ms ease-out;
position: absolute;
left: 0;
top: 0;
Expand Down Expand Up @@ -388,7 +359,6 @@ body {
a {
border-radius: 20px;
padding: 10px 18px;
color: #fff;
font-size:14px;
display:inline-block;
margin-bottom: 5px;
Expand All @@ -401,34 +371,6 @@ body {
i:before {
margin-right: 5px;
}
a:nth-child(7n+1) {
background-color: rgba(255,78,106,0.15);
color: rgba(255,78,106,1);
}
a:nth-child(7n+2) {
background-color: rgba(255,170,115,0.15);
color: #ffaa73;
}
a:nth-child(7n+3) {
background-color: rgba(254,212,102,0.15);
color: #fed466;
}
a:nth-child(7n+4) {
background-color: rgba(60,220,130,0.15);
color: #3cdc82;
}
a:nth-child(7n+5) {
background-color: rgba(100,220,240,0.15);
color: #64dcf0;
}
a:nth-child(7n+6) {
background-color: rgba(100,185,255,0.15);
color: #64b9ff;
}
a:nth-child(7n+7) {
background-color: rgba(180,180,255,0.15);
color: #b4b4ff;
}
}
.nexmoe-post-copyright {
margin-bottom: 20px;
Expand Down Expand Up @@ -610,8 +552,8 @@ article pre code::after {
}

article a {
-webkit-transition: all .35s ease-in;
transition: all .35s ease-in;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
color: #ff4e6a;
text-decoration: none;
word-wrap: break-word
Expand Down Expand Up @@ -695,7 +637,7 @@ article img {
article img.lazyload,
article img.lazyloading {
opacity: 0;
transition: opacity 400ms ease-in;
transition: opacity 400ms ease-out;
}

article img.lazyloaded {
Expand Down Expand Up @@ -740,7 +682,7 @@ article h2:before {
}

article h2:after {
transition: all .35s ease-in;
transition: all .35s ease-out;
content: "";
position: absolute;
background: rgba(255, 78, 106, 1);
Expand Down Expand Up @@ -992,8 +934,8 @@ details[open] > summary .remove {
right: 3px!important;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .18)!important;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .18)!important;
-webkit-transition: all .35s ease-in;
transition: all .35s ease-in;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
Expand Down Expand Up @@ -1114,4 +1056,35 @@ font.douyin {

photos img {
width: 25%;
}

.nexmoe-rainbow {
a:nth-child(7n+1) {
background-color: rgba(255,78,106,0.15);
color: rgba(255,78,106,1);
}
a:nth-child(7n+2) {
background-color: rgba(255, 118, 30,.15);
color: rgb(255, 118, 30);
}
a:nth-child(7n+3) {
background-color: rgba(255, 185, 0,.15);
color: rgb(255, 185, 0);
}
a:nth-child(7n+4) {
background-color: rgba(51, 213, 122,.15);
color: rgb(51, 213, 122);
}
a:nth-child(7n+5) {
background-color: rgba(0, 219, 255,.15);
color: rgb(0, 219, 255);
}
a:nth-child(7n+6) {
background-color: rgba(26, 152, 255,.15);
color: rgb(26, 152, 255);
}
a:nth-child(7n+7) {
background-color: rgba(144, 144, 255,.15);
color: rgb(144, 144, 255);
}
}

0 comments on commit 66ce54a

Please sign in to comment.