Skip to content

Commit 7081a75

Browse files
puagpuag
committed
test
1 parent 8e4d634 commit 7081a75

18 files changed

+1682
-3
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
jikeytang.github.io
22
===================
33

4-
jikey
4+
这是一个关于我学习与生活的站点

‎css/common.css

+153
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
/**
2+
* @author :豪情
3+
* @see :<a href="mailto:jikeytang@gmail.com">豪情</a>
4+
* @time :2013-10-13 下午3:03
5+
* @info :common
6+
*/
7+
body{font:14px/1.5 '微软雅黑';word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;background:#fff;color:#333;}
8+
body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,ul,ol,blockquote{margin:0}
9+
img{border:0 none;vertical-align:middle;max-width:100%;}
10+
input,select,textarea{font-size:12px;color:#333;outline:none}
11+
input{vertical-align:middle;padding:2px;margin:0}
12+
table{border-collapse:collapse;border-spacing:0}
13+
select,input,button{font:12px/20px Verdana,Simsun,Helvetica,Arial,sans-serif;}
14+
em,i,cite,blockquote{font-style:normal}
15+
ul,ol{list-style:none outside;padding:0}
16+
h1,h2,h3,h4,h5,h6{font-size:100%}
17+
textarea{overflow-y:auto;padding:3px;resize:none}
18+
a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
19+
a{color:#428bca;text-decoration:none;outline:0}
20+
a:hover,a:active{color:#2a6496;text-decoration:none;}
21+
a:focus{outline:0;}
22+
::selection { background:#633; color:#fff; }
23+
::-moz-selection { background:#633; color:#fff; }
24+
::-webkit-selection { background:#633; color:#fff; }
25+
button::-moz-focus-inner{border:0;padding:0;}
26+
figure{margin:0}
27+
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
28+
.ppr{position:relative;}
29+
.ppa{position:absolute;}
30+
.fl{float:left}
31+
.fr{float:right}
32+
.tl{text-align:left;}
33+
.tc{text-align:center;}
34+
.tr{text-align:right;}
35+
.grayc{color:#ccc}
36+
.gray6{color:#666}
37+
.gray9{color:#999}
38+
.emstyle{font-style:italic}
39+
.clear{clear:both}
40+
.clearfix{*zoom:1}
41+
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both}
42+
.none{display:none}
43+
.block{display:block;}
44+
.ffs{font-family:serif;}
45+
.anim-link,.anim-link a{transition:all linear 0.4s;}
46+
.anim-link:hover,.anim-link a:hover{margin-left:10px;}
47+
.minheight500{min-height:500px;height:auto !important;height:500px;overflow:visible;}
48+
.wrap-box{width:1000px;margin:0 auto;}
49+
.blue,.blue a:link,.blue a:visited{color:blue;}
50+
.blue a:hover{color:#f60;}
51+
.white,.white a:link,.white a:visited{color:#fff;}
52+
.white a:hover{color:#ff0;}
53+
.red,.red a:link,.red a:visited{color:#f00;}
54+
.red a:hover{color:#f60;}
55+
.orange,.orange a:link,.orange a:visited{color:#ffa500;}
56+
.orange a:hover{color:#f60;}
57+
.texta3a,.texta3a a:link,.texta3a a:visited{color:#a3a3a3;}
58+
.texta3a a:hover{color:#c28800;}
59+
.text525,.text525 a:link,.text525 a:visited{color:#525252;}
60+
.text525 a:hover{color:#c28800;}
61+
.cp{cursor:pointer;}
62+
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal;}
63+
.icon-font { font-family:'icomoon'; speak:none; font-weight:400; font-style:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; }
64+
.require-red{color:#f60;font-family:serif;margin-right:3px;}
65+
/* gotop */
66+
.backToTop{display:none;width:64px;height:58px;border-radius:5px;background:url(../images/common/gotop-bg.png) center center #000 no-repeat;opacity:0.6;filter:alpha(opacity:60);position:fixed;_position:absolute;right:30px;bottom:45px;_bottom:auto;cursor:pointer;overflow:hidden;z-index:9999;}
67+
.backToTop:hover{opacity:0.8;filter:alpha(opacity:80);}
68+
.btn{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);background-image:linear-gradient(to bottom,#ffffff,#e6e6e6);background-repeat:repeat-x;border:1px solid #bbbbbb;*border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);}
69+
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
70+
.btn:active,.btn.active{background-color:#cccccc \9;}
71+
.btn:first-child{*margin-left:0;}
72+
.btn:hover{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
73+
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
74+
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);}
75+
.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#006dcc;*background-color:#0044cc;background-image:-moz-linear-gradient(top,#0088cc,#0044cc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));background-image:-webkit-linear-gradient(top,#0088cc,#0044cc);background-image:-o-linear-gradient(top,#0088cc,#0044cc);background-image:linear-gradient(to bottom,#0088cc,#0044cc);background-repeat:repeat-x;border-color:#0044cc #0044cc #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
76+
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
77+
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
78+
.btn5{width:80px;}
79+
.input-text{height:23px;line-height:23px;padding:2px 4px;border:1px solid #ccc;background:#fff;border-radius:5px;}
80+
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
81+
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;/* IE6-9 */
82+
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);}
83+
textarea{border-radius:3px;}
84+
/* pop */
85+
.pop-wrap{position:fixed;top:30px;left:30px;width:700px;height:400px;background:#fff;box-shadow:0 22px 50px -35px #000;z-index:2000;}
86+
.pop-close{position:absolute;top:6px;right:18px;font-family:'Microsoft YaHei';font-size:25px;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:0.2;cursor:pointer;}
87+
.pop-close:hover{text-decoration:none;filter:alpha(opacity=40);opacity:1;color:0;color:#000;}
88+
.ui-mask{position:absolute;left:0;top:0;z-index:777;background:#000;filter:alpha(opacity=50);opacity:0.5;zoom:1;}
89+
.pop-title{width:100%;height:60px;cursor:move;}
90+
.pop-main{padding:20px;text-align:center;}
91+
.pop-inner{padding-top:50px;margin-right:-20px;overflow:hidden;zoom:1;}
92+
.pop-inner img{width:130px;height:130px;}
93+
.weixin-list{padding-left:65px;}
94+
.weixin-list li{float:left;margin-right:70px;display:inline;}
95+
.weixin-info{padding-top:10px;font-size:16px;color:#585858;font-family:'微软雅黑';}
96+
.bot-weibo-wrap{padding-top:15px;}
97+
.bot-weibo-wrap .yh-homesns-wrap{padding-left:0;}
98+
.bot-weibo-wrap .yh-homesns-wrap a{margin:0 9px 0 0;}
99+
/* common */
100+
.home-container{margin:20px 20px 0;max-width:1920px;background: #fff;border-top: 1px solid #aaa;box-shadow:0 1px 2px #aaa;}
101+
.design-outer .wrap-box{width:auto;max-width:1920px;margin: 0 20px 40px;border-bottom: 1px solid #aaa;}
102+
.wroks-inner{padding:25px 25px;}
103+
.design-container{margin:20px 20px 0;max-width:1920px;background: #fff;box-shadow:0 1px 2px #aaa;}
104+
.works-more-wrap{float: right;}
105+
.works-more-link{padding: 1px 6px;font-size: 16px;border: 1px solid #fff;}
106+
.works-more-link:hover{background: #f3e8e3;border: 1px solid #d8beae;color: #8e6955;}
107+
.works-more-link i{font-size: 16px;font-weight: bold;vertical-align:top;}
108+
.no-data{color: #999;}
109+
.blog-txt img{margin-bottom:25px;}
110+
.comment-head{float: left;width: 70px;}
111+
.comment-userinfo{float: left;}
112+
.comment-wrap .require-red{margin-left: 5px;}
113+
.comment-wrap .input-code{width:430px;margin-right: 5px;}
114+
.input-after{margin-left: 5px;}
115+
.alipay-txt{width: 400px;margin: 0 auto;height: 37px;line-height: 37px;padding: 15px 025px;}
116+
.alipay-txt h1{float: left;font-weight: normal;}
117+
.alipay{float: left;width: 159px;height: 37px;background: url(../images/common/btn-index.png) 0 0 no-repeat;}
118+
.design-ali{padding-bottom:20px;}
119+
120+
121+
122+
123+
124+
125+
126+
127+
128+
129+
130+
131+
132+
133+
134+
135+
136+
137+
138+
139+
140+
141+
142+
143+
144+
145+
146+
147+
148+
149+
150+
151+
152+
153+

‎css/home.css

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* sider */
2+
.sidebar{float: left;min-height:350px;width: 189px; border-right: 1px solid #ccc;background: #f2f2f2;}
3+
.main{margin-left: 190px;min-height:100%;}
4+
.sider-title{text-align: left;text-indent: 1em;}
5+
.sider-title h1{font-size: 24px;font-weight: normal;height:60px;line-height:60px;}
6+
.sider-list li{border-bottom: 1px solid #e5e5e5;}
7+
.sider-list li a{padding: 0 16px 0 20px;height: 38px;line-height: 38px;display: block;color: #333;background: #fff;}
8+
.sider-list li a:hover,.sider-list li.on a{background: #1a1;color: #fff;}
9+
.sider-list li a:hover .icon-font{color: #fff;}
10+
.sider-list li .icon-font{color:#888;margin-right: 5px;font-size: 14px;}
11+
.sub-menu{background: #fff;border-top: 1px solid #e5e5e5;}
12+
.sub-menu li{text-indent: 21px;}
13+
14+
15+
16+
17+
18+
19+
20+
21+
22+
23+
24+
25+
26+
27+
28+
29+
30+
31+
32+
33+
34+
35+
36+
37+
38+

0 commit comments

Comments
 (0)