mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-02 03:59:01 +08:00
首页样式
This commit is contained in:
罗宪
parent
0f5f2dbb06
commit
2ad9100ead
@ -1,8 +1,8 @@
|
||||
@font-face {font-family: "iconfont-home";
|
||||
src: url('//at.alicdn.com/t/font_1431765342_6775353.eot'); /* IE9*/
|
||||
src: url('//at.alicdn.com/t/font_1431765342_6775353.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('//at.alicdn.com/t/font_1431765342_6775353.woff') format('woff'), /* chrome銆乫irefox */
|
||||
url('//at.alicdn.com/t/font_1431765342_6775353.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
|
||||
url('//at.alicdn.com/t/font_1431765342_6775353.woff') format('woff'), /* chrome閵嗕公irefox */
|
||||
url('//at.alicdn.com/t/font_1431765342_6775353.ttf') format('truetype'), /* chrome閵嗕公irefox閵嗕狗pera閵嗕讣afari, Android, iOS 4.2+*/
|
||||
url('//at.alicdn.com/t/font_1431765342_6775353.svg#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
.iconfont-home {
|
||||
@ -34,7 +34,7 @@ html, body {
|
||||
body {
|
||||
font-family: Helvetica Neue,Helvetica,Arial,"Microsoft Yahei",sans-serif;
|
||||
line-height: 1.5;
|
||||
color: #999;
|
||||
color: #888;
|
||||
font-size: 14px;
|
||||
}
|
||||
*,
|
||||
@ -310,11 +310,9 @@ footer {
|
||||
border-top: 1px solid #eee;
|
||||
font-size: 16px;
|
||||
background: #fff;
|
||||
/*height: 120px;*/
|
||||
}
|
||||
footer ul {
|
||||
overflow: hidden;
|
||||
/*height: 120px;*/
|
||||
margin: 0 2%;
|
||||
}
|
||||
footer ul li {
|
||||
@ -406,6 +404,7 @@ footer ul li > a {
|
||||
|
||||
.main-wrapper {
|
||||
display: flex;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.main-container {
|
||||
@ -418,8 +417,10 @@ footer ul li > a {
|
||||
|
||||
.main-container-center {
|
||||
margin: 0 auto;
|
||||
padding: 15px 20px;
|
||||
width: 88%;
|
||||
padding: 30px 80px 120px;
|
||||
border-left: 1px solid #e9e9e9;
|
||||
border-right: 1px solid #e9e9e9;
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@ -436,11 +437,31 @@ footer ul li > a {
|
||||
margin: 2.5em 0 1em 0;
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
margin: 1em 0;
|
||||
.markdown p,
|
||||
.markdown pre {
|
||||
margin: 1.2em 0;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.markdown > ul > li {
|
||||
list-style: circle;
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.markdown pre code {
|
||||
background: rgba(0, 0, 0, 0.03);
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 12px 20px;
|
||||
}
|
||||
|
||||
#api ~ ul > li > p > strong ~ code {
|
||||
background: #fff;
|
||||
color: #CC7300;
|
||||
border: none;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 1024px) {
|
||||
.nav {
|
||||
width: 40%;
|
||||
@ -487,8 +508,8 @@ footer ul li > a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
/*********动画区域**********/
|
||||
/*动画延时*/
|
||||
/*********鍔ㄧ敾鍖哄煙**********/
|
||||
/*鍔ㄧ敾寤舵椂*/
|
||||
|
||||
.delay-mode {
|
||||
animation-fill-mode: backwards !important;
|
||||
@ -1013,7 +1034,7 @@ footer ul li > a {
|
||||
}
|
||||
}
|
||||
|
||||
/* 首页有动画 */
|
||||
/* 棣栭〉鏈夊姩鐢<EFBFBD> */
|
||||
.index-page .nav {
|
||||
-webkit-animation: yTopMatrix .5s ease-out .5s backwards;
|
||||
animation: yTopMatrix .5s ease-out .5s backwards;
|
||||
@ -1041,6 +1062,22 @@ footer ul li > a {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.sketch-link {
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 2px 15px;
|
||||
border-radius: 100px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.sketch-link i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.component-demos .icon-all {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
@ -1075,13 +1112,15 @@ footer ul li > a {
|
||||
}
|
||||
|
||||
.code-box .code-box-demo {
|
||||
padding: 50px 25px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 50px 25px 55px;
|
||||
border-bottom: 1px solid #E9E9E9;
|
||||
}
|
||||
|
||||
.code-box-meta {
|
||||
position: relative;
|
||||
padding: 25px 15px;
|
||||
background: #f9f9f9;
|
||||
border-radius: 0 0 6px 6px;
|
||||
}
|
||||
|
||||
.code-box-meta h4,
|
||||
@ -1091,11 +1130,13 @@ footer ul li > a {
|
||||
|
||||
.code-box-title {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
background: #fff;
|
||||
padding: 0 1em;
|
||||
top: -14px;
|
||||
padding: 1px 1.1em;
|
||||
color: #888;
|
||||
font-weight: bold;
|
||||
border-radius: 6px;
|
||||
background: #fafafa;
|
||||
box-shadow: 0 -1.2px 0 #e9e9e9;
|
||||
}
|
||||
|
||||
.code-box-title:before {
|
||||
@ -1138,22 +1179,24 @@ footer ul li > a {
|
||||
.code-box .highlight {
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
padding: 5px 15px;
|
||||
border-top: 1px dashed #ddd;
|
||||
padding: 5px;
|
||||
border-top: 1px dashed #e9e9e9;
|
||||
}
|
||||
|
||||
.code-box pre {
|
||||
margin: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.code-box pre code {
|
||||
border: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.banner-entry {
|
||||
position: absolute;
|
||||
top: 19%;
|
||||
left: 13%;
|
||||
left: 10%;
|
||||
z-index: 100;
|
||||
color: #707d8d;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user