YuhangYang (Talk | contribs) |
YuhangYang (Talk | contribs) |
||
Line 7: | Line 7: | ||
/*Content*/ | /*Content*/ | ||
− | .Content{ width: 100%; background: cornsilk;} | + | .Content{ width: 100%; background: cornsilk;font-family: "Arial Regular";font-weight: bold;} |
.Content .title{ width: 100%; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; padding-top: 50px; letter-spacing: 2px;} | .Content .title{ width: 100%; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; padding-top: 50px; letter-spacing: 2px;} | ||
.Content .Team_Member,.Content .Instructor{ width: 80%; margin: auto;} | .Content .Team_Member,.Content .Instructor{ width: 80%; margin: auto;} |
Latest revision as of 10:04, 29 October 2017
body{ min-width: 1024px; min-height: 465px; position: relative;}
.SSTi-SZGD{ background: url() no-repeat center center; height: 600px; background-size: cover; padding-top: 15px;}
/*custom header*/ .header .nav .Team span,.header .nav .Team li:nth-of-type(1) a{ color: #FAEE0D;}
/*Content*/ .Content{ width: 100%; background: cornsilk;font-family: "Arial Regular";font-weight: bold;} .Content .title{ width: 100%; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; padding-top: 50px; letter-spacing: 2px;} .Content .Team_Member,.Content .Instructor{ width: 80%; margin: auto;} .Content .Team_Member .scroll{ width: 100%; position: relative; overflow: hidden; height: 750px;} .Content .Instructor .scroll{ width: 100%; position: relative; overflow: hidden; height: 600px;} .Content ul{ width: 500%; position: absolute; height: inherit; left: -507px;} .Content ul li{ word-wrap: break-word; margin: 85px 58.5px; font-size: 1.5rem; width: 8.5%; float: left; height: inherit; border: 5px dashed burlywood; padding: 20px; border-radius: 20px; height: 665px; width: 390px; overflow: hidden} .Content .Instructor ul li{ height: 400px;} .Content ul li img{ margin: auto; margin-bottom: 15px;} .Content ul li p{ margin-bottom: 5px; color: #333333; line-height: 1.8; text-align: justify;} .Content ul li .name{ font-size: 2.5rem; text-align: center;} .Content .icon_left{ position: absolute; width: 150px; height: 150px; background: rgba(0,0,0,0.431373); top: 330px; left: -75px; cursor: pointer; border-radius: 100%;} .Content .icon_left img{float: right; width: 30px; margin: 30px; margin-top: 45px;} .Content .icon_left:hover,.Content .icon_right:hover{ background: #BCD68D;} .Content .icon_right{ position: absolute; width: 150px; height: 150px; background: rgba(0,0,0,0.431373); top: 330px; right: -75px; cursor: pointer; border-radius: 100%;} .Content .icon_right img{float: left; width: 30px; margin: 30px; margin-top: 45px;} .Content .Instructor .icon_left,.Content .Instructor .icon_right{ top: 200px;}
/*--1366--*/ @media only screen and (max-width: 1366px) { .Content ul{ left: -539px;} .Content ul li{ margin: 85px 74.5px; height: 600px;} }
/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 50%;} .header .logo span{ margin: 15px 0;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 100px;} .header .nav .Human_Practices{ width: 140px;} .header .nav .Achievement{ width: 120px;} .header .nav .Team{ width: 95px;} .header .nav .mainnav span{ padding-top: 8.5px; margin-bottom: 21px;} .Content ul{ left: -450px;} .Content ul li{ margin: 85px 36.5px;} }
/*--1024--*/ @media only screen and (max-width: 1024px) { .Content ul{ left: -830px;} .Content ul li{ margin: 85px 220px;} }