|
|
(One intermediate revision not shown) |
Line 9: |
Line 9: |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <head> | | <head> |
- | | + | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Tsinghua-A/css/index.css?action=raw&ctype=text/css"/> |
| <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono|Raleway+Dots|Quantico:400' rel='stylesheet' type='text/css'> | | <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono|Raleway+Dots|Quantico:400' rel='stylesheet' type='text/css'> |
| <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Tsinghua-A/css/style-original.css?action=raw&ctype=text/css"/> | | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Tsinghua-A/css/style-original.css?action=raw&ctype=text/css"/> |
| | | |
- | <style type="text/css">
| |
- | /*
| |
- | Basic CSS format
| |
| | | |
- | FENG Zili & GUO Mingzhou, Tsinghua-A Team, iGEM
| |
- | 2012.09.07
| |
- | #search-controls,.fistHeading,
| |
- | */
| |
- |
| |
- | #contentSub,#catlinks,#footer-box,#p-logo
| |
- | {
| |
- | display:none;
| |
- | }
| |
- | .normalTextWrapper
| |
- | {
| |
- | width:900px;
| |
- | margin-left:20px;
| |
- | padding:20px;
| |
- | }
| |
- | .jump
| |
- | {
| |
- | height:0;
| |
- | width:0;
| |
- | }
| |
- | ul{
| |
- | list-style: none !important;
| |
- | list-style-type: none !important;
| |
- | padding:0px;
| |
- | margin:0px;
| |
- | }
| |
- | li {
| |
- | list-style-type:none !important;
| |
- | list-style:none !important;
| |
- | }
| |
- | body {
| |
- | text-align: center;
| |
- | background-color: #FFFFFF;
| |
- | }
| |
- |
| |
- | h2
| |
- | {
| |
- | font-size: 48px;
| |
- | text-align: left;
| |
- | font-family: 'Raleway Dots', cursive;
| |
- | }
| |
- | h4
| |
- | {
| |
- | font-family:'Quantico', sans-serif;
| |
- | }
| |
- | p
| |
- | {
| |
- | text-align: left;
| |
- | float:justify;
| |
- | font-family: 'Oxygen Mono', sans-serif;
| |
- | }
| |
- |
| |
- | li.topButton
| |
- | {
| |
- | float:left;
| |
- | margin-left: 0;
| |
- | margin-top: 0px;
| |
- | width:90px;
| |
- | height: 37px;
| |
- | font-size: 20px;
| |
- | text-decoration:none;
| |
- | background-color:white;
| |
- | padding:0px;
| |
- | border-right:1px solid white;
| |
- | display:inline;
| |
- | }
| |
- | li.subButtonTeam{
| |
- | width: 90px;
| |
- | height: 30px;
| |
- | background-color: rgb(255,246,237);
| |
- | }
| |
- | li.subButtonProject{
| |
- | width: 120px;
| |
- | height: 30px;
| |
- | background-color: rgb(255,255,236);
| |
- | }
| |
- | li.subButtonModeling{
| |
- | width: 140px;
| |
- | height: 30px;
| |
- | background-color: rgb(233,244,233);
| |
- | }
| |
- | li.subButtonWetlab{
| |
- | width: 110px;
| |
- | height: 30px;
| |
- | background-color: rgb(227,248,255);
| |
- | }
| |
- | li.subButtonSafety{
| |
- | width: 110px;
| |
- | height: 30px;
| |
- | background-color: rgb(236,235,255);
| |
- | }
| |
- | li.subButtonHumanPractice{
| |
- | width: 140px;
| |
- | height: 30px;
| |
- | background-color: rgb(246,229,248);
| |
- | }
| |
- | #teamButton:hover
| |
- | {
| |
- | background-color: rgb(255,246,237);
| |
- | }
| |
- | #projectButton:hover
| |
- | {
| |
- | background-color: rgb(255,255,236);
| |
- | }
| |
- | #modelingButton:hover
| |
- | {
| |
- | background-color: rgb(233,244,233);
| |
- | }
| |
- | #wetlabButton:hover
| |
- | {
| |
- | background-color: rgb(227,248,255);
| |
- | }
| |
- | #safetyButton:hover
| |
- | {
| |
- | background-color: rgb(236,235,255);
| |
- | }
| |
- | #humanPracticeButton:hover
| |
- | {
| |
- | background-color: rgb(246,229,248);
| |
- | }
| |
- | #teamButton{
| |
- | width:90px;
| |
- | }
| |
- | #projectButton{
| |
- | width: 120px;
| |
- | }#modelingButton{
| |
- | width: 140px;
| |
- | }
| |
- | #wetlabButton{
| |
- | width: 110px;
| |
- | }
| |
- | #safetyButton{
| |
- | width: 110px;
| |
- | }
| |
- | #humanPracticeButton{
| |
- | width: 140px;
| |
- | }
| |
- | a{
| |
- | float: left;
| |
- | font-size: 16px;
| |
- | text-decoration: none !important;
| |
- | font-family: 'Quantico', sans-serif;
| |
- | color: red;
| |
- | }
| |
- | a#subButtonTeamA
| |
- | {
| |
- | font-size: 15px;
| |
- | color:rgb(243,169,143);
| |
- | }
| |
- | a#subButtonProjectA
| |
- | {
| |
- | font-size: 15px;
| |
- | color:rgb(255,193,121);
| |
- | }
| |
- | a#subButtonModelingA
| |
- | {
| |
- | font-size: 15px;
| |
- | color:rgb(137,202,154);
| |
- | }
| |
- | a#subButtonWetlabA
| |
- | {
| |
- |
| |
- | font-size: 15px;
| |
- | color:rgb(133,212,246);
| |
- | }
| |
- | a#subButtonSafetyA
| |
- | {
| |
- | font-size: 15px;
| |
- | color:rgb(142,150,201);
| |
- | }
| |
- | a#subButtonHumanPracticeA
| |
- | {
| |
- | font-size: 15px;
| |
- | color:rgb(171,136,188);
| |
- | }
| |
- | a#subButtonTeamA:hover,a#teamButtonA:hover
| |
- | {
| |
- | color: red;
| |
- | }
| |
- | a#subButtonProjectA:hover,a#projectButtonA:hover
| |
- | {
| |
- | color: rgb(152,107,55);
| |
- | }
| |
- | a#subButtonModelingA:hover,a#modelingButtonA:hover
| |
- | {
| |
- | color: rgb(12,117,34);
| |
- | }
| |
- | a#subButtonWetlabA:hover,a#wetlabButtonA:hover
| |
- | {
| |
- | color: rgb(0,118,167);
| |
- | }
| |
- | a#subButtonSafetyA:hover,a#safetyButtonA:hover
| |
- | {
| |
- | color: blue;
| |
- | }
| |
- | a#subButtonHumanPracticeA:hover,a#humanPracticeButtonA:hover
| |
- | {
| |
- | color: purple;
| |
- | }
| |
- | a.navigationButtonA
| |
- | {
| |
- | margin-top: 5px;
| |
- | margin-right: 10px;
| |
- | float: right;
| |
- | /*color: #0C7522*/;
| |
- | }
| |
- | a#teamButtonA
| |
- | {
| |
- | color: rgb(243,169,143);
| |
- | }
| |
- | a#projectButtonA
| |
- | {
| |
- | color: rgb(255,193,121);
| |
- | }
| |
- | a#modelingButtonA
| |
- | {
| |
- | color: rgb(137,202,154);
| |
- | }
| |
- |
| |
- | a#wetlabButtonA
| |
- | {
| |
- | color: rgb(133,212,246);
| |
- | }
| |
- | a#safetyButtonA
| |
- | {
| |
- | color: rgb(142,150,201);
| |
- | }
| |
- | a#humanPracticeButtonA
| |
- | {
| |
- | color: rgb(171,136,188);
| |
- | }
| |
- |
| |
- |
| |
- | a.textLink
| |
- | {
| |
- | float:none;
| |
- | color:red;
| |
- | }
| |
- | ul.buttonMenu
| |
- | {
| |
- | text-align: left;
| |
- | float: left;
| |
- | width: 122px;
| |
- | background-color: transparent;
| |
- | position: fixed;
| |
- | top: 130px;
| |
- | list-style-type: none !important;
| |
- | display: none;
| |
- | }
| |
- | li.navigationButton
| |
- | {
| |
- | padding-right:10px;
| |
- | float:left;
| |
- | width:120px;
| |
- | height:30px;
| |
- | text-decoration: none;
| |
- | color: white;
| |
- | text-align:right;
| |
- | background-color: #E9F4E9;
| |
- | border-bottom: 1px solid white;
| |
- | display:block;
| |
- |
| |
- | }
| |
- | #topTitle
| |
- | {
| |
- | position: fixed;
| |
- | margin-left:180px;
| |
- | top:20px;
| |
- | z-index: 3;
| |
- | }
| |
- | h2#titleText{
| |
- | z-index: 3;
| |
- | font-size: 32px;
| |
- | border-bottom: none !important;
| |
- | font-family: 'Quantico', sans-serif;
| |
- | font-weight: 100;
| |
- | color: rgb(243,169,143);
| |
- | }
| |
- |
| |
- | .textWrapper
| |
- | {
| |
- | float: left;
| |
- | z-index:1;
| |
- | position: static;
| |
- | text-align: left;
| |
- | margin:70px 0 0px 0;
| |
- | padding:20px;
| |
- | padding-top: 0px;
| |
- | padding-right:0;
| |
- | /*top:100px;*/
| |
- | border:solid ;
| |
- | border-image: url(pictures/bgp.png)10 10 10 10;
| |
- | -webkit-border-image:url(pictures/bgp.png)10 10 10 10;
| |
- | -moz-border-image:url(pictures/bgp.png)10 10 10 10;
| |
- |
| |
- | }
| |
- | #pageWrapper {
| |
- | z-index: -1;
| |
- | width: 960px;
| |
- | text-align: center;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- |
| |
- | #banner {
| |
- | z-index: 10;
| |
- | position:fixed;
| |
- | width: 790px;
| |
- | margin-top:90px;
| |
- | margin-left: 180px;
| |
- | padding: 0;
| |
- | height: 55px;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #navigationBar {
| |
- | position: fixed;
| |
- | text-align: center;
| |
- | margin-left: 35px;
| |
- | top:185px;
| |
- | width: 0px;
| |
- | float: left;
| |
- | height: 800px;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #mainField {
| |
- | position:relative;
| |
- | top:124px;
| |
- | left:190px; /*200px*/
| |
- | float: left;
| |
- | text-align: left;
| |
- | width: 730px;
| |
- | height: 1500px;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #footer {
| |
- | clear: both;
| |
- | height: 40px;
| |
- | background-color: white;
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
| <script type="text/javascript" src="https://static.igem.org/mediawiki/2012/c/c8/THU-AIndex.txt"></script> | | <script type="text/javascript" src="https://static.igem.org/mediawiki/2012/c/c8/THU-AIndex.txt"></script> |
| </head> | | </head> |