test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-29 18:50:00 +08:00
Code Issues Actions 48 Packages Projects Releases Wiki Activity

首页样式调整。。

Browse Source
This commit is contained in:
罗宪 2015-06-01 15:43:05 +08:00
parent 6486f78e25
commit 1ba460cda7
2 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
static/style.css
View File

@ -32,7 +32,7 @@ html, body {
height: 100%;
}
body {
font-family: "Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;
font-family: Helvetica Neue,Helvetica,Arial,"Microsoft Yahei",sans-serif;
line-height: 1.5;
color: #999;
font-size: 14px;
@ -96,8 +96,8 @@ header {
.logo {
float: left;
height: 46px;
line-height: 58px;
margin: 15px 30px;
line-height: 46px;
margin: 17px 30px;
transition: margin 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
text-transform: uppercase;
font-size: 18px;
@ -111,14 +111,14 @@ header {
float: left;
height: 22px;
padding: 0px 30px;
margin: 32px auto;
margin: 32px auto 0;
border-left: 1px solid #EBEDEE;
position: relative;
}
.search input[type="text"] {
border: transparent;
outline: none;
width: 100px;
width: 150px;
height: 22px;
padding: 0 0 0 20px;
color: #999;
@ -175,8 +175,8 @@ header {
}
.nav {
width: 30%;
height: 87px;
line-height: 87px;
height: 80px;
line-height: 80px;
float: right;
font-size: 0.875em;
position: relative;
@ -186,7 +186,7 @@ header {
float: left;
width: 16.66%;
text-align: center;
border-top: 3px solid transparent;
/*border-top: 3px solid transparent;*/
}
.nav ul li.current {
/*border-top: 3px solid #71B5DE;*/
@ -239,8 +239,8 @@ header {
.main {
overflow: hidden;
position: relative;
height: calc(100% - 210px);
min-height: 600px;
height: calc(100% - 190px);
min-height: 500px;
transform-style: preserve-3d;
transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86), height .5s ease-out;
transition: transform .6s cubic-bezier(0.785, 0.135, 0.15, 0.86), height .5s ease-out;
@ -248,7 +248,6 @@ header {
.banner-box {
width: 100%;
height: 100%;
min-height: 600px;
position: relative;
overflow: inherit;
-webkit-animation: alphaTo .3s ease-out;
@ -311,17 +310,17 @@ footer {
border-top: 1px solid #eee;
font-size: 16px;
background: #fff;
height: 120px;
/*height: 120px;*/
}
footer ul {
overflow: hidden;
height: 120px;
/*height: 120px;*/
margin: 0 2%;
}
footer ul li {
float: left;
width: 25%;
padding: 5px 2% 0;
padding: 5px 2% 10px;
}
footer ul li>h2 {
font-size: 1em;
@ -1154,7 +1153,7 @@ footer ul li > a {
.banner-entry {
position: absolute;
top: 19%;
left: 10%;
left: 13%;
z-index: 100;
color: #707d8d;
font-family: 'Raleway', sans-serif;

4
theme/templates/layout.html
View File

@ -21,7 +21,7 @@
<body class="{%- if post.filepath === 'README.md' %}index-page{%- endif %}">
<header id="header">
<a class="logo" href="/">
<img width="60" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg">
<img width="60" style="margin-top: -7px" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg">
Ant Design
</a>
<div class="search">
@ -70,7 +70,7 @@
Ant
</div>
<div class="entry-title">Design</div>
<div class="entry-slogan">下一个设计&前端框架</div>
<div class="entry-slogan">下一代设计&前端框架</div>
<a class="entry-link" href="/docs/start">
<i class="iconfont-home icon-lego"></i>
开始使用