Permalink
Browse files

feat: new color schemes 新主题配色方案

Background image, transparent, color…
  • Loading branch information...
MOxFIVE committed Oct 5, 2015
1 parent f423ecb commit f1edc6496cde9214e95ffd2c7442e8e8952166a3
View
@@ -9,13 +9,17 @@
"hexo": "^3.1.0",
"hexo-deployer-git": "0.0.4",
"hexo-generator-archive": "^0.1.2",
"hexo-generator-baidu-sitemap": "^0.1.1",
"hexo-generator-category": "^0.1.2",
"hexo-generator-index": "^0.1.2",
"hexo-generator-seo-friendly-sitemap": "0.0.9",
"hexo-generator-sitemap": "^1.0.1",
"hexo-generator-tag": "^0.1.1",
"hexo-renderer-ejs": "^0.1.0",
"hexo-renderer-marked": "^0.2.4",
"hexo-renderer-stylus": "^0.3.0",
"hexo-server": "^0.1.2"
"hexo-server": "^0.1.2",
"hexo-tag-bilibili": "^0.2.1",
"hexo-tag-vine": "^0.1.0"
}
}
View
@@ -86,8 +86,8 @@
<% } %>
<div>
<a href="#top" style="color:white"><span class="scrolling-button" id="toTop">↑</span></a>
<a href="#top" style="color:white" title="回页面顶部"><span class="scrolling-button" id="toTop">↑</span></a>
</div>
<div>
<a href="#footer" style="color:white"><span class="scrolling-button" id="toBottom">↓</span></a>
<a href="#footer" style="color:white" title="到页面底部"><span class="scrolling-button" id="toBottom">↓</span></a>
</div>
View
@@ -139,3 +139,10 @@
}
}
}
.archives-wrap {
background: rgba(255,255,255,.4);
.archives {
background: transparent;
}
}
@@ -448,7 +448,7 @@ body {
a {
color: gray;
&:visited {
color: #88acdb
color: rgba(244, 131, 133, 1);
}
}
a:hover {
@@ -491,12 +491,14 @@ body {
font-size:1.5em;
font-family: Calibri;
text-align: center;
background:lightgray;
background:rgba(215, 216, 215, .1);
position: fixed;
cursor: pointer;
color: #fff;
right: 1px;
opacity:0.6;
&:hover {
background:rgba(215, 216, 215, 1);
};
}
#toTop {
@@ -509,18 +511,18 @@ body {
/*When reference list is the last order list of the article,
line color will be interlaced.*/
.article-entry > ol:last-child > li:nth-child(2n){
background: #F9FFF4;
&:hover {
background: #F0F0F0
};
}
.article-entry > ol:last-child > li {
word-break: break-all;
.article-entry > ol:last-child {
> li:nth-child(2n) {
background: #F9FFF4;
&:hover {
background: #F0F0F0
};
};
> li {
word-break: break-all;
};
}
li:hover {
background: #F0F0F0
};
@@ -578,4 +580,49 @@ li:hover {
text-decoration: underline;
};
}
}
}
/*MOxFIVE's color schemes*/
.article .article-inner{
margin-bottom: 0px;
padding-bottom: .5em;
}
.article {
background: rgba(255,255,255,.4);
border: none;
}
.copyright {
background-color: rgba(255,255,255,.3);
}
#article-nav {
background-color: rgba(158, 188, 226, .6);
}
.article-entry blockquote {
background: rgba(255,255,255,0.4);
/* border-left: 4px solid #cbe8f7;*/
}
li:hover {
background: rgba(158, 188, 226, .21);
}
#toc {
background: none;
}
#tocButton {
background: none;
}
/*.article-entry .highlight {
background: none;
}*/
.article-entry > ol:last-child > li:nth-child(2n) {
background: rgba(158, 188, 226, .12);
&:hover {
background: ;
};
};
.article-entry h3 {
background: rgba(243, 248, 253, .6)
&::after {
content: " >";
};
}
View
@@ -34,11 +34,11 @@ $line-numbers
font-size: 1em
code
background: color-background
text-shadow: 0 1px #fff
color: gray
background: rgba(248, 237, 223, .6)
padding: 0 0.3em
border-radius: 3px
border: 1px solid #ccc;
border-radius: 5px
pre
@extend $code-block
code
@@ -48,6 +48,10 @@ $line-numbers
.highlight
@extend $code-block
border-radius: 5px
max-height: 50em
margin-top: .5em
margin-bottom: 1em
overflow: auto
pre
border: none
margin: 0
@@ -338,4 +338,26 @@
border: 2px solid lightgray;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
};
}
}
/*MOxFIVE's color schemes*/
body {
background: url(/resources/bg12.jpg) fixed;
background-size:cover;
}
#container .left-col {
background-color: rgba(255,255,255,.85);
}
#container .mid-col {
background-color: rgba(255,255,255,.8);
}
.overlay {
opacity: 0;
}
.player {
opacity: 0.5;
}
.player:hover {
opacity: .9;
};
View
4 themes/Yilia/source/js/main.js 100755 → 100644
@@ -112,7 +112,7 @@ require([], function (){
var colorList = ["#6da336", "#ff945c", "#66CC66", "#99CC99", "#CC6666", "#76becc", "#c99979", "#918597", "#4d4d4d"];
var id = Math.ceil(Math.random()*(colorList.length-1));
//移动页面
$("#container #mobile-nav .overlay").css({"background-color": colorList[id],"opacity": 1});
$("#container #mobile-nav .overlay").css({"background-color": colorList[id],"opacity": .7});
//PC页面
$("#container .left-col .overlay").css({"background-color": colorList[id],"opacity": 1});
$("#container .left-col .overlay").css({"background-color": colorList[id],"opacity": .3});
});
Binary file not shown.

0 comments on commit f1edc64

Please sign in to comment.