|
|
| Line 3: |
Line 3: |
| | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | <title>Nanjing-China2018</title> | | <title>Nanjing-China2018</title> |
| | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Nanjing-China/CSS:6?action=raw&ctype=text/css" /> |
| | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Nanjing-China/CSS:loader?action=raw&ctype=text/css" /> |
| | <style type="text/css"> | | <style type="text/css"> |
| − | <!--
| |
| − | #sideMenu,
| |
| − | #top_title{
| |
| − | display: none;
| |
| − | }
| |
| − | #content{
| |
| − | width: 100%;
| |
| − | margin: 0px;
| |
| − | padding:0;
| |
| − | background-color:block;
| |
| − | }
| |
| − | #HQ_page{ background-color:#FFF;
| |
| − | background-image:url("https://static.igem.org/mediawiki/2018/6/6b/T--Nanjing-China--background-1.png");
| |
| − | background-attachment:fixed;
| |
| − | background-size:cover;
| |
| − | background-repeat:no-repeat
| |
| − | background-position:bottom}
| |
| − | #HQ_page p{ font-size:110%;}
| |
| − | #HQ_page h3{ font-size:130%;}
| |
| − | #HQ_page h2{ font-size:150%;}
| |
| − | #HQ_page h1{ font-size:200%; font-family: "Comic Sans MS", cursive;}
| |
| − | #HQ_page table{ border:none;
| |
| − | background-color:rgba(0,51,204,0);}
| |
| − | #HQ_page td{border:none;}
| |
| − | body {
| |
| − | font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | background-color:rgba(255,255,255,0);
| |
| − | }
| |
| − | a img {border: none;}
| |
| − | table {
| |
| − | border-collapse: collapse;
| |
| − | border-spacing: 0;
| |
| − | }
| |
| − | .container {
| |
| − | width: 100%;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | margin: 0 auto;
| |
| − | alignment-adjust:central;
| |
| − | }
| |
| − | .header {
| |
| − | position:relative;
| |
| − | width:100%;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | alignment-adjust:central;
| |
| − | z-index:2;}
| |
| − | .contain {
| |
| − | position: relative;
| |
| − | top:-80px;
| |
| − | width: 76%;
| |
| − | max-width: 1100px;
| |
| − | min-width: 700px;
| |
| − | padding: 10px 0;
| |
| − | alignment-adjust: central;
| |
| − | background-color:rgba(255,255,255,0.4);
| |
| − | }
| |
| − | .contain ul, .contain ol {
| |
| − | padding: 0 15px 15px 40px;
| |
| − | }
| |
| − | .footer {
| |
| − | position:relative;
| |
| − | clear: both;
| |
| − | alignment-adjust:central;
| |
| − | background-color:rgba(0,51,204,0);
| |
| − |
| |
| − | }
| |
| − | #menu{
| |
| − | position:fixed;
| |
| − | left:50px;
| |
| − | width: 770px;
| |
| − | font-family: "Comic Sans MS", cursive;
| |
| − | z-index:3;
| |
| − |
| |
| − | }
| |
| − | #menu ul{ margin: auto; padding:0; list-style:none; width:770px;}
| |
| − | #menu ul li{ height:42px; line-height:42px; margin-left: 2px; margin-bottom: 2px; border-right:3px solid #666; border-bottom:2.8px solid #666; border-top:1.5px solid #666; border-left:1px solid #666; text-align:center; float:left; width:122px; color:#F90;}
| |
| − | #menu ul li a{ color:#003; text-decoration:none; display:block;
| |
| − | width:123px; height:42px;}
| |
| − | #menu ul li a:hover{
| |
| − | background-color: #999;
| |
| − | color: #FFF;
| |
| − | width: 124px;
| |
| − | height: 46px;
| |
| − | font-family:Verdana, Geneva, sans-serif;}
| |
| − | #menu ul li ul{ display:none; width:124px; z-index:3;}
| |
| − | #menu ul li.listshow ul{ display:block;}
| |
| − | #menu ul li ul li{
| |
| − | float: none;
| |
| − | width: 122px;
| |
| − | margin: 0;
| |
| − | }
| |
| − | #menu ul li ul li a{ background:none; width:124px;}
| |
| − | #menu ul li ul li a:hover{ background:rgba(102,102,102,0.6); color:#FFFFFF; width:124px; height:45px; font-family:Verdana, Geneva, sans-serif;}
| |
| − | #menu ul li a#on{ background:none;}
| |
| − | .clear{clear:both;}
| |
| − | #d{ left:85%; width:15%; position:fixed; z-index:10;}
| |
| − | #HOME {
| |
| − | position:relative;
| |
| − | top:auto;
| |
| − | width: 115px;
| |
| − | text-align:center;
| |
| − | background:rgba(255,255,0,0.2);
| |
| − | font-size:15px;
| |
| − | alignment-adjust:central;
| |
| − | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
| |
| − | z-index:3;
| |
| − | visibility: hidden;
| |
| − | }
| |
| − | #HOME .sub {
| |
| − | background-color:rgba(102,102,204,0.5); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px;}
| |
| − | #HOME .sub ul{ margin: auto; padding:0; list-style:none; width:115px;}
| |
| − | #HOME .sub ul li{
| |
| − | background-color:rgba(0,153,255,0.3); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px;}
| |
| − | #HOME .sub ul li a:hover{background-color:#930; color:#CCC; height:50px; line-height:50px;}
| |
| − | #HOME .sub ul li a{ text-decoration:none; color:#000;}
| |
| − | #HOME ul{
| |
| − | margin: auto; padding:0; list-style:0;}
| |
| − | #HOME ul li{ background:rgba(102,102,153,0.3); height:37px; line-height:37px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px; margin-right:1px; list-style:0;}
| |
| − | #HOME ul li a{
| |
| − | text-decoration: none;
| |
| − | display:block;
| |
| − | color:#003;
| |
| − | width:115px;
| |
| − | height:37px;
| |
| − |
| |
| − | }
| |
| − | #HOME ul li a:hover{ background:rgba(102,102,153,0.5); color:#FFFFFF; width:115px; height:40px;}
| |
| − | #HOME ul li a#on{ background:rgba(102,102,153,0.9);}
| |
| − | .f{ position:absolute; width:80%; left:10%; alignment-adjust:central; z-index:2;}
| |
| − | .f-word{ position:relative; width:30%; left:auto; height:230px; float:left;}
| |
| − | .f-img{ position:relative; width:20%; height:120px; float:left;}
| |
| − | #HQ_page .f p{ font-size:90%;}
| |
| − | .container .footer div .f .f-word h3 {
| |
| − | color: #000;
| |
| − | font-family: Verdana, Arial, Helvetica, sans-serif;
| |
| − | }
| |
| − | .f-b{position:relative;}
| |
| − | .word-background-block{ width:100%;
| |
| − | float:left;}
| |
| − | .word-1{ width:100%;
| |
| − | float:left;}
| |
| − | .word-2{ width:50%;
| |
| − | float:left;}
| |
| − | .word-3{ width:33%;
| |
| − | float:left;}
| |
| − | .word{
| |
| − | position:relative;
| |
| − | width:90%;
| |
| − | float:left;
| |
| − | background-color:rgba(255,255,255,0.4);
| |
| − | padding:5%;}
| |
| − | .f{
| |
| − | position:relative;
| |
| − | float:left;
| |
| − | padding:5%;}
| |
| − |
| |
| | </style> | | </style> |
| | <script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:1?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:1?action=raw&ctype=text/javascript"></script> |
| Line 197: |
Line 42: |
| | | | |
| | <body> | | <body> |
| | + | <div id="loader"> |
| | + | <div class="spinner"> |
| | + | <div class="spinner-container container1"> |
| | + | <div class="circle1"></div> |
| | + | <div class="circle2"></div> |
| | + | <div class="circle3"></div> |
| | + | <div class="circle4"></div> |
| | + | </div> |
| | + | <div class="spinner-container container2"> |
| | + | <div class="circle1"></div> |
| | + | <div class="circle2"></div> |
| | + | <div class="circle3"></div> |
| | + | <div class="circle4"></div> |
| | + | </div> |
| | + | <div class="spinner-container container3"> |
| | + | <div class="circle1"></div> |
| | + | <div class="circle2"></div> |
| | + | <div class="circle3"></div> |
| | + | <div class="circle4"></div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | <script type="text/javascript"> |
| | + | $(window).load(function() { |
| | + | $("#loader").fadeOut("slow"); |
| | + | }) |
| | + | </script> |
| | <div id="d"> | | <div id="d"> |
| | <img src="https://static.igem.org/mediawiki/2018/f/fe/T--Nanjing-China--signal-1.jpg" width="100%" onclick="MM_effectBlind('HOME', 1000, '0%', '100%', true)" /> | | <img src="https://static.igem.org/mediawiki/2018/f/fe/T--Nanjing-China--signal-1.jpg" width="100%" onclick="MM_effectBlind('HOME', 1000, '0%', '100%', true)" /> |
| Line 262: |
Line 134: |
| | </ul> | | </ul> |
| | </div> | | </div> |
| − | <div class="header"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Nanjing-China--title-1-1.png" width="100%" > | + | <div class="header"><img src="https://static.igem.org/mediawiki/2018/1/19/T--Nanjing-China--title-InterLab.png" width="100%" > |
| | </div> | | </div> |
| | <div class="contain" align="left"> | | <div class="contain" align="left"> |
| Line 309: |
Line 181: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="f-b"><img src="https://static.igem.org/mediawiki/2018/a/ad/T--Nanjing-China--footer-1.jpg" width="100%" /></div> | + | <div class="f-b"><img src="https://static.igem.org/mediawiki/2018/b/bc/T--Nanjing-China--footer-6.png" width="100%" /></div> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </body> | | </body> |
| | </html> | | </html> |
