Skip to content

html / bdideal

Go to a project
Commit c8611760 by hank
Options

样式修改

parent cead3d1f
Showing with 198 additions and 6 deletions
style/index.css
......@@ -467,6 +467,101 @@ ul {
height: 411px;
float: left;
}
.our-products .views-content .two a {
display: inline-block;
color: #fff;
border: 1px solid #ffffff;
}
.our-products .views-content .two .introduce {
background: url('../img/index_02bgpink.png') no-repeat top center;
background-size: cover;
}
.our-products .views-content .two .introduce .top {
padding-top: 60px;
}
.our-products .views-content .two .introduce .top .line1 {
width: 169px;
height: 1px;
background: #fff;
}
.our-products .views-content .two .introduce .top .line2 {
width: 33px;
height: 1px;
background: #fff;
}
.our-products .views-content .two .introduce .top .name {
font-size: 24px;
font-weight: 400;
color: #fff;
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.our-products .views-content .two .introduce .top .en {
font-size: 12px;
font-weight: 300;
line-height: 1;
color: #fff;
padding-bottom: 18px;
}
.our-products .views-content .two .introduce .bottom {
padding-top: 40px;
color: #fff;
font-size: 14px;
line-height: 30px;
}
.our-products .views-content .two a {
display: inline-block;
color: #fff;
border: 1px solid #ffffff;
}
.our-products .views-content .two:hover .introduce {
width: 340px;
height: 411px;
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
padding-left: 34px;
}
.our-products .views-content .two:hover .introduce .top {
padding-top: 60px;
}
.our-products .views-content .two:hover .introduce .top .line1 {
width: 169px;
height: 1px;
background: #c70151;
}
.our-products .views-content .two:hover .introduce .top .line2 {
width: 33px;
height: 1px;
background: #c70151;
}
.our-products .views-content .two:hover .introduce .top .name {
font-size: 24px;
font-weight: 400;
color: #c70151;
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.our-products .views-content .two:hover .introduce .top .en {
font-size: 12px;
font-weight: 300;
line-height: 1;
color: #c70151;
padding-bottom: 18px;
}
.our-products .views-content .two:hover .introduce .bottom {
padding-top: 40px;
color: #979797;
font-size: 14px;
line-height: 30px;
}
.our-products .views-content .two:hover a {
display: inline-block;
color: #A7A7A7;
border: 1px solid #A7A7A7;
cursor: pointer;
}
.left-menu {
display: inline-block;
background: url('/img/bg3.png') top center no-repeat;
......
style/index.less
......@@ -499,11 +499,105 @@ ul {
width:340px;
height: 411px;
float: left;
// a {
// display: inline-block;
// color: #fff;
// border:1px solid #ffffff;
// }
a {
display: inline-block;
color: #fff;
border:1px solid #ffffff;
}
.introduce {
// background-image: url('') !important;
background: url('../img/index_02bgpink.png') no-repeat top center;
background-size: cover;
.top {
padding-top: 60px;
.line1 {
width:169px;
height:1px;
// background:rgba(199,1,81,1);
background: #fff;
}
.line2 {
width:33px;
height:1px;
background: #fff; }
.name{
font-size:24px;
font-weight:400;
color: #fff;
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.en {
font-size:12px;
font-weight:300;
line-height: 1;
color:#fff;
padding-bottom: 18px;
}
}
.bottom {
padding-top: 40px;
color: #fff;
font-size: 14px;
line-height: 30px;
}
}
a {
display: inline-block;
color: #fff;
border:1px solid #ffffff;
}
&:hover {
.introduce {
width:340px;
height: 411px;
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
padding-left: 34px;
.top {
padding-top: 60px;
.line1 {
width:169px;
height:1px;
background:rgba(199,1,81,1);
}
.line2 {
width:33px;
height:1px;
background:rgba(199,1,81,1);
}
.name{
font-size:24px;
font-weight:400;
color:rgba(199,1,81,1);
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.en {
font-size:12px;
font-weight:300;
line-height: 1;
color:rgba(199,1,81,1);
padding-bottom: 18px;
}
}
.bottom {
padding-top: 40px;
color: #979797;
font-size: 14px;
line-height: 30px;
}
}
a {
display: inline-block;
color: #A7A7A7;
border:1px solid #A7A7A7;
cursor: pointer;
}
}
}
}
}
......
style/products.css
......@@ -103,6 +103,7 @@ ul {
bottom: 0;
left: 10%;
z-index: 1;
opacity: 0.5;
}
#banner .word-box {
position: absolute;
......
style/products.less
......@@ -111,7 +111,9 @@ ul {
position: absolute;
bottom: 0;
left: 10%;
z-index: 1
z-index: 1;
opacity: 0.5;
}
// background-color: #ccc;
position: relative;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment