Skip to content

Z
ZhongWeiXin
Commit cf6bcfad by 邓丽
Options

mask

parent 5a0ff56a
Showing with 71 additions and 94 deletions
dist/css/style.css
......@@ -62,7 +62,7 @@ To change `display` (e.g. `display: inline-block;`), we suggest using a common C
}
.icon-tuite {
background-image: url(sprite.png);
background-position: -64px -52px;
background-position: -65px -52px;
width: 32px;
height: 26px;
}
......@@ -692,9 +692,6 @@ a.cd-read-more:hover {
color: #8a8a8a;
}
@media only screen and (min-width: 640px) {
/* .marginTop{
margin-top:160px;
}*/
.am-with-topbar-fixed-top {
padding-top: 200px;
}
......@@ -1050,29 +1047,25 @@ a.cd-read-more:hover {
max-height: 600px;
overflow: auto;
}
/* #entry{
width:100%;
position: absolute;
}*/
.bgImg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
height: 100%;
width: 100%;
z-index: 8;
background: rgba(0, 0, 0, 0.3);
}
.title {
display: block;
color: #fff;
position: absolute;
z-index: 10;
top: 43%;
width: 100%;
position: absolute;
top: 45%;
z-index: 12;
text-align: center;
/* background: rgba(0,0,0,0.2);*/
}
.title h2 {
font-size: 2.8rem;
......@@ -1083,8 +1076,6 @@ a.cd-read-more:hover {
word-spacing: 6px;
font-weight: 400;
width: 100%;
/* position: absolute;
top: 43%*/
}
.title p {
font-size: 2.0rem;
......@@ -1092,8 +1083,6 @@ a.cd-read-more:hover {
word-spacing: 6px;
letter-spacing: 2px;
width: 100%;
/* position: absolute;
top: 50%;*/
}
.title p a {
color: #c9c9c9;
......@@ -1200,8 +1189,9 @@ a.cd-read-more:hover {
position: absolute;
top: 25px;
right: 20px;
font-size: 40px;
font-size: 30px;
font-weight: 100;
transition: none;
}
.am-modal-dialog .am-modal-bd {
text-align: left;
......@@ -1224,7 +1214,7 @@ a.cd-read-more:hover {
}
.am-modal-dialog .am-modal-bd .icon a {
display: inline-block;
margin-right: 10px;
margin-right: 15px;
}
.am-modal-dialog .am-modal-bd .icon a i {
display: inline-block;
......@@ -1301,9 +1291,6 @@ a.cd-read-more:hover {
}
}
@media (min-width: 1150px) and (max-width: 1530px) {
/* .marginTop{
margin-top:110px;
}*/
.am-with-topbar-fixed-top {
padding-top: 150px;
}
......@@ -1377,9 +1364,6 @@ a.cd-read-more:hover {
}
}
@media (min-width: 640px) and (max-width: 1150px) {
/* .marginTop{
margin-top:100px;
}*/
.am-with-topbar-fixed-top {
padding-top: 100px;
}
......@@ -1541,9 +1525,6 @@ a.cd-read-more:hover {
}
@media (min-width: 640px) and (max-width: 850px) {
.am-with-topbar-fixed-top {
/* .marginTop{
margin-top:100px;
}*/
padding-top: 100px;
}
.am-topbar-brand {
......@@ -1596,7 +1577,6 @@ a.cd-read-more:hover {
color: #eee;
line-height: 20px;
word-spacing: 1px;
/* height: 500px;*/
overflow: auto;
}
.am-topbar-collapse.am-collapse {
......@@ -1877,8 +1857,6 @@ a.cd-read-more:hover {
}
/*index页面*/
.mobileTop {
/* margin-top: 46%;*/
/* max-height: 300px;*/
overflow: hidden;
}
.mobileTop #entry {
......@@ -1914,9 +1892,10 @@ a.cd-read-more:hover {
left: 0;
right: 0;
bottom: 0;
height: 102%;
z-index: 10;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.3);
}
.sileTop {
margin-top: 70px;
......
dist/html/biography.html
......@@ -84,13 +84,13 @@
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >&times;</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<p>Mobile: <b>+86(0)18982079737</b></p>
<p>TEL: <b>+86（028）85170675</b></p>
<p>Email: <b class="blue">zhongweixing@outlook.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/zhongweixing/" title="Zhong WeiXing Twitter"><i class="icon-tuite"></i></a>
<a href="https://www.facebook.com/zhongweixing/" title="Zhong WeiXing Facebook"><i class="icon-facebook"></i></a>
<a href="https://www.instagram.com/zhongweixing/" title="Zhong WeiXing Instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
......
dist/html/exhibition.html
......@@ -81,13 +81,13 @@
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >&times;</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<p>Mobile: <b>+86(0)18982079737</b></p>
<p>TEL: <b>+86（028）85170675</b></p>
<p>Email: <b class="blue">zhongweixing@outlook.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/zhongweixing/" title="Zhong WeiXing Twitter"><i class="icon-tuite"></i></a>
<a href="https://www.facebook.com/zhongweixing/" title="Zhong WeiXing Facebook"><i class="icon-facebook"></i></a>
<a href="https://www.instagram.com/zhongweixing/" title="Zhong WeiXing Instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
......
dist/html/news.html
......@@ -83,13 +83,13 @@
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >&times;</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<p>Mobile: <b>+86(0)18982079737</b></p>
<p>TEL: <b>+86（028）85170675</b></p>
<p>Email: <b class="blue">zhongweixing@outlook.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/zhongweixing/" title="Zhong WeiXing Twitter"><i class="icon-tuite"></i></a>
<a href="https://www.facebook.com/zhongweixing/" title="Zhong WeiXing Facebook"><i class="icon-facebook"></i></a>
<a href="https://www.instagram.com/zhongweixing/" title="Zhong WeiXing Instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
......
dist/html/portfolio.html
......@@ -79,13 +79,13 @@
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >&times;</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<p>Mobile: <b>+86(0)18982079737</b></p>
<p>TEL: <b>+86（028）85170675</b></p>
<p>Email: <b class="blue">zhongweixing@outlook.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/zhongweixing/" title="Zhong WeiXing Twitter"><i class="icon-tuite"></i></a>
<a href="https://www.facebook.com/zhongweixing/" title="Zhong WeiXing Facebook"><i class="icon-facebook"></i></a>
<a href="https://www.instagram.com/zhongweixing/" title="Zhong WeiXing Instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
......
dist/html/project.html
......@@ -82,13 +82,13 @@
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >&times;</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<p>Mobile: <b>+86(0)18982079737</b></p>
<p>TEL: <b>+86（028）85170675</b></p>
<p>Email: <b class="blue">zhongweixing@outlook.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/zhongweixing/" title="Zhong WeiXing Twitter"><i class="icon-tuite"></i></a>
<a href="https://www.facebook.com/zhongweixing/" title="Zhong WeiXing Facebook"><i class="icon-facebook"></i></a>
<a href="https://www.instagram.com/zhongweixing/" title="Zhong WeiXing Instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
......
dist/html/publications.html
......@@ -81,13 +81,13 @@
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >&times;</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<p>Mobile: <b>+86(0)18982079737</b></p>
<p>TEL: <b>+86（028）85170675</b></p>
<p>Email: <b class="blue">zhongweixing@outlook.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/zhongweixing/" title="Zhong WeiXing Twitter"><i class="icon-tuite"></i></a>
<a href="https://www.facebook.com/zhongweixing/" title="Zhong WeiXing Facebook"><i class="icon-facebook"></i></a>
<a href="https://www.instagram.com/zhongweixing/" title="Zhong WeiXing Instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
......
src/less/style.less
......@@ -339,9 +339,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
@media only screen and (min-width: 640px){
/* .marginTop{
margin-top:160px;
}*/
.am-with-topbar-fixed-top {
padding-top: 200px;
}
......@@ -711,19 +708,20 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
left: 0;
right: 0;
bottom: 0;
z-index:10;
height: 100%;
width: 100%;
z-index: 8;
background: rgba(0,0,0,0.3);
}
.title{
.title {
display: block;
color: #fff;
width:100%;
position: absolute;
z-index: 10;
top: 43%;
width: 100%;
top:45%;
z-index: 12;
text-align: center;
h2{
h2 {
font-size: 2.8rem;
line-height: 30px;
color: #e5e5e5;
......@@ -731,15 +729,15 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
letter-spacing: 6px;
word-spacing: 6px;
font-weight: 400;
width:100%;/;
width: 100%;
}
p{
p {
font-size: 2.0rem;
line-height: 25px;
word-spacing: 6px;
letter-spacing: 2px;
width:100%;
a{
width: 100%;
a {
color: #c9c9c9;
}
}
......@@ -846,8 +844,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
position: absolute;
top: 25px;
right: 20px;
font-size: 40px;
font-size: 30px;
font-weight: 100;
transition: none;
}
}
.am-modal-bd{
......@@ -869,7 +868,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
margin-top:10px;
a{
display: inline-block;
margin-right: 10px;
margin-right: 15px;
i{
display: inline-block;
vertical-align: middle;
......@@ -1575,9 +1574,10 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
left: 0;
right: 0;
bottom: 0;
height: 102%;
z-index: 10;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.3);
}
.sileTop{
margin-top:70px;
......@@ -1825,8 +1825,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
display: none;
}
}
@media (min-width: 300px) and (max-width: 640px){
}
.am-dimmer {
background-color: rgba(0,0,0,0.5);
}
......
src/pages/components/header.html
......@@ -33,13 +33,13 @@
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close onclick="activeStyle()" >&times;</a>
</div>
<div class="am-modal-bd">
<p>Tel: <b>15236999412</b></p>
<p>email:<b class="blue">7495879552@qq.com</b></p>
<p>Mobile: <b>+86(0)18982079737</b></p>
<p>TEL: <b>+86（028）85170675</b></p>
<p>Email: <b class="blue">zhongweixing@outlook.com</b></p>
<div class="icon">
<a herf=""><i class="icon-tuite"></i></a>
<a herf=""><i class="icon-facebook"></i></a>
<a herf=""><i class="icon-instagram"></i></a>
<a herf=""><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/zhongweixing/" title="Zhong WeiXing Twitter"><i class="icon-tuite"></i></a>
<a href="https://www.facebook.com/zhongweixing/" title="Zhong WeiXing Facebook"><i class="icon-facebook"></i></a>
<a href="https://www.instagram.com/zhongweixing/" title="Zhong WeiXing Instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
......
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 to comment