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