|
|
Line 7: |
Line 7: |
| <meta name="author" content="scut_lyj"> | | <meta name="author" content="scut_lyj"> |
| <title>IGEM-China_B</title> | | <title>IGEM-China_B</title> |
− | <style type="text/css"> | + | {{overview}} |
− |
| + | |
− | * {
| + | |
− | margin:0;
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | a {
| + | |
− | text-decoration:none;
| + | |
− | appearance:none;
| + | |
− | -webkit-appearance:none;
| + | |
− | cursor: pointer;
| + | |
− | } | + | |
− | input {
| + | |
− | margin:0;
| + | |
− | padding:0;
| + | |
− | outline:none;
| + | |
− | border:0;
| + | |
− | background:none;
| + | |
− | appearance:none;
| + | |
− | -webkit-appearance:none;
| + | |
− | }
| + | |
− | button{
| + | |
− | margin:0;
| + | |
− | padding:0;
| + | |
− | outline:none;
| + | |
− | border:0;
| + | |
− | backgrond:none;
| + | |
− | }
| + | |
− | hr{
| + | |
− | border:0;
| + | |
− | border-top:1px solid;
| + | |
− | margin:0;
| + | |
− | padding:0;
| + | |
− | }
| + | |
− | select{
| + | |
− | border:0;
| + | |
− | margin:0;
| + | |
− | padding:0;
| + | |
− | background:none;
| + | |
− | outline:none;
| + | |
− | appearance:none;
| + | |
− | -webkit-appearance:none;
| + | |
− | }
| + | |
− | ul{
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | list-style: none;
| + | |
− | box-sizing: initial;
| + | |
− | -webkit-box-sizing: initial;
| + | |
− | }
| + | |
− | li{
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | list-style: none;
| + | |
− | box-sizing: initial;
| + | |
− | -webkit-box-sizing: initial;
| + | |
− | }
| + | |
− | p{
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | * {
| + | |
− | word-break: normal;
| + | |
− | font-family: verdana;
| + | |
− | }
| + | |
− | a {
| + | |
− | margin: 0;
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | img {
| + | |
− | -webkit-user-select: none;
| + | |
− | -moz-user-select: none;
| + | |
− | -ms-user-select: none;
| + | |
− | -o-user-select: none;
| + | |
− | user-select: none;
| + | |
− | }
| + | |
− | * {
| + | |
− | list-style: none;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | .nav {
| + | |
− | position:relative;
| + | |
− | width: 100%;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | .nav ul {
| + | |
− | height:0;
| + | |
− | left:0;
| + | |
− | overflow:hidden;
| + | |
− | position:absolute;
| + | |
− | width: 100%;
| + | |
− | box-shadow: 1px 1px 1px #c94856;
| + | |
− | }
| + | |
− | .nav li{
| + | |
− | float:left;
| + | |
− | position:relative;
| + | |
− | width: 11.1%;
| + | |
− | line-height: 15px;
| + | |
− | font-size: 15px;
| + | |
− | background-color: #d6515c;
| + | |
− | height: 70px;
| + | |
− | opacity: 0.93;
| + | |
− | }
| + | |
− | .nav>li>ul:last-child {
| + | |
− | border-bottom-right-radius: 3px;
| + | |
− | border-bottom-left-radius: 3px;
| + | |
− | }
| + | |
− | | + | |
− | .logo1 {
| + | |
− | margin-top: -10px;
| + | |
− | width: 60%;
| + | |
− | margin-right: -80px;
| + | |
− | }
| + | |
− | .logo2 {
| + | |
− | margin-top: 17px;
| + | |
− | width: 70%;
| + | |
− | margin-left: -70px;
| + | |
− | }
| + | |
− | | + | |
− | .nav li:hover ul {
| + | |
− | height:auto;
| + | |
− | width:100%;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .nav ul li {
| + | |
− | -moz-transition:0.2s;
| + | |
− | -o-transition:0.2s;
| + | |
− | -webkit-transition:0.2s;
| + | |
− | opacity:0;
| + | |
− | transition:0.2s;
| + | |
− | width:100%;
| + | |
− | background-color: #d6515c;
| + | |
− | }
| + | |
− | | + | |
− | .nav li:hover ul li {
| + | |
− | opacity:1;
| + | |
− | -moz-transition-delay:0s;
| + | |
− | -o-transition-delay:0s;
| + | |
− | -webkit-transition-delay:0s;
| + | |
− | transition-delay:0s;
| + | |
− | }
| + | |
− | .nav li:hover ul li,.nav li:nth-child(n+3):hover {
| + | |
− | background-color: #ffe1e4;
| + | |
− | -moz-transition:0.2s;
| + | |
− | -o-transition:0.2s;
| + | |
− | -webkit-transition:0.2s;
| + | |
− | }
| + | |
− | | + | |
− | .nav li a {
| + | |
− | -moz-transition:0.2s;
| + | |
− | -o-transition:0.2s;
| + | |
− | -webkit-transition:0.2s;
| + | |
− | display:block;
| + | |
− | transition:0.2s;
| + | |
− | color: white;
| + | |
− | | + | |
− | }
| + | |
− | .nav ul li a {
| + | |
− | line-height:1px;
| + | |
− | -moz-transition:0.2s;
| + | |
− | -o-transition:0.2s;
| + | |
− | -webkit-transition:0.2s;
| + | |
− | transition:0.2s;
| + | |
− | }
| + | |
− | .nav li:hover ul li a ,.nav li:hover a{
| + | |
− | color: #c94856;
| + | |
− | }
| + | |
− | .nav li ul li:hover,.nav>li>a:hover {
| + | |
− | background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(206,15,53, 0.5)), to(rgba(206,15,53, 0)));
| + | |
− | background-image: -moz-linear-gradient(-90deg, rgba(206,15,53, 0.5), rgba(206,15,53, 0));
| + | |
− | background-image: -o-linear-gradient(-90deg,rgba(206,15,53,0.5),rgba(206,15,53,0));
| + | |
− | }
| + | |
− | .nav>li>a:hover,.nav>li:hover a{
| + | |
− | height: 70px;
| + | |
− | line-height: 64px;
| + | |
− | }
| + | |
− | .nav {
| + | |
− | position: fixed;
| + | |
− | z-index: 10000;
| + | |
− | }
| + | |
− | .space {
| + | |
− | width: 100%;
| + | |
− | display: block;
| + | |
− | height: 70px;
| + | |
− | z-index: -10000;
| + | |
− | background-color: #d6515c;
| + | |
− | }
| + | |
− | .nav>li>a {
| + | |
− | height: 70px;
| + | |
− | line-height: 64px;
| + | |
− | }
| + | |
− | .top {
| + | |
− | height: 600px;
| + | |
− | background-image: url(https://static.igem.org/mediawiki/parts/5/5e/Wiki_6.png);
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-size: 100% 600px;
| + | |
− | }
| + | |
− | .title {
| + | |
− | display: block;
| + | |
− | margin-left: auto;
| + | |
− | margin-top: 40px;
| + | |
− | margin-right: auto;
| + | |
− | font-size: 30px;
| + | |
− | line-height: 30px;
| + | |
− | width: 40%;
| + | |
− | color: white;
| + | |
− | font-family: verdana;
| + | |
− | text-shadow: 5px 5px 2px #c94856;
| + | |
− | }
| + | |
− | .abstract {
| + | |
− | display: block;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | font-size: 20px;
| + | |
− | line-height: 20px;
| + | |
− | width: 71%;
| + | |
− | font-family: verdana;
| + | |
− | text-shadow: 5px 5px 2px #c94856;
| + | |
− | color: white;
| + | |
− | margin-top: 20px;
| + | |
− | }
| + | |
− | .topLogo {
| + | |
− | display: block;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | padding-top: 20px;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .img {
| + | |
− | display: block;
| + | |
− | margin-top: 40px;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− | .imgDiv {
| + | |
− | width: 100%;
| + | |
− | height: 110px;
| + | |
− | }
| + | |
− | .mid {
| + | |
− | width: 100%;
| + | |
− | background-image: url(https://static.igem.org/mediawiki/parts/5/5e/Wiki_8.png);
| + | |
− | background-size: 100% auto;
| + | |
− | background-repeat: no-repeat;
| + | |
− | height: 525px;
| + | |
− | font-family: verdana;
| + | |
− | color: #c94856;
| + | |
− | }
| + | |
− | .bottom {
| + | |
− | width: 100%;
| + | |
− | background-image: url(https://static.igem.org/mediawiki/parts/5/5e/Wiki_7.png);
| + | |
− | background-size: 100% auto;
| + | |
− | background-repeat: no-repeat;
| + | |
− | height: 424px;
| + | |
− | }
| + | |
− | .topButton {
| + | |
− | opacity: 0.5;
| + | |
− | width: 10%;
| + | |
− | height: 60%;
| + | |
− | float: right;
| + | |
− | margin-right: 40%;
| + | |
− | margin-top: 45%;
| + | |
− | z-index: 100;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− | span {
| + | |
− | color: white;
| + | |
− | font-size: 28px;
| + | |
− | display: block;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | #bt {
| + | |
− | font-size: 64px;
| + | |
− | }
| + | |
− | .info {
| + | |
− | width: 50%;
| + | |
− | float: left;
| + | |
− | margin-left: 5%;
| + | |
− | margin-top: 10%;
| + | |
− | color: white;
| + | |
− | }
| + | |
− | | + | |
− | .photo {
| + | |
− | display: inline-block;
| + | |
− | width: 80%;
| + | |
− | }
| + | |
− | .leftBtn,.rightBtn {
| + | |
− | font-size: 64px;
| + | |
− | display: inline;
| + | |
− | margin-top: 16%;
| + | |
− | cursor: pointer;
| + | |
− | color: white;
| + | |
− | user-select: none;
| + | |
− | }
| + | |
− | .leftBtn {
| + | |
− | float: left;
| + | |
− | width: 5%;
| + | |
− | margin-left: 5%;
| + | |
− | }
| + | |
− | .rightBtn {
| + | |
− | float: right;
| + | |
− | width: 5%;
| + | |
− | margin-right: 5%;
| + | |
− | }
| + | |
− | .pho {
| + | |
− | width: 60%;
| + | |
− | display: block;
| + | |
− | margin-top: 6%;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | box-shadow: 15px 15px 10px #a3002c;
| + | |
− | height: auto;
| + | |
− | }
| + | |
− | .left {
| + | |
− | width: 60%;
| + | |
− | float: left;
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .right {
| + | |
− | width: 40%;
| + | |
− | float: right;
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .info {
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | margin-top: 20%;
| + | |
− | margin-left: 15%;
| + | |
− | font-size: 22px;
| + | |
− | color: white;
| + | |
− | }
| + | |
− | .gold {
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .top2 {
| + | |
− | width: 49%;
| + | |
− | display: inline-block;
| + | |
− | float: left;
| + | |
− | border-right: solid 1px white;
| + | |
− | }
| + | |
− | .down {
| + | |
− | width: 50%;
| + | |
− | display: inline-block;
| + | |
− | float: right;
| + | |
− | }
| + | |
− | #scut {
| + | |
− | width: 18%;
| + | |
− | display: inline-block;
| + | |
− | margin-left: 30%;
| + | |
− | margin-top: 5%;
| + | |
− | float: left;
| + | |
− | }
| + | |
− | #butLogo {
| + | |
− | width: 24%;
| + | |
− | margin-top: 2.5%;
| + | |
− | display: inline-block;
| + | |
− | float: left;
| + | |
− | margin-left: 5%;
| + | |
− | }
| + | |
− | #medal {
| + | |
− | width: 60%;
| + | |
− | margin-left: 20%;
| + | |
− | margin-top: 5%;
| + | |
− | } | + | |
− | </style>
| + | |
| </head> | | </head> |
| <body> | | <body> |