Skip to content

Commit

Permalink
optimize display effect for mac
Browse files Browse the repository at this point in the history
  • Loading branch information
@Brant-Ma
Brant-Ma committed Oct 24, 2015
1 parent 432b2cc commit 92fde3b
Show file tree
Hide file tree
Showing 2 changed files with 22 additions and 22 deletions.
34 changes: 17 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,21 +56,11 @@ <h3>Favorite</h3>
<section>
<h3>Manual</h3>
<ul>
<li><a href="http://f2er.club/" target="_blank" tip="HTML">标签速查</a></li>
<li><a href="http://www.awesomes.cn/" target="_blank" tip="CSS">属性速查</a></li>
<li><a href="http://overapi.com/html/" target="_blank" tip="HTML">标签速查</a></li>
<li><a href="http://overapi.com/css/" target="_blank" tip="CSS">属性速查</a></li>
<li><a href="http://overapi.com/javascript/" target="_blank" tip="JavaScript">方法速查</a></li>
</ul>
</section>
<section>
<h3>Developer</h3>
<ul>
<li><a href="http://www.ruanyifeng.com/blog/archives.html" target="_blank" tip="阮大师深入浅出">阮一峰</a></li>
<li><a href="http://sofi.sh/" target="_blank" tip="特别关注榜样小鱼哥">Sofish</a></li>
<li><a href="http://www.zhangxinxu.com/css3/" target="_blank" tip="鑫神干货与冗余齐飞">张鑫旭</a></li>
<li><a href="http://zhangwenli.com/blog/" target="_blank" tip="懂设计的前端">Ovilia</a></li>
<li><a href="http://coolshell.cn/" target="_blank" tip="左耳朵耗子逃离阿里">左耳朵耗子</a></li>
<li><a href="http://yanhaijing.com/" target="_blank" tip="这个小伙子有好多JS教程！">颜海镜</a></li>

<li><a href="http://zhibimo.com/read/Ashu/front-end-style-guide/" target="_blank" tip="规范也是一种生产力">FE规范手册</a></li>

</ul>
</section>
</section>
Expand Down Expand Up @@ -99,9 +89,19 @@ <h3>Producter</h3>
<li><a href="http://www.jianshu.com/users/c22ccc510fb9/latest_articles" target="_blank" tip="蝉游记棒棒的">纯银V</a></li>
<li><a href="http://www.jianshu.com/users/bda9978751c4/latest_articles" target="_blank" tip="像设计又像产品">镇雷</a></li>
<li><a href="http://iamsujie.com/" target="_blank" tip="人人都是...">苏杰</a></li>

</ul>
</section>
<section>
<h3>Developer</h3>
<ul>
<li><a href="http://www.ruanyifeng.com/blog/archives.html" target="_blank" tip="阮大师深入浅出">阮一峰</a></li>
<li><a href="http://sofi.sh/" target="_blank" tip="特别关注榜样小鱼哥">Sofish</a></li>
<li><a href="http://www.zhangxinxu.com/css3/" target="_blank" tip="鑫神干货与冗余齐飞">张鑫旭</a></li>
<li><a href="http://zhangwenli.com/blog/" target="_blank" tip="懂设计的前端">Ovilia</a></li>
<li><a href="http://coolshell.cn/" target="_blank" tip="左耳朵耗子逃离阿里">左耳朵耗子</a></li>
<li><a href="http://yanhaijing.com/" target="_blank" tip="这个小伙子有好多JS教程！">颜海镜</a></li>
</ul>
</section>
</section>


Expand Down Expand Up @@ -165,12 +165,12 @@ <h3>Color</h3>
<section>
<h3>Toolbox</h3>
<ul>
<li><a href="http://realfavicongenerator.net/" target="_blank" tip="自动生成Favicon">Favicon Generator</a></li>
<li><a href="http://realfavicongenerator.net/" target="_blank" tip="自动生成Favicon">Favicon生成器</a></li>
<li><a href="http://www.favicon.cc/" target="_blank" tip="功能较多的工具">icon生成器</a></li>
<li><a href="http://validator.w3.org/" target="_blank" tip="官方的">HTML校验器</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/" target="_blank" tip="官方的">CSS校验器</a></li>
<li><a href="http://codepen.io/pen/" target="_blank" tip="所见即所得online test">CodePen</a></li>
<li><a href="" target="_blank" tip=""></a></li>
<li><a href="http://cubic-bezier.com/" target="_blank" tip="css动画必备">贝塞尔曲线</a></li>
</ul>
</section>
</section>
Expand Down
10 changes: 5 additions & 5 deletions style/column.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ body {
margin: 0;
color: white;
overflow: hidden;
line-height: 1.8em;
line-height: 1.4em;
background-color: #9b59b6;
opacity: .9;
font-family: "Microsoft Yahei", 'Hiragino Sans GB', 'Source Han Sans', sans-serif;
Expand All @@ -25,15 +25,15 @@ li a:hover {
font-weight: bolder;
}
h2 {
font-size: 2em;
font-size: 1.6em;
font-family: Menlo, Monaco, Consolas, 'Courier New', Courier, monospace;
text-align: center;
text-shadow: 3px 3px 7px #111;
padding: 20px;
margin: 0;
}
h3 {
font-size: 1.2em;
font-size: .8em;
text-indent: 9%;
padding: 3px 0;
margin: 0;
Expand All @@ -54,7 +54,7 @@ section.top7:not(:hover) {
}

section h3 {
transition: background-color .7s ease-in .3s;
transition: background-color .5s linear .2s;
}

/* red */
Expand Down Expand Up @@ -166,7 +166,7 @@ a[tip]::after {
line-height: 1.4;
visibility: hidden;
position: absolute;
left: 125%;
left: 130%;
top: -6px;
padding: 5px 10px;
border-radius: 5px;
Expand Down

0 comments on commit 92fde3b

Please sign in to comment.