first commit
This commit is contained in:
编码猿
1
website/css/.pydio
Normal file
1
website/css/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
21346b34-b71b-4b9b-ad37-e55a12c45f97
|
||||
33
website/css/clear.css
Normal file
33
website/css/clear.css
Normal file
@@ -0,0 +1,33 @@
|
||||
body,ul,li,p,h1,h2,h3,h4,h5,h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
font-family: "微软雅黑";
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
input, video {
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-panel{
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-volume-control-container {
|
||||
display: none !important;
|
||||
}
|
||||
BIN
website/css/icomoon.ttf
Normal file
BIN
website/css/icomoon.ttf
Normal file
Binary file not shown.
170
website/css/index.css
Normal file
170
website/css/index.css
Normal file
@@ -0,0 +1,170 @@
|
||||
.header {
|
||||
background: var(--background);
|
||||
height: 1325px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header .logo {
|
||||
width: 100px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.header .desc {
|
||||
color: #fff;
|
||||
font-size: 23px;
|
||||
line-height: 47px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 40px;
|
||||
font-family: "title";
|
||||
}
|
||||
|
||||
.header .banner_img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .desc_tips {
|
||||
width: 915px;
|
||||
margin: 0 auto;
|
||||
font-family: "desc";
|
||||
font-size: var(--decSize);
|
||||
color: #fff;
|
||||
font-weight: 100;
|
||||
line-height: 36px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.header .down {
|
||||
width: 120px;
|
||||
height: 42px;
|
||||
text-align: center;
|
||||
background: #4072e1;
|
||||
color: #fff;
|
||||
line-height: 42px;
|
||||
border-radius: 25px;
|
||||
margin: 0 auto;
|
||||
cursor: pointer;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.header .support {
|
||||
font-size: 12px;
|
||||
color: #b1b1b1;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.content .item {
|
||||
|
||||
}
|
||||
|
||||
.item .title {
|
||||
font-size: var(--titleSize);
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
font-family: "title";
|
||||
line-height: 68px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.item .desc {
|
||||
font-size: var(--decSize);
|
||||
color: #000;
|
||||
font-weight: 100;
|
||||
font-family: "desc";
|
||||
margin-bottom: 20px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.item .demonstration {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: url("../img/item_back.png");
|
||||
background-size: cover;
|
||||
height: 683px;
|
||||
left: -112px;
|
||||
}
|
||||
|
||||
.item .demonstration video {
|
||||
width: 940px;
|
||||
height: 590px;
|
||||
position: absolute;
|
||||
left: 129px;
|
||||
top: 37px;
|
||||
}
|
||||
|
||||
.base {
|
||||
background: linear-gradient(484deg, rgba(139, 95, 224, 1) 0%, rgba(104, 159, 232, 1) 100%);
|
||||
}
|
||||
|
||||
.base .title,
|
||||
.base .desc,
|
||||
.theme .desc,
|
||||
.tray .title,
|
||||
.tray .desc{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.core .title {
|
||||
color: #eb1d4e;
|
||||
}
|
||||
|
||||
.core .demonstration {
|
||||
background: url("../img/core_back.png");
|
||||
background-size: cover;
|
||||
left: -50px;
|
||||
height: 1007px;
|
||||
}
|
||||
|
||||
.core video {
|
||||
width: 96% !important;
|
||||
height: 647px !important;
|
||||
left: 33px !important;
|
||||
object-fit: fill;
|
||||
}
|
||||
|
||||
.theme {
|
||||
background: #1a1a1a;
|
||||
}
|
||||
|
||||
|
||||
.theme .title {
|
||||
color: #4cb050 !important;
|
||||
text-shadow: 238px -64px 2px #2c2b2bb3;
|
||||
}
|
||||
|
||||
.theme .title span {
|
||||
color: #b45dc3 !important;
|
||||
}
|
||||
|
||||
.theme .demonstration {
|
||||
background: url("../img/theme.png");
|
||||
background-size: cover;
|
||||
left: -50px;
|
||||
}
|
||||
|
||||
.theme .padding {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.tray {
|
||||
background: var(--background);
|
||||
}
|
||||
.tray .demonstration {
|
||||
background: url("../img/tray.png");
|
||||
background-size: contain;
|
||||
left: -50px;
|
||||
width: 71.6% !important;
|
||||
}
|
||||
|
||||
.contact {
|
||||
background: #efefef;
|
||||
}
|
||||
.contact ul {
|
||||
margin-top: 12px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.contact ul li {
|
||||
margin-bottom: 10px;
|
||||
font-size: 16px;
|
||||
font-family: "desc";
|
||||
}
|
||||
32
website/css/public.css
Normal file
32
website/css/public.css
Normal file
@@ -0,0 +1,32 @@
|
||||
@font-face {
|
||||
font-family: "title";
|
||||
src: url("https://13315641.s21i.faiusr.com/76/1/ABUIudysBhBMGAAg7sPB_AUo2L3_RA") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "desc";
|
||||
src: url("https://13315641.s21i.faiusr.com/76/1/ABUIudysBhBMGAAg2e_fgQYomsuqwgE") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
:root {
|
||||
/*背景色*/
|
||||
--background: rgba(0, 0, 0, 1);
|
||||
/*标题颜色*/
|
||||
--titleColor: rgb(0, 0, 0);
|
||||
--titleSize: 48px;
|
||||
--decSize: 18px;
|
||||
}
|
||||
|
||||
.auto {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.padding {
|
||||
padding-top: 110px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
Reference in New Issue
Block a user