Skip to content

W
website

openeuler / website

通知 1
Star 0
Fork 0
W
website

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 accc3cd7 编写于 作者: L LiXinXing
浏览文件
操作

fix the bug of banner

上级 b224f196
隐藏空白更改
内联 并排
Showing with 727 addition and 692 deletion
themes/project/layouts/partials/cards.html
浏览文件 @ accc3cd7
...@@ -23,11 +23,12 @@ ...@@ -23,11 +23,12 @@
</ol> </ol>
<div class="carousel-inner wrapper" role="listbox"> <div class="carousel-inner wrapper" role="listbox">
<div class="item active"> <div class="item active">
<a href="/zh/events/20200707-openeluer-live.html"><img src="../img/bannernew.jpg"> </a> <a href="/zh/events/20200707-openeluer-live.html"><img src="../img/bannernew.jpg">
<div class="carousel-caption"> <div class="carousel-caption">
<p>{{ i18n "main_cards_live_title" }}</p> <p>{{ i18n "main_cards_live_title" }}</p>
<p>{{ i18n "main_cards_live_description" }}</p> <p>{{ i18n "main_cards_live_description" }}</p>
</div> </div>
</a>
</div> </div>
<div class="item"> <div class="item">
<a href="{{i18n "main_cards_summer2020_link" }}" ><img class="pc" src="{{$summerBanner}}"></a> <a href="{{i18n "main_cards_summer2020_link" }}" ><img class="pc" src="{{$summerBanner}}"></a>
......
themes/project/static/css/custom.css
浏览文件 @ accc3cd7
...@@ -2,112 +2,135 @@ ...@@ -2,112 +2,135 @@
#tablehdc td #tablehdc td
{ {
border: 1px solid #ccc; border: 1px solid #ccc;
line-height: 30px; line-height: 30px;
} }
#heading-breadcrumbs h1, #heading-breadcrumbs h1,
#blog-listing-medium .post h2, #blog-listing-medium .post h2,
#blog-listing-medium .post .author-category #blog-listing-medium .post .author-category
{ {
text-transform: inherit !important; text-transform: inherit !important;
} }
.competition-nav { .competition-nav {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
box-shadow: 0 6px 18px 0 rgba(0,0,0,0.10); box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.10);
min-height: 60px; min-height: 60px;
} }
.competition-nav a{ .competition-nav a {
display: inline-block; display: inline-block;
height: 50px; height: 50px;
line-height: 60px; line-height: 60px;
padding:0 25px; padding: 0 25px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #000; color: #000;
} }
.box-image-text .image { .box-image-text .image {
min-height: 200px; min-height: 200px;
max-height: 200px; max-height: 200px;
} }
.box-simple { .box-simple {
min-height: 230px; min-height: 230px;
} }
.bannernew { .bannernew {
/* background: url('../img/bannernew.jpg') no-repeat; */ /* background: url('../img/bannernew.jpg') no-repeat; */
height: 500px; height: 500px;
background-size: cover; background-size: cover;
position: relative; position: relative;
} }
.bannernew .content { .bannernew .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-top: 60px; padding-top: 60px;
color: #fff; color: #fff;
} }
.bannernew .content h2 { .bannernew .content h2 {
font-size: 62px; font-size: 62px;
color: #fff; color: #fff;
} }
.bannernew .content p { .bannernew .content p {
width: 840px; width: 840px;
margin: 26px auto 0; margin: 26px auto 0;
font-size: 24px; font-size: 24px;
text-align: center; text-align: center;
line-height: 36px; line-height: 36px;
} }
/* �ֲ� */ /* �ֲ� */
.slide{ .slide {
width: 100%; width: 100%;
margin-top: -60px; margin-top: -60px;
} }
.wrapper { .wrapper {
width: 100%; width: 100%;
height: 468px; height: 468px;
} }
.wrapper>div { .wrapper > div {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.wrapper img { .wrapper img {
width: 100%; width: 100%;
height: 100% !important; height: 100% !important;
} }
.wrapper>div>div>p:nth-child(1) { .wrapper > div > div > p:nth-child(1) {
font-family: 'MicrosoftYaHei', 'Microsoft YaHei'; font-family: "MicrosoftYaHei", "Microsoft YaHei";
font-size: 62px; font-size: 62px;
font-weight: 400; font-weight: 400;
position: relative; position: relative;
top: -160px; top: -160px;
line-height: 120%; line-height: 120%;
width: 100%; width: 100%;
} }
.wrapper>div>div>p:nth-child(2) { .wrapper .carousel-caption p:nth-child(1) {
width: 100%; font-family: "MicrosoftYaHei", "Microsoft YaHei";
font-size: 18px; font-size: 62px;
font-weight: 400; font-weight: 400;
position: relative; position: relative;
top: -130px; top: -160px;
display: -webkit-box; line-height: 120%;
-webkit-box-orient: vertical; width: 100%;
-webkit-line-clamp:4;
overflow: hidden;
} }
.wrapper > div > div > p:nth-child(2) {
width: 100%;
font-size: 18px;
font-weight: 400;
position: relative;
top: -130px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.wrapper .carousel-caption p:nth-child(2) {
width: 100%;
font-size: 18px;
font-weight: 400;
position: relative;
top: -130px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
/*.carousel-control{ /*.carousel-control{
visibility: hidden; visibility: hidden;
} }
...@@ -119,238 +142,245 @@ ...@@ -119,238 +142,245 @@
}*/ }*/
.carousel-indicators{ .carousel-indicators {
top: 310px; top: 310px;
/* transition: 0.4s; */ /* transition: 0.4s; */
} }
.carousel-indicators li { .carousel-indicators li {
background-color: #fff; background-color: #fff;
} }
.carousel-indicators .active { .carousel-indicators .active {
width: 50px; width: 50px;
height: 12px; height: 12px;
margin: 0; margin: 0;
background-color: #78ABF6; background-color: #78ABF6;
border: 1px solid #78ABF6; border: 1px solid #78ABF6;
} }
#FAQ{ #FAQ {
width: 56px; width: 56px;
height: 56px; height: 56px;
background-color: #EF0005; background-color: #EF0005;
color: #fff; color: #fff;
position: fixed; position: fixed;
right: 0; right: 0;
top: 70%; top: 70%;
border-radius: 2px; border-radius: 2px;
} }
#FAQ a{ #FAQ a {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #fff; color: #fff;
font-size: 13px; font-size: 13px;
} }
#FAQ a img{ #FAQ a img {
width: 24px; width: 24px;
} }
/*�ֲ�end*/ /*�ֲ�end*/
@media screen and (max-width:768px){ @media screen and (max-width:768px) {
.wrapper>div>div>p:nth-child(1) { .wrapper > div > div > p:nth-child(1) {
font-size: 20px !important; font-size: 20px !important;
top: -40px; top: -40px;
} }
.wrapper>div>div>p:nth-child(1)>a { .wrapper .carousel-caption p:nth-child(1) {
font-size: 10px !important; font-size: 20px !important;
} top: -40px;
.wrapper>div>div>p:nth-child(2) { }
font-size: 12px !important; .wrapper > div > div > p:nth-child(1) > a {
top: -30px; font-size: 10px !important;
/* margin-top: 10px; */ }
} .wrapper > div > div > p:nth-child(2) {
font-size: 12px !important;
.carousel-indicators{ top: -30px;
top: inherit; /* margin-top: 10px; */
} }
.wrapper { .wrapper .carousel-caption p:nth-child(2) {
height: 250px; font-size: 12px !important;
} top: -30px;
.content{ }
height: 250px; .carousel-indicators {
} top: inherit;
.bannernew{ }
margin-bottom: 50px; .wrapper {
} height: 250px;
} }
@media screen and (max-width:1280px){ .content {
.content{ height: 250px;
padding: 0 !important; }
} .bannernew {
.slide{ margin-bottom: 50px;
margin-top: 0px; }
} }
.wrapper>div>div>p:nth-child(1) { @media screen and (max-width:1280px) {
font-size: 35px; .content {
} padding: 0 !important;
}
.slide {
margin-top: 0;
}
.wrapper > div > div > p:nth-child(1) {
font-size: 35px;
}
} }
/* ??li?? */ /* ??li?? */
@media screen and (min-width:1281px){ @media screen and (min-width:1281px) {
.cards li{ .cards li {
height: 262px; height: 262px;
} }
.cards li p { .cards li p {
padding: 0 !important; padding: 0 !important;
/* display: -webkit-box; /* display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp:3; -webkit-line-clamp:3;
overflow: hidden; */ overflow: hidden; */
} }
} }
/* ?? end*/ /* ?? end*/
.bannernew .cards ul a:hover { .bannernew .cards ul a:hover {
text-decoration: none; text-decoration: none;
background: #467FBF; background: #467FBF;
} }
.bannernew .cards ul li:hover h3, .bannernew .cards ul li:hover h3,
.bannernew .cards ul li:hover p { .bannernew .cards ul li:hover p {
color: #FFF; color: #FFF;
} }
.bannernew .cards ul li:hover .icon1 { .bannernew .cards ul li:hover .icon1 {
background: url('../img/1_hover.svg') no-repeat center; background: url(../img/1_hover.svg) no-repeat center;
} }
.bannernew .cards ul li:hover .icon2 { .bannernew .cards ul li:hover .icon2 {
background: url('../img/2_hover.svg') no-repeat center; background: url(../img/2_hover.svg) no-repeat center;
} }
.bannernew .cards ul li:hover .icon3 { .bannernew .cards ul li:hover .icon3 {
background: url('../img/3_hover.svg') no-repeat center; background: url(../img/3_hover.svg) no-repeat center;
} }
.bannernew .cards ul li:hover .icon4 { .bannernew .cards ul li:hover .icon4 {
background: url('../img/4_hover.svg') no-repeat center; background: url(../img/4_hover.svg) no-repeat center;
} }
.bannernew .cards ul li .icon { .bannernew .cards ul li .icon {
display: inline-block; display: inline-block;
border: 0px; border: 0;
} }
.bannernew .cards ul li .icon1 { .bannernew .cards ul li .icon1 {
width: 65px; width: 65px;
height: 55px; height: 55px;
background: url('../img/1.svg') no-repeat center; background: url(../img/1.svg) no-repeat center;
} }
.bannernew .cards ul li .icon2 { .bannernew .cards ul li .icon2 {
height: 55px; height: 55px;
background: url('../img/2.svg') no-repeat center; background: url(../img/2.svg) no-repeat center;
} }
.bannernew .cards ul li .icon3 { .bannernew .cards ul li .icon3 {
width: 83px; width: 83px;
height: 55px; height: 55px;
background: url('../img/3.svg') no-repeat center; background: url(../img/3.svg) no-repeat center;
} }
.bannernew .cards ul li .icon4 { .bannernew .cards ul li .icon4 {
width: 50px; width: 50px;
height: 55px; height: 55px;
background: url('../img/4.svg') no-repeat center; background: url(../img/4.svg) no-repeat center;
} }
.bannernew .cards { .bannernew .cards {
padding: 0 270px; padding: 0 270px;
width: 100%; width: 100%;
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: -25%; bottom: -25%;
transform: translate(-50%, 0%); transform: translate(-50%, 0%);
} }
.bannernew .cards ul { .bannernew .cards ul {
background: #fff; background: #fff;
box-shadow: 0 40px 45px 0 rgba(214, 228, 238, 0.5); box-shadow: 0 40px 45px 0 rgba(214, 228, 238, 0.5);
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
padding: 0px; padding: 0;
} }
.bannernew .cards ul li { .bannernew .cards ul li {
padding: 35px 16px; padding: 35px 16px;
text-align: center; text-align: center;
} }
.bannernew .cards ul li h3 { .bannernew .cards ul li h3 {
font-size: 20px; font-size: 20px;
color: #141414; color: #141414;
margin: 16px 0 24px; margin: 16px 0 24px;
} }
.bannernew .cards ul li p { .bannernew .cards ul li p {
font-size: 14px; font-size: 14px;
color: #666666; color: #666;
line-height: 20px; line-height: 20px;
padding: 0 45px; padding: 0 45px;
} }
.bannernew .cards ul li:not(:last-child) { .bannernew .cards ul li:not(:last-child) {
border-right: 1px solid #E3E9EB; border-right: 1px solid #E3E9EB;
} }
.bannernew ul { .bannernew ul {
list-style-type: none; list-style-type: none;
} }
.bannernew li { .bannernew li {
list-style-type: none; list-style-type: none;
} }
.reason { .reason {
padding: 170px 30px 70px; padding: 170px 30px 70px;
} }
.reason h2 { .reason h2 {
margin-bottom: 40px; margin-bottom: 40px;
font-size: 40px; font-size: 40px;
color: #333333; color: #333;
text-align: center; text-align: center;
line-height: 36px; line-height: 36px;
} }
.reason .content_why { .reason .content_why {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
max-width: 1366px; max-width: 1366px;
margin: 0 auto; margin: 0 auto;
} }
.reason .content_why .detail { .reason .content_why .detail {
margin-left: 50px; margin-left: 50px;
} }
.reason .content_why .detail p { .reason .content_why .detail p {
font-size: 20px; font-size: 20px;
color: #313131; color: #313131;
line-height: 30px; line-height: 30px;
padding-left: 15px; padding-left: 15px;
} }
.publisher h2{ .publisher h2 {
font-size:40px font-size: 40px;
} }
.publisher .imgdivleft, .publisher .imgdivleft,
.publisher .imgdivmiddle, .publisher .imgdivmiddle,
.publisher .imgdivright { .publisher .imgdivright {
position: relative; position: relative;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
text-align: center; text-align: center;
...@@ -363,609 +393,612 @@ ...@@ -363,609 +393,612 @@
} }
#imgMiddle { #imgMiddle {
height: 70px; height: 70px;
} }
#imgRight { #imgRight {
height: 60px; height: 60px;
padding-top:3px; padding-top: 3px;
} }
.friendsLink h2{ .friendsLink h2 {
font-size: 40px; font-size: 40px;
} }
.emailAndApply{ .emailAndApply {
background: url('../img/bg2.png') no-repeat; background: url(../img/bg2.png) no-repeat;
padding: 25px 30px 45px; padding: 25px 30px 45px;
} }
.emailAndApplyBox{ .emailAndApplyBox {
display: flex; display: flex;
max-width: 1366px; max-width: 1366px;
margin: 0 auto; margin: 0 auto;
} }
.emailAndApplyBoxL2{ .emailAndApplyBoxL2 {
width:47%; width: 47%;
margin-right:50px; margin-right: 50px;
} }
.emailAndApplyBox h2{ .emailAndApplyBox h2 {
color:white; color: #fff;
} }
.emailAndApplyBox ul { .emailAndApplyBox ul {
padding:0; padding: 0;
margin:0; margin: 0;
width:80%; width: 80%;
} }
.emailAndApplyBox ul li { .emailAndApplyBox ul li {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.emailAndApplyBox ul li h3 { .emailAndApplyBox ul li h3 {
font-size: 28px; font-size: 28px;
color: #FFFFFF; color: #FFF;
line-height: 36px; line-height: 36px;
} }
.emailAndApplyBox ul li h3 { .emailAndApplyBox ul li h3 {
font-size: 28px; font-size: 28px;
color: #FFFFFF; color: #FFF;
line-height: 36px; line-height: 36px;
} }
.emailAndApplyBox ul li h3 a { .emailAndApplyBox ul li h3 a {
color: #FFFFFF; color: #FFF;
text-decoration: none; text-decoration: none;
} }
.emailAndApplyBox ul li p { .emailAndApplyBox ul li p {
margin-top: 8px; margin-top: 8px;
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #FFF;
line-height: 20px; line-height: 20px;
padding-right: 50px; padding-right: 50px;
} }
.emailAndApplyBox h3{ .emailAndApplyBox h3 {
color: #fff; color: #fff;
}
.emailAndApplyBox h3 a {
text-decoration: underline;
} }
.emailAndApplyBox h3 a{
text-decoration: underline;
}
.emailAndApplyBox ul li .btn { .emailAndApplyBox ul li .btn {
background: #FFFFFF; background: #FFF;
border-radius: 2px; border-radius: 2px;
padding: 11px 18px; padding: 11px 18px;
text-transform: none; text-transform: none;
} }
#members .col-md-12 .client-header h4 { #members .col-md-12 .client-header h4 {
border: none; border: none;
text-transform: none; text-transform: none;
} }
.homeMemebersBlock{ .homeMemebersBlock {
background: url('../img/texture-bw.png') center center repeat; background: url(../img/texture-bw.png) center center repeat;
height: 120px; height: 120px;
background-size: cover; background-size: cover;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.div-archives>div>ul{ .div-archives > div > ul {
position: relative; position: relative;
} }
.div-archives>div>ul li::before{ .div-archives > div > ul li::before {
content:''; content: '';
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 10px; top: 10px;
left:0; left: 0;
border-radius: 50%; border-radius: 50%;
background: #000; background: #000;
width: 5px; width: 5px;
height: 5px; height: 5px;
} }
.action { .action {
padding: 63px 30px 45px; padding: 63px 30px 45px;
} }
.action .active_box { .action .active_box {
display: flex; display: flex;
max-width: 1366px; max-width: 1366px;
margin: 0 auto; margin: 0 auto;
} }
.action .active_box .active { .action .active_box .active {
width: 47%; width: 47%;
} }
.action .active_box .active:not(:last-child) { .action .active_box .active:not(:last-child) {
margin-right: 50px; margin-right: 50px;
} }
.action .active_box .active h2 { .action .active_box .active h2 {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
padding-bottom: 24px; padding-bottom: 24px;
border-bottom: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5;
margin-bottom: 0; margin-bottom: 0;
} }
.action .active_box .active h2 p { .action .active_box .active h2 p {
margin: 0 0 0 26px; margin: 0 0 0 26px;
font-size: 14px; font-size: 14px;
color: #3399FF; color: #3399FF;
line-height: 36px; line-height: 36px;
cursor: pointer; cursor: pointer;
} }
.action .active_box .active ul { .action .active_box .active ul {
padding: 0px; padding: 0;
} }
.action .active_box .active ul li { .action .active_box .active ul li {
padding: 18px 5px 20px; padding: 18px 5px 20px;
border-bottom: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5;
} }
.action .active_box .active ul li h6 { .action .active_box .active ul li h6 {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-bottom: 6px; margin-bottom: 6px;
} }
.action .active_box .active ul li h6 span { .action .active_box .active ul li h6 span {
color: #666; color: #666;
font-size: 14px; font-size: 14px;
} }
.action .active_box .active ul li h6 i { .action .active_box .active ul li h6 i {
margin: 0 4px; margin: 0 4px;
font-style: normal; font-style: normal;
} }
.action .active_box .active ul li p { .action .active_box .active ul li p {
word-break: break-word; word-break: break-word;
font-size: 20px; font-size: 20px;
color: #333333; color: #333;
line-height: 28px; line-height: 28px;
} }
.action li { .action li {
list-style-type: none; list-style-type: none;
} }
.action h2 { .action h2 {
font-size: 40px; font-size: 40px;
} }
.action1 { .action1 {
padding: 0 30px 45px; padding: 0 30px 45px;
} }
.align-center { .align-center {
align-items: center; align-items: center;
} }
.flex { .flex {
display: flex; display: flex;
} }
footer { footer {
padding: 44px 30px 50px; padding: 44px 30px 50px;
background: #111; background: #111;
color: #fff; color: #fff;
} }
footer .foot.isPc { footer .foot.isPc {
max-width: 1366px; max-width: 1366px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
footer .contact svg { footer .contact svg {
width: 14px; width: 14px;
} }
footer .contact svg path { footer .contact svg path {
fill: #fff; fill: #fff;
} }
footer .contact p { footer .contact p {
margin:0 0 0 10px; margin: 0 0 0 10px;
font-size: 16px; font-size: 16px;
} }
footer .contact p a { footer .contact p a {
color: #FFFFFF; color: #FFF;
} }
footer .contact h2 { footer .contact h2 {
margin-bottom: 16px; margin-bottom: 16px;
margin-top: 0px; margin-top: 0;
font-size: 40px; font-size: 40px;
color: #fff; color: #fff;
} }
footer .notice { footer .notice {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
footer .notice a { footer .notice a {
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
} }
footer .notice a:hover { footer .notice a:hover {
text-decoration: none; text-decoration: none;
} }
footer .notice a:nth-child(2) { footer .notice a:nth-child(2) {
border-left: 1px solid #fff; border-left: 1px solid #fff;
border-right: 1px solid #fff; border-right: 1px solid #fff;
padding: 0 15px; padding: 0 15px;
margin: 0 15px; margin: 0 15px;
} }
footer .notice p { footer .notice p {
font-size: 12px; font-size: 12px;
color: #909090; color: #909090;
line-height: 28px; line-height: 28px;
text-align: center; text-align: center;
margin-bottom: 0; margin-bottom: 0;
} }
footer .notice span { footer .notice span {
display: block; display: block;
height: 60px; height: 60px;
line-height: 70px; line-height: 70px;
} }
footer .qr-code { footer .qr-code {
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
} }
footer .qr-code p { footer .qr-code p {
font-size: 12px; font-size: 12px;
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, .7);
margin-top: 10px; margin-top: 10px;
} }
.client-header h2 { .client-header h2 {
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
font-size: 40px; font-size: 40px;
border-bottom: 0; border-bottom: 0;
text-transform: none; text-transform: none;
} }
.owl-carousel .owl-wrapper { .owl-carousel .owl-wrapper {
display: flex !important; display: flex !important;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.owl-carousel.customers { .owl-carousel.customers {
/*display: block;*/ /*display: block;*/
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
.owl-carousel.customers .item { .owl-carousel.customers .item {
display: inline; display: inline;
margin: 0 0 0 30px; margin: 0 0 0 30px;
} }
.owl-carousel.customers .item img { .owl-carousel.customers .item img {
filter: none; filter: none;
-webkit-filter: none; -webkit-filter: none;
} }
.owl-carousel.customers .item a:hover { .owl-carousel.customers .item a:hover {
text-decoration: none; text-decoration: none;
} }
.owl-carousel.customers .item a:focus { .owl-carousel.customers .item a:focus {
text-decoration: none; text-decoration: none;
} }
.search_v { .search_v {
padding-top: 30px; padding-top: 30px;
width: 260px; width: 260px;
flex-shrink: 0; flex-shrink: 0;
} }
.search_v li { .search_v li {
list-style-type: none; list-style-type: none;
} }
.search_v li h3 { .search_v li h3 {
font-size: 16px; font-size: 16px;
color: #333333; color: #333;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 5px solid #467FBF; border-bottom: 5px solid #467FBF;
margin-bottom: 10px; margin-bottom: 10px;
display: inline-block; display: inline-block;
} }
.search_v li .search_box { .search_v li .search_box {
display: flex; display: flex;
} }
.search_v li .search_box .input_box { .search_v li .search_box .input_box {
border-top: 1px solid #D4D4D4; border-top: 1px solid #D4D4D4;
border-left: 1px solid #D4D4D4; border-left: 1px solid #D4D4D4;
border-bottom: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;
padding: 3px; padding: 3px;
width: calc(100% - 46px); width: calc(100% - 46px);
} }
.search_v li .search_box .input_box input { .search_v li .search_box .input_box input {
border: 0; border: 0;
padding: 5px; padding: 5px;
width: 100%; width: 100%;
} }
.search_v li .search_box .icon { .search_v li .search_box .icon {
width: 46px; width: 46px;
height: 35px; height: 35px;
border: 1px solid #467FBF; border: 1px solid #467FBF;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
border-radius: 0px; border-radius: 0;
} }
.search_v li .search_box .icon svg { .search_v li .search_box .icon svg {
width: 14px; width: 14px;
} }
.search_v li .search_box .icon svg path { .search_v li .search_box .icon svg path {
fill: #467FBF; fill: #467FBF;
} }
.search_v li:not(:last-child) { .search_v li:not(:last-child) {
margin-bottom: 25px; margin-bottom: 25px;
} }
.search_v li p { .search_v li p {
font-size: 14px; font-size: 14px;
color: #467FBF; color: #467FBF;
margin-bottom: 16px; margin-bottom: 16px;
} }
#error-page .box { #error-page .box {
margin-top: 148px; margin-top: 148px;
margin-bottom: 148px; margin-bottom: 148px;
} }
.book-menu .jstree-default .jstree-anchor { .book-menu .jstree-default .jstree-anchor {
height: 36px; height: 36px;
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
padding: 6px 0px; padding: 6px 0;
overflow: hidden; overflow: hidden;
} }
.book-menu .jstree-default .jstree-node{ .book-menu .jstree-default .jstree-node {
overflow:hidden; overflow: hidden;
} }
.book-menu .jstree-default .jstree-anchor a { .book-menu .jstree-default .jstree-anchor a {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
} }
.book-menu .jstree-default .jstree-anchor.jstree-hovered, .book-menu .jstree-default .jstree-anchor.jstree-hovered,
.book-menu .jstree-default .jstree-anchor.jstree-clicked { .book-menu .jstree-default .jstree-anchor.jstree-clicked {
color: #ffffff; color: #fff;
background-color: #467fbf; background-color: #467fbf;
} }
.book-menu .jstree-default .jstree-icon.jstree-ocl { .book-menu .jstree-default .jstree-icon.jstree-ocl {
margin-top:6px; margin-top: 6px;
} }
.table-bordered.table-striped td { .table-bordered.table-striped td {
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
} }
.table-bordered.table-striped td:last-child { .table-bordered.table-striped td:last-child {
white-space: inherit; white-space: inherit;
} }
.divmail ul, .divmail ol { .divmail ul,
padding-left: 15px; .divmail ol {
padding-left: 15px;
} }
.divmail ul li, .divmail ol li { .divmail ul li,
line-height: 30px; .divmail ol li {
line-height: 30px;
} }
.divmail ul li{ .divmail ul li {
line-height: 25px; line-height: 25px;
} }
.divmail ul li a { .divmail ul li a {
margin-left: 10px; margin-left: 10px;
} }
.container #blog-listing-medium .post .clearfix { .container #blog-listing-medium .post .clearfix {
margin-top: 15px; margin-top: 15px;
} }
.container #blog-listing-medium .post .intro, .container #blog-listing-medium .post .intro,
.container #blog-listing-medium .read-more { .container #blog-listing-medium .read-more {
margin-top: 40px; margin-top: 40px;
} }
.container .building { .container .building {
text-align: center; text-align: center;
margin-top: 50px; margin-top: 50px;
margin-bottom: 125px; margin-bottom: 125px;
} }
.container .building h4 { .container .building h4 {
margin-bottom: 40px; margin-bottom: 40px;
} }
.container .building p.buttons { .container .building p.buttons {
margin-top: 40px; margin-top: 40px;
} }
#all .navbar ul.nav > li > a { #all .navbar ul.nav > li > a {
text-decoration: none !important; text-decoration: none !important;
} }
#docstreeview { #docstreeview {
display: none; display: none;
} }
.container #cla-type-table { .container #cla-type-table {
width: 50%; width: 50%;
min-width: 320px; min-width: 320px;
max-width: 420px; max-width: 420px;
margin: 0 40px; margin: 0 40px;
} }
.container #individual-table { .container #individual-table {
display: block; display: block;
width: 70%; width: 70%;
min-width: 320px; min-width: 320px;
max-width: 800px; max-width: 800px;
margin: 0 40px; margin: 0 40px;
} }
.container #legalentity-table { .container #legalentity-table {
display: none; display: none;
width: 70%; width: 70%;
min-width: 320px; min-width: 320px;
max-width: 800px; max-width: 800px;
margin: 0 40px; margin: 0 40px;
} }
.container #cla-table { .container #cla-table {
width: 70%; width: 70%;
min-width: 320px; min-width: 320px;
max-width: 800px; max-width: 800px;
margin: 0 40px 20px 40px; margin: 0 40px 20px 40px;
text-align: center; text-align: center;
} }
.container #cla-type-table tr, .container #cla-type-table tr,
.container #individual-table tr, .container #individual-table tr,
.container #legalentity-table tr, .container #legalentity-table tr,
.container #cla-table tr { .container #cla-table tr {
height: 35px; height: 35px;
} }
.container #individual-table tr td:first-child, .container #individual-table tr td:first-child,
.container #legalentity-table tr td:first-child { .container #legalentity-table tr td:first-child {
width: 30%; width: 30%;
} }
.container #individual-table tr input[type=text], .container #individual-table tr input[type="text"],
.container #legalentity-table tr input[type=text] { .container #legalentity-table tr input[type="text"] {
width: 80%; width: 80%;
} }
.container #cla-type-table input[type=radio] { .container #cla-type-table input[type="radio"] {
margin-right: 10px; margin-right: 10px;
} }
.container .clanote { .container .clanote {
line-height: 35px; line-height: 35px;
} }
.container #sign-cla-button, .container #sign-cla-button,
.container #reset-cla-button { .container #reset-cla-button {
width:80px; width: 80px;
margin: 0 20px; margin: 0 20px;
} }
.container #tip-cla-label { .container #tip-cla-label {
margin-top: 10px; margin-top: 10px;
color: #467fbf; color: #467fbf;
} }
.container .book-menu { .container .book-menu {
font-size: inherit; font-size: inherit;
flex: 0 0 5rem; flex: 0 0 5rem;
margin-bottom:30px; margin-bottom: 30px;
} }
.container div.book-page { .container div.book-page {
margin-left: 30px; margin-left: 30px;
} }
.container div.book-page > header { .container div.book-page > header {
display: block; display: block;
} }
.container div.book-page table { .container div.book-page table {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
} }
.container div.book-page table td, .container div.book-page table td,
.container div.book-page table th { .container div.book-page table th {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
} }
.container div.book-page table th { .container div.book-page table th {
background-color: #eee; background-color: #eee;
} }
.container div.book-page table > tbody > tr:nth-of-type(odd) { .container div.book-page table > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
.container aside.book-toc { .container aside.book-toc {
display: none; display: none;
} }
#slideNav{ #slideNav {
display: none; display: none;
} }
html, html,
body { body {
position: relative; position: relative;
height: 100%; height: 100%;
} }
html { html {
min-width: 320px; min-width: 320px;
max-width: 1920px; max-width: 1920px;
margin: 0 auto; margin: 0 auto;
} }
.navbar-affixed-top.affix { .navbar-affixed-top.affix {
min-width: 320px; min-width: 320px;
max-width: 1920px; max-width: 1920px;
} }
/*new*/ /*new*/
#sigSection .dataBlock{ #sigSection .dataBlock {
margin-top:5px; margin-top: 5px;
white-space:nowrap;/*不允许换行*/ white-space: nowrap;/*不允许换行*/
overflow:hidden;/*超出隐藏*/ overflow: hidden;/*超出隐藏*/
text-overflow:ellipsis;/*文本超出三点代替*/ text-overflow: ellipsis;/*文本超出三点代替*/
} }
#sigSection .dataBlockLast{ #sigSection .dataBlockLast {
margin-bottom:5px; margin-bottom: 5px;
} }
#sigSection .blockTitle{ #sigSection .blockTitle {
border-width:0px; border-width: 0;
width:100%; width: 100%;
height:30px; height: 30px;
background-color:rgba(238, 238, 238, 1); background-color: rgba(238, 238, 238, 1);
box-sizing:border-box; box-sizing: border-box;
border-width:1px; border-width: 1px;
border-style:solid; border-style: solid;
border-color:rgba(221, 221, 221, 1); border-color: rgba(221, 221, 221, 1);
border-radius:10px; box-shadow: none;
border-bottom-right-radius:0px; font-weight: 400;
border-bottom-left-radius:0px; line-height: 30px;
-moz-box-shadow:none; padding-left: 20px;
-webkit-box-shadow:none; margin-top: 20px;
box-shadow:none; border-radius: 10px;
font-weight:400; -moz-box-shadow: none;
line-height: 30px; -webkit-box-shadow: none;
padding-left:20px; border-bottom-right-radius: 0;
margin-top:20px; border-bottom-left-radius: 0;
}
#sigSection .blockContent{ }
box-sizing:border-box; #sigSection .blockContent {
border-width:1px; box-sizing: border-box;
border-style:solid; border-width: 1px;
border-color:rgba(221, 221, 221, 1); border-style: solid;
border-radius:10px; border-color: rgba(221, 221, 221, 1);
border-top-right-radius:0px; -moz-box-shadow: none;
border-top-left-radius:0px; -webkit-box-shadow: none;
-moz-box-shadow:none; box-shadow: none;
-webkit-box-shadow:none; padding-left: 20px;
box-shadow:none; border-radius: 10px;
padding-left:20px; border-top-right-radius: 0;
} border-top-left-radius: 0;
.buildingImg{ }
border-width:0px; .buildingImg {
left:0px; border-width: 0;
top:0px; left: 0;
max-width:400px; top: 0;
max-width: 400px;
} }
...@@ -974,215 +1007,216 @@ html { ...@@ -974,215 +1007,216 @@ html {
/* new */ /* new */
.versionMain { .versionMain {
display: flex; display: flex;
} }
.versionMain .left_menu { .versionMain .left_menu {
text-align: right; text-align: right;
width:17%; width: 17%;
min-width: 150px; min-width: 150px;
} }
.versionMain .left_menu p{ .versionMain .left_menu p {
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
} }
.versionMain .left_menu p:hover{ .versionMain .left_menu p:hover {
color: #467FBF; color: #467FBF;
} }
.section>h2{ .section > h2 {
margin-top: 0; margin-top: 0;
} }
.nav-tabs{ .nav-tabs {
border-bottom: 0; border-bottom: 0;
} }
#all>header{ #all > header {
box-sizing: border-box; box-sizing: border-box;
} }
@media screen and (max-width:768px){ @media screen and (max-width:768px) {
.versionMain{ .versionMain {
padding: 0 !important; padding: 0 !important;
} }
.versionMain{ .versionMain {
flex-direction: column flex-direction: column;
} }
.left_menu{ .left_menu {
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
} }
.left_menu>p{ .left_menu > p {
flex: 1; flex: 1;
text-align: center; text-align: center;
} }
.version_main{ .version_main {
width: 90% !important; width: 90% !important;
} }
.section>h2{ .section > h2 {
margin-top: 20px; margin-top: 20px;
} }
} }
.versionMain .version_main { .versionMain .version_main {
width: 100%; width: 100%;
} }
.versionMain .version_main .version_step .version_part { .versionMain .version_main .version_step .version_part {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.versionMain .version_main .version_step .version_part:nth-child(2) { .versionMain .version_main .version_step .version_part:nth-child(2) {
margin: 5px 0; margin: 5px 0;
} }
.versionMain .version_main .version_step .version_part p { .versionMain .version_main .version_step .version_part p {
width: 140px; width: 140px;
} }
.versionMain .version_main .version_step .version_part p.circle { .versionMain .version_main .version_step .version_part p.circle {
width: 25px; width: 25px;
height: 25px; height: 25px;
background: #467fbf; background: #467fbf;
border-radius: 50%; border-radius: 50%;
} }
.versionMain .version_main .version_step .version_part p.line_solid { .versionMain .version_main .version_step .version_part p.line_solid {
height: 8px; height: 8px;
width: calc(50% - 70px); width: calc(50% - 70px);
background: #467fbf; background: #467fbf;
} }
.versionMain .version_main .version_step .version_part p.line_dot { .versionMain .version_main .version_step .version_part p.line_dot {
width: calc(50% - 70px); width: calc(50% - 70px);
border-top: 8px dashed #ccc; border-top: 8px dashed #ccc;
} }
.versionMain .version_main .version_list li { .versionMain .version_main .version_list li {
font-size: 14px; font-size: 14px;
} }
.versionMain .version_main .version_list li:not(:last-child) { .versionMain .version_main .version_list li:not(:last-child) {
margin-bottom: 20px; margin-bottom: 20px;
} }
.versionMain .version_main .version_table { .versionMain .version_main .version_table {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
color: #666; color: #666;
font-size: 13px; font-size: 13px;
} }
.versionMain .version_main .version_table thead tr { .versionMain .version_main .version_table thead tr {
background: #eee; background: #eee;
} }
.versionMain .version_main .version_table tbody tr td .more { .versionMain .version_main .version_table tbody tr td .more {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
} }
.versionMain .version_main .version_table tbody tr:nth-child(even) { .versionMain .version_main .version_table tbody tr:nth-child(even) {
background: #eee; background: #eee;
} }
.versionMain .version_main table, .versionMain .version_main table,
.versionMain .version_main table tr th, .versionMain .version_main table tr th,
.versionMain .version_main table tr td { .versionMain .version_main table tr td {
border: 1px solid #ddd; border: 1px solid #ddd;
padding: 5px 15px; padding: 5px 15px;
} }
.versionMain .version_main table tr td a { .versionMain .version_main table tr td a {
color: #467fbf; color: #467fbf;
} }
.main_down { .main_down {
width: 75%; width: 75%;
} }
.main_down h2 { .main_down h2 {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.main_down h2 a { .main_down h2 a {
margin-left: 50px; margin-left: 50px;
font-size: 13px; font-size: 13px;
color: #467fbf; color: #467fbf;
} }
.main_down .btns { .main_down .btns {
display: flex; display: flex;
margin-bottom: 50px; margin-bottom: 50px;
} }
.main_down .btns a { .main_down .btns a {
display: inline-block; display: inline-block;
width: 172px; width: 172px;
height: 56px; height: 56px;
background-color: #199ed8; background-color: #199ed8;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #FFFFFF; color: #FFF;
line-height: 56px; line-height: 56px;
text-align: center; text-align: center;
} }
.main_down .btns a:nth-child(2) { .main_down .btns a:nth-child(2) {
margin-left: 10px; margin-left: 10px;
background: #e4e4e4; background: #e4e4e4;
color: #666; color: #666;
} }
.main_down .down_more { .main_down .down_more {
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 10px; border-radius: 10px;
padding: 30px; padding: 30px;
margin-bottom: 50px; margin-bottom: 50px;
} }
.main_down .down_more li { .main_down .down_more li {
list-style-type: disc; list-style-type: disc;
color: #467fbf; color: #467fbf;
} }
.main_down .down_more li a { .main_down .down_more li a {
color: #467fbf; color: #467fbf;
} }
.homeMemebersBlock{ .homeMemebersBlock {
color:#666666; color: #666;
} }
html,body { html,
/*margin: 0; body {
padding:0;*/ /*margin: 0;
height: 100%; padding:0;*/
height: 100%;
} }
#all{ #all {
height:100%; height: 100%;
} }
#content{ #content {
min-height:calc(100% - 410px); min-height: calc(100% - 410px);
} }
.cards a{ .cards a {
width:25%; width: 25%;
} }
#downloadBlock{ #downloadBlock {
border-radius:10px; border-radius: 10px;
border:1px solid rgba(221,221,221,2); border: 1px solid rgba(221, 221, 221, 2);
min-height:290px; min-height: 290px;
} }
.downloadButtonBlock{ .downloadButtonBlock {
width:100%; width: 100%;
height:70px; height: 70px;
background-color:rgba(242,242,242,2.5); background-color: rgba(242, 242, 242, 2.5);
text-align: center; text-align: center;
} }
.downloadContentBlock{ .downloadContentBlock {
min-height:220px; min-height: 220px;
text-align: left; text-align: left;
padding:10px; padding: 10px;
padding-left:40px; padding-left: 40px;
padding-right:40px; padding-right: 40px;
} }
.downloadWholeBlock{ .downloadWholeBlock {
margin-bottom: 30px; margin-bottom: 30px;
} }
.downloadContentBlock .titleLine{ .downloadContentBlock .titleLine {
margin-top:10px; margin-top: 10px;
} }
.downloadContentBlock .titleLine1{ .downloadContentBlock .titleLine1 {
margin-top:10px; margin-top: 10px;
font-size:15px; font-size: 15px;
} }
.downloadContentBlock .titleLine1 strong{ .downloadContentBlock .titleLine1 strong {
margin-right:5px; margin-right: 5px;
} }
.downloadContentBlock .contentLine{ .downloadContentBlock .contentLine {
margin-top:5px; margin-top: 5px;
} }
.downloadVersion{ .downloadVersion {
margin-bottom: 10px; margin-bottom: 10px;
} }
.downloadDescription{ .downloadDescription {
margin-bottom:20px; margin-bottom: 20px;
margin-top:20px; margin-top: 20px;
} }
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或