|
|
| 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> |
