|
|
| 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>无标题文档</title> | | <title>无标题文档</title> |
| | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Nanjing-China/CSS:1?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:center;}
| |
| − | #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:#FFF;
| |
| − | }
| |
| − | 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:-120px;
| |
| − | width: 76%;
| |
| − | max-width: 1100px;
| |
| − | min-width: 700px;
| |
| − | padding: 10px 0;
| |
| − | alignment-adjust: central;
| |
| − | background-color:rgba(0,51,204,0);
| |
| − | }
| |
| − | .contain ul, .contain ol {
| |
| − | padding: 0 15px 15px 40px;
| |
| − | }
| |
| − | .footer {
| |
| − | position:relative;
| |
| − | clear: both;
| |
| − | alignment-adjust:central;
| |
| − | }
| |
| − | #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(0,51,204,0.4);
| |
| − | padding:5%;}
| |
| | --> | | --> |
| | #i-menu .i-menu-button{ | | #i-menu .i-menu-button{ |
