Skip to content

Commit 3e091fc

Browse files
beiyuubeiyuu
committed
change theme
1 parent 4e3c610 commit 3e091fc

File tree

12 files changed

+244
-260
lines changed

12 files changed

+244
-260
lines changed

‎_config.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ author:
1212
name: BeiYuu
1313
twitter: twitter.com/beiyuu
1414
description: "BeiYuu\'s Blog"
15-
author_info: <a href="http://beiyuu.com/about">BeiYuu</a>
15+
author_info: <a href="http://beiyuu.com/">BeiYuu</a>
1616

1717
copyright:
18-
- Design by <a href="http://beiyuu.com/about" title="BeiYuu" target="_blank">BeiYuu</a> &copy; 2013
18+
- Design by <a href="http://beiyuu.com/" title="BeiYuu" target="_blank">BeiYuu</a> &copy; 2013

‎_layouts/default.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,10 @@
1010
<meta name="description" content="{{ site.description }}" />
1111
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
1212
<link rel="stylesheet" href="/css/default.css" type="text/css" />
13-
<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="{{ site.feed }}" />
13+
<link rel="stylesheet" href="/css/jquery.sidr.dark.css" type="text/css" />
14+
<!--<link rel="stylesheet" href="/css/snap.css" type="text/css" />-->
1415
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
16+
<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="{{ site.feed }}" />
1517
<script src="/js/jquery-1.7.1.min.js" type="text/javascript"></script>
1618
</head>
1719
<body>
@@ -22,6 +24,10 @@
2224
<!--************* 再推荐下我的第一篇博客哦~~ ****************-->
2325
<!--*********************************************************-->
2426

27+
<div class="home-menu">
28+
<a class="home-menu-icon" id="homeMenu" href="/">BeiYuu</a>
29+
</div>
30+
2531
<div class="hide">
2632
<script type="text/javascript" src="http://js.tongji.linezing.com/2727758/tongji.js"></script>
2733
<noscript><a href="http://www.linezing.com"><img src="http://img.tongji.linezing.com/2727758/tongji.gif"/></a></noscript>

‎_layouts/index.html

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
layout: default
3+
---
4+
5+
{{ content }}
6+
7+
<script type="text/javascript">
8+
$(function(){
9+
function animateBar($item,noAni){
10+
var spanLeft = $item.find('span').offset().left;
11+
var conLeft = $item.parent().offset().left;
12+
var left = spanLeft - conLeft;
13+
var width = $item.find('span').width() + 8;
14+
15+
if(noAni){
16+
$('#cateBar').css({left:left,width:width})
17+
}else{
18+
$('#cateBar').stop().animate({left:left,width:width},300)
19+
}
20+
}
21+
22+
var waitForFinalEvent = (function () {
23+
var timers = {};
24+
return function (callback, ms, uniqueId) {
25+
if (!uniqueId) {
26+
uniqueId = "Don't call this twice without a uniqueId";
27+
}
28+
if (timers[uniqueId]) {
29+
clearTimeout (timers[uniqueId]);
30+
}
31+
timers[uniqueId] = setTimeout(callback, ms);
32+
};
33+
})();
34+
35+
$('.artical-cate li').mouseenter(function(){
36+
animateBar($(this));
37+
}).mouseleave(function(){
38+
animateBar($('.artical-cate .on'));
39+
});
40+
41+
$(window).resize(function(e){
42+
waitForFinalEvent(function(){
43+
animateBar($('.artical-cate .on'));
44+
})
45+
})
46+
animateBar($('.artical-cate .on'),true);
47+
});
48+
</script>

‎_layouts/page.html

Lines changed: 0 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,7 @@
11
---
22
layout: default
33
---
4-
<div id="head">
5-
<div class='logo'>
6-
<a href="/" title="Home">BeiYuu.com</a>
7-
</div>
8-
</div>
94

105
<div id="content">
116
{{ content }}
12-
</div><!-- #content -->
13-
14-
<div id="about">
15-
<div class="about-content">
16-
<div class="clearfix">
17-
<div class="about-left">
18-
<h2>Contact</h2>
19-
<div class="weibo-con">
20-
<iframe width="100%" height="75" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=75&fansRow=2&ptype=1&speed=0&skin=1&isTitle=0&noborder=0&isWeibo=0&isFans=0&uid=1855270953&verifier=375b89d6&colors=d6f3f7,262626,666666,0082cb,ecfbfd&dpc=1"></iframe>
21-
</div>
22-
</div>
23-
<div class="about-left about-more">
24-
<h2>Project</h2>
25-
{% for post in site.categories.project %}
26-
<a href="{{ post.url }}" title="{{ post.description }}">{{ post.title }}</a><br/>
27-
{% endfor %}
28-
</div>
29-
<div class="about-left about-more">
30-
<h2>About</h2>
31-
<p>
32-
Working(F2E)<a href="http://douban.com/people/beiyuu" class="external" target="_blank">@Douban</a><br/>
33-
Code<a href="https://github.com/beiyuu" class="external" target="_blank">@GitHub</a><br/>
34-
Photo<a href="http://instagram.com/beiyuu/" class="external" target="_blank">@Instagram</a>
35-
</p>
36-
</div>
37-
</div>
38-
39-
<div class="copyright right">
40-
<p>Design by <a href="http://beiyuu.com/about" title="BeiYuu" target="_blank">BeiYuu</a> © 2013</p>
41-
</div>
42-
</div>
437
</div>

‎about.md

Lines changed: 0 additions & 36 deletions
This file was deleted.

‎css/default.css

Lines changed: 80 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,11 @@
11
/**
2-
*
32
* Author: BeiYuu
43
* Contact: beiyuu.com
5-
*
64
*/
75

86
/* 重置浏览器CSS */
97
/* 防止用户自定义背景颜色对网页的影响 */
10-
html{color:#000;background:#F8F8F0;}
8+
html{color:#000;}
119
/* 内外边距通常让各个浏览器样式的表现位置不同 */
1210
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
1311
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
@@ -50,79 +48,92 @@ body .hide{display:none;}
5048

5149

5250
/***********default settings**********/
53-
body {font-family: "微软雅黑","Arial","Helvetica","sans-serif";font-size:16px;background:#F8F8F0}
51+
body {font-family: "微软雅黑","Arial","Helvetica","sans-serif";font-size:16px;}
5452
a {color:#4A75B5;text-decoration:none;outline:none;}
5553
a:hover {text-decoration:underline}
5654
a.external {padding-right:13px;background:url('/images/icons.gif') no-repeat right 1px;}
57-
a.external:hover {background-position:right -14px;}
55+
a.external:hover {background-position:right -15px;}
5856
.entry-title,.entry-title a {font-size:30px;font-weight:bold;margin-bottom:6px;color:#000;text-align:center;}
5957
.entry-title a:hover {text-decoration:none;}
6058
.entry-date {text-align:center;color:#999;margin-bottom:60px;font-size:14px;}
6159

6260
h2 {font-size:22px;font-weight:bold;margin-bottom:25px;}
6361
h3 {font-size:18px;font-weight:bold;margin-bottom:25px;}
6462
h4,h5,h6 {font-weight:bold;margin-bottom:15px;}
65-
p {margin-bottom:25px;line-height:1.5em;}
63+
p {margin-bottom:35px;line-height:1.8em;}
6664
code {background:#eee;border:1px solid #ccc;padding:0 5px;font-family:"Courier";line-height:14px;font-size:14px;word-wrap:break-word;}
6765
pre {background-color:#000;padding:15px;overflow:auto;margin-bottom:20px;font-size:14px;border: 1px solid #eee;-webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;color:#b9bdb6}
6866
pre code{background-color:transparent;border:none;padding:0;word-wrap:normal;}
6967
pre ol{margin-left:25px;list-style-type:decimal;}
7068

7169
/************layout style*****************/
72-
#head {width:100%;height:60px;margin-bottom:20px;}
73-
#content {width:650px;margin:0 auto;min-height:400px;height:auto !important;height:400px;}
70+
#content {width:680px;margin:90px auto 60px;min-height:400px;height:auto !important;height:400px;}
7471

75-
/***************header style************/
76-
#head .logo {font-size:30px;font-weight:bold;margin-top:18px;padding-left:20px;}
77-
#head .logo a{color:#999;}
78-
#head .logo a:hover {text-decoration:none;color:#666;}
79-
#head .logo a:active {position:relative;top:1px;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";filter:alpha(opacity=90);}
8072

8173
/****************entry style**************/
8274
#content .entry{margin-bottom:50px;}
83-
.entry ul{margin-bottom:25px;margin-left:25px;margin-top:-15px;}
84-
.entry ul li{margin-bottom:5px;list-style:disc;line-height:1.5em;}
85-
.entry ol{margin-bottom:25px;margin-left:25px;margin-top:-15px;}
86-
.entry ol li{margin-bottom:5px;list-style:decimal;line-height:1.5em;}
75+
.entry ul{margin-bottom:25px;margin-left:25px;}
76+
.entry ul li{margin-bottom:5px;list-style:disc;line-height:1.8em;}
77+
.entry ol{margin-bottom:25px;margin-left:25px;}
78+
.entry ol li{margin-bottom:5px;list-style:decimal;line-height:1.1em;}
8779
.entry blockquote{margin-left:25px;font-size:14px;font-style:italic}
88-
.entry img{max-width:650px;display:block;margin:10px auto;}
89-
90-
/***************category style**************/
91-
.category h2{font-size:19px;}
92-
.category h2 a{color:#444}
93-
.category h2 a:hover {color:#E50053;text-decoration:none;}
94-
.category li{display:-moz-inline-stack;display:inline-block;*display:inline;width:230px;margin-bottom:30px;zoom:1;padding:10px 45px;vertical-align:middle;text-align:center;}
95-
.category span{color:#999;font-style:italic;font-size:14px;display:block;text-align:left;margin-top:-20px;}
96-
97-
.index-artical ul{display:inline-block;width:290px;vertical-align:top;*float:left;zoom:1;}
98-
.index-artical .index-left{padding-right:28px}
99-
.index-artical .index-mid {margin-top:15px;border-right:1px solid #ccc;width:1px;}
100-
.index-artical .index-right{padding-left:28px;}
101-
.index-artical h2{font-size:20px;}
102-
.index-artical h2 a{color:#444}
103-
.index-artical h2 a:hover {color:#E50053;text-decoration:none;}
104-
.index-artical li{margin-bottom:45px;}
105-
.title-desc {color:#aaa;font-style:italic;font-size:14px;display:block;text-align:left;margin-top:-20px;}
80+
.entry img{max-width:670px;display:block;margin:10px auto;}
81+
82+
83+
.index-content aside {
84+
position: fixed;
85+
z-index: 100;
86+
top: 0;
87+
left: 0;
88+
width: 30%;
89+
height: 100%;
90+
max-width: 500px;
91+
background:#000;
92+
background-image:url(//dnqgz544uhbo8.cloudfront.net/_/fp/img/home/01.R0QM9YAUAl4AZhs5ncYiiQ.jpg);
93+
box-shadow:inset -1px 0 0 rgba(0,0,0,0.3);
94+
background-size:cover;
95+
}
96+
.index-content section{
97+
outline: 0;
98+
position: absolute;
99+
left: 30%;
100+
right: 0;
101+
top: 0;
102+
bottom: 0;
103+
background-color: #fff;
104+
padding-top:50px;
105+
}
106+
.index-content section ul{display:inline-block;vertical-align:top;*float:left;zoom:1;padding:50px 120px;}
107+
.index-content section h2{font-size:20px;}
108+
.index-content section h2 a{color:#444}
109+
.index-content section h2 a:hover {color:#E50053;text-decoration:none;}
110+
.index-content section li{margin-bottom:45px;}
111+
112+
.title-desc {color:#aaa;font-style:italic;font-size:14px;display:block;text-align:left;margin-top:20px;}
106113

107114
/***************Wiki Style*****************/
108115
.wiki h2{cursor:pointer;}
109116
.wiki ul{margin-left:30px;margin-bottom:20px;list-style:disc}
110117
.wiki ul li{margin-bottom:5px;}
111118
.wiki ul ul{list-style:circle;margin-top:10px;margin-bottom:10px;}
119+
112120
/***************contact style*************/
113121
#disqus_container {font-size:12px;}
114122
#disqus_container a.comment{font-size:14px;}
115123
h3.about {color:#777;margin-top:20px;font-size:22px;margin-bottom:10px}
116124
.about-link a {margin-right:10px;font-weight:bold;font-style:italic;font-size:13px;color:#E50053}
125+
126+
117127
/**************目录导航**************/
118128
#menuIndex {position:fixed;top:60px;right:20px;width:200px;overflow:auto}
119-
#menuIndex a {display:block}
129+
#menuIndex a {display:block; padding:2px 0; }
120130
#menuIndex a:hover {text-decoration:none;}
121131
#menuIndex ul li{font-size:12px;margin-bottom:5px;word-wrap:break-word;padding-left:10px;}
122-
#menuIndex ul li.on{background-color:#eee}
132+
#menuIndex ul li.on{background-color:#f5f5f5;}
123133
#menuIndex li.h1{font-size:14px;font-weight:normal;padding-left:0;margin-bottom:10px;}
124134
#menuIndex li.h3{padding-left:25px;}
125135

136+
/*
126137
#about{background:#262626;width:100%;margin:0 auto;border-top:6px solid #026b8c;overflow:hidden;margin-top:30px;font-size:14px;line-height:1.6em;}
127138
#about .about-content {width:720px;margin:50px auto;}
128139
#about h2{color:#bbb;font-size:24px;font-weight:bold;border-bottom:1px solid #444;line-height:45px;}
@@ -135,12 +146,38 @@ h3.about {color:#777;margin-top:20px;font-size:22px;margin-bottom:10px}
135146
#about a:hover,
136147
#about a:active {color:#5e8dba;outline:none;text-decoration:none;}
137148
#about a:hover {text-decoration:underline;}
149+
*/
150+
151+
.home-menu { position:fixed; top:15px; left:15px; background:#000; }
152+
.home-menu-icon { line-height:43px; padding:0 11px; font-size:18px; cursor:pointer; display:inline-block; color:#fff; }
153+
.home-menu-icon:hover { color:#fff; text-decoration:none; }
154+
155+
/*
156+
.side-nav { position:fixed; height:500px; width:250px; background:#333332; top:15px; left:15px; box-shadow:inset -10px 0 6px -9px rgba(0,0,0,0.7); display:none; }
157+
158+
.side-nav-transition #content {
159+
-webkit-transition: -webkit-transform .2s cubic-bezier(0.2,0.3,0.25,0.9);
160+
-moz-transition: -webkit-transform .2s cubic-bezier(0.2,0.3,0.25,0.9);
161+
-ms-transition: -webkit-transform .2s cubic-bezier(0.2,0.3,0.25,0.9);
162+
-o-transition: -webkit-transform .2s cubic-bezier(0.2,0.3,0.25,0.9);
163+
transition: -webkit-transform .2s cubic-bezier(0.2,0.3,0.25,0.9);
164+
-webkit-transform: translate3d(0,0,0);
165+
-moz-transform: translate3d(0,0,0);
166+
-o-transform: translate3d(0,0,0);
167+
transform: translate3d(0,0,0)
168+
}
169+
.side-nav-open #content {
170+
-webkit-transform: translate3d(250px,0,0);
171+
-moz-transform: translate3d(250px,0,0);
172+
-o-transform: translate3d(250px,0,0);
173+
transform: translate3d(250px,0,0);
174+
}
175+
*/
176+
138177

139-
@media screen and (max-width: 480px){
178+
@media screen and (max-width: 750px){
140179
body {font-size:14px}
141-
#head {height:25px;}
142-
#head .logo{font-size:22px;padding-left:8px;text-align:center;}
143-
#content {width:95%;margin:0 auto;}
180+
#content {width:85%;margin:100px auto 50px; }
144181

145182
h2{font-size:20px;}
146183
h3{font-size:16px;}
@@ -164,6 +201,7 @@ h3.about {color:#777;margin-top:20px;font-size:22px;margin-bottom:10px}
164201
#about .about-more {margin:0 auto;;margin-top:20px}
165202
#about .copyright {margin-top:0;}
166203
}
167-
@media (max-width: 850px){
204+
@media (max-width: 1020px){
168205
#menuIndex {display:none;}
206+
.home-menu { position:absolute; }
169207
}

‎favicon.ico

100755100644
169 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)