|
|
Line 5: |
Line 5: |
| <style> | | <style> |
| | | |
− | h1 {font-size:16px; font-weight:bold; text-decoration:none; border:none; display:inline}
| |
| | | |
− | #contents { | + | #contents |
− | .firstPage{
| + | |
− | height: 683px;
| + | |
− | }
| + | |
− | | + | |
− | .firstPageBg{
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | position: absolute;
| + | |
− | background-position: center center;
| + | |
− | background-size: cover;
| + | |
− | z-index: -999;
| + | |
− | }
| + | |
− | | + | |
− | .videoBg{
| + | |
− | position: absolute;
| + | |
− | height: 683px;
| + | |
− | background-color: white;
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | position: absolute;
| + | |
− | background-size: cover;
| + | |
− | z-index: -999;
| + | |
− | }
| + | |
− | | + | |
− | #bgvid{
| + | |
− | position: absolute;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | min-width: 100%;
| + | |
− | min-height: 100%;
| + | |
− | width: 100%;
| + | |
− | height: auto;
| + | |
− | z-index: -100;
| + | |
− | background-size: cover;
| + | |
− | opacity: 0.7;
| + | |
− | }
| + | |
− | | + | |
− | .secondPage{
| + | |
− | }
| + | |
− | | + | |
− | .secondPageBg{
| + | |
− | height: 100%;
| + | |
− | width: 100%;
| + | |
− | position: relative;
| + | |
− | background-position: center center;
| + | |
− | background-size: cover;
| + | |
− | background-color: coral;
| + | |
− | }
| + | |
− | | + | |
− | .thirdPage{
| + | |
− | }
| + | |
− | | + | |
− | .thirdPageBg{
| + | |
− | height: 100%;
| + | |
− | width: 100%;
| + | |
− | position: relative;
| + | |
− | background-position: center center;
| + | |
− | background-size: cover;
| + | |
− | background-color: lightblue;
| + | |
− | }
| + | |
− | | + | |
− | .overview{
| + | |
− | padding-top: 250px;
| + | |
− | }
| + | |
− | | + | |
− | h1{
| + | |
− | color: white;
| + | |
− | font-size: 100px;
| + | |
− | font-weight: 800;
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− | | + | |
− | h2{
| + | |
− | margin-bottom: 50px;
| + | |
− | font-size: 65px;
| + | |
− | color: black;
| + | |
− | font-weight: 300;
| + | |
− | background-color: darkslateblue;
| + | |
− | padding: 20px;
| + | |
− | border-radius: 10px;
| + | |
− | }
| + | |
− | | + | |
− | h3{
| + | |
− | margin-bottom: 50px;
| + | |
− | font-size: 35px;
| + | |
− | color: black;
| + | |
− | font-weight: 300;
| + | |
− | clear: left;
| + | |
− | background-color: aliceblue;
| + | |
− | padding: 20px;
| + | |
− | border-radius: 10px;
| + | |
− | }
| + | |
− | | + | |
− | h4{
| + | |
− | padding: 10px 10px 10px 10px;
| + | |
− | background-color: aquamarine;
| + | |
− | border-radius: 10px;
| + | |
− | }
| + | |
− | | + | |
− | .lv1{
| + | |
− | margin-left: 15%;
| + | |
− | margin-right: 15%;
| + | |
− | }
| + | |
− | | + | |
− | .lv2{
| + | |
− | line-height: 1.5;
| + | |
− | margin-bottom: 10px;
| + | |
− | margin-top: 10px;
| + | |
− | background-color: CornflowerBlue;
| + | |
− | padding: 20px 20px 20px 25px;
| + | |
− | border-radius: 10px;
| + | |
− | font-size: 30px;
| + | |
− | }
| + | |
− | | + | |
− | .lv3{
| + | |
− | line-height: 2;
| + | |
− | font-size: 18px;
| + | |
− | margin: 30px 0;
| + | |
− | clear: left;
| + | |
− | background-color: white;
| + | |
− | padding: 20px;
| + | |
− | border-radius: 10px;
| + | |
− | }
| + | |
− | | + | |
− | .lv3 p{
| + | |
− | margin-left: 10px;
| + | |
− | }
| + | |
− | | + | |
− | .PageEnd{
| + | |
− | padding: 20px;
| + | |
− | clear: left;
| + | |
− | }
| + | |
− | | + | |
− | .teamImg{
| + | |
− | margin-left: 5%;
| + | |
− | width: 30%;
| + | |
− | float: left;
| + | |
− | clear: left;
| + | |
− | margin-top: 10px;
| + | |
− | border-radius: 50px;
| + | |
− | }
| + | |
− | | + | |
− | .teamImgText{
| + | |
− | margin-left: 40%;
| + | |
− | }
| + | |
− | | + | |
− | .PageEnd1{
| + | |
− | margin-top: 40px;
| + | |
− | }
| + | |
| | | |
| | | |
Add a banner to your wiki!
You can make the image 980px by 200px
Remember to call the file: "Team_XJTLU-CHINA_banner.jpg"