Team:AHUT China/Attributions
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | /* hiding the top section*/ | ||
+ | body{position:absolute; top:0px; width:100%; height:1300px;} | ||
+ | #top-section{ | ||
+ | height:0px; | ||
+ | border:none; | ||
+ | width:980px; | ||
+ | margin:0 auto; | ||
+ | padding:0 0 0 0; | ||
+ | background-color:transparent; | ||
+ | overflow:hide; | ||
+ | } | ||
+ | #p-logo{display:none;} | ||
+ | #search-controls{display:none;} | ||
+ | #top{display:none;} | ||
+ | .firstHeading{display:none;} | ||
+ | /* end of hiding the top section*/ | ||
+ | |||
+ | /* global setting*/ | ||
+ | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;} | ||
+ | #content{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | width:1200px; | ||
+ | height:700px; | ||
+ | marign:0 auto; | ||
+ | padding:0 0 0 0; | ||
+ | top:-40px; | ||
+ | } | ||
+ | #bodyContent{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | |||
+ | } | ||
+ | siteSub{ | ||
+ | display:none; | ||
+ | border:none; | ||
+ | } | ||
+ | contentSub{ | ||
+ | display:none; | ||
+ | } | ||
+ | /* end of global setting*/ | ||
+ | |||
+ | /*hiding the footer-box*/ | ||
+ | #footer-box{display:none;} | ||
+ | #catlinks{display:none;} | ||
+ | /*end of hiding the footer book*/ | ||
+ | |||
+ | /* menu (page, edit ...) */ | ||
+ | #menubar { | ||
+ | background-color:transparent; | ||
+ | position: relative; | ||
+ | float:left; | ||
+ | white-space: nowrap; | ||
+ | top:-6px; | ||
+ | width: 490px; | ||
+ | z-index: 5000; | ||
+ | font-family: sans-serif; | ||
+ | font-size: 95%; | ||
+ | line-height: 1em; | ||
+ | z-index:99; | ||
+ | } | ||
+ | |||
+ | |||
+ | .left-menu, .left-menu a { | ||
+ | text-align: left; | ||
+ | color:#999999; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | color: #D00000; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .right-menu{width:400px; float:right} | ||
+ | .right-menu, .right-menu a { | ||
+ | right: 0px; | ||
+ | text-align: right; | ||
+ | color: #999999; | ||
+ | } | ||
+ | #menubar ul { | ||
+ | color: #999999; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #menubar li { | ||
+ | display: inline; | ||
+ | position: relative; | ||
+ | cursor: pointer; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | .left-menu li a { | ||
+ | padding: 0px 10px 0px 0px; | ||
+ | } | ||
+ | .left-menu .selected { | ||
+ | # color: #999999; | ||
+ | } | ||
+ | #.left-menu .selected:hover { | ||
+ | # color: #999999; | ||
+ | #} | ||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: #999999;; | ||
+ | } | ||
+ | |||
+ | .left-menu li a:hover { | ||
+ | color: #D00000; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | .right-menu li { | ||
+ | # background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a { | ||
+ | padding: 0px 15px 0px 0px; | ||
+ | color: #999999;; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .right-menu li a:hover { | ||
+ | color: #D00000; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | /* end menu (edit, page ...) */ | ||
+ | |||
+ | /* navigation bar*/ | ||
+ | |||
+ | #navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1200px; height:130px; overflow:hidden; font-family:Calibri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;} | ||
+ | #navbarlogo{position:absolute; top:0px; left:0px; width:1200px} | ||
+ | #navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;} | ||
+ | #navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; } | ||
+ | |||
+ | .Navbar_Item{background-color:transparent;} | ||
+ | .Navbar_Item a {color:black; text-decoration:none;} | ||
+ | .Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; } | ||
+ | .Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;} | ||
+ | .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | ||
+ | .Navbar_Item:hover > ul{zoom:1; display:block;} | ||
+ | .Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;} | ||
+ | .Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | ||
+ | .Navbar_Item > ul > li:hover >a {color:#D00000} | ||
+ | .BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;} | ||
+ | |||
+ | |||
+ | #Home_Sublist{position:relative; top:0px; left:-50px;} | ||
+ | #Team_Sublist{position:relative; top:0px; left:-110px;} | ||
+ | #Project_Sublist{position:relative; top:0px; left:-180px;} | ||
+ | #Model_Sublist{position:relative; top:0px; left:-140px;} | ||
+ | #DataPage_Sublist{position:relative; top:0px; left:-60px;} | ||
+ | #Safety_Sublist{position:relative; top:0px; left:-180px;} | ||
+ | #HumanPractice_Sublist{position:relative; top:0px; left:-470px;} | ||
+ | |||
+ | #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} | ||
+ | /*end navigation bar*/ | ||
+ | |||
+ | /*Major body*/ | ||
+ | #MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1380px; background-color:#f9f9f7;} | ||
+ | #ProjectTitle{position:absolute; left:0px; width:1200px; height:184px; top:150px; z-index:600;} | ||
+ | #TitleBackground{position:absolute; left:0px; top:0px; width:1200px;} | ||
+ | #LittleScout{position:relative; left:0px; top:-3px; width:70px;} | ||
+ | #ProjectName{position:absolute; left:405px; top:20px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;} | ||
+ | #ProjectSubname{position:absolute; left:0px; width:1200px; top:105px; border-bottom:0px; color:#FFFFFF; font-size:18px; font-family: calibri, Arial, Helvetica, sans-serif; text-align:center;} | ||
+ | |||
+ | #MajorBodyBackground{position:absolute; top:334px; left:0px; width:1200px;} | ||
+ | |||
+ | #PreLocation{font-size:14px; font-family:arial,helvetica,sans-serif; color:#ca4321;position:absolute;top:190px;left:0px;text-align:center;width:1200px;line-height:20px; font-weight:bold;} | ||
+ | |||
+ | #AbstractBox{position:absolute; left:430px; top:390px; width:710px; height:540px; background-color:transparent;} | ||
+ | #AbstractBackground{width:100%; height:100%; background-color:#FFFFFF; opacity:0.8;} | ||
+ | #AbstractContent{position:absolute; left:40px; top:25px; width:630px; font-size:18px; line-height:25px ; font-family: calibri, Arial, sans-serif; text-align:justify;} | ||
+ | #AbstractContent:first-letter{font-size:30px;} | ||
+ | .SmallBoxes{width:340px; height:250px;background-color:#FFFFFF; overflow:hidden;font-family: calibri, Arial, Helvetica, sans-serif; } | ||
+ | .SmallBoxes > img{position:absolute; left:0px; top:0px;} | ||
+ | .SmallBoxes p{position:absolute; left:20px; top:75px; width:300px; font-size:14px; color:#ffffff; text-align:justify;} | ||
+ | .SmallBoxes a{position:absolute; left:240px; top:220px; width:300px; font-size:12px; color:#ffffff; text-align:justify;} | ||
+ | |||
+ | |||
+ | #AppendixBox1{position:absolute; left:60px; top:390px; background-color:#aa4630;} | ||
+ | #Appendix1Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;} | ||
+ | #Appendix1Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;} | ||
+ | #AppendixBox2{position:absolute; left:60px; top:680px; background-color:#e98d70;} | ||
+ | #Appendix2Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;} | ||
+ | #Appendix2Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;} | ||
+ | #AppendixBox3{position:absolute; left:60px; top:970px; background-color:#f37021;} | ||
+ | #Appendix3Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;} | ||
+ | #Appendix3Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;} | ||
+ | #AppendixBox4{position:absolute; left:430px; top:970px; background-color:#1f8a70;} | ||
+ | #Appendix4Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;} | ||
+ | #Appendix4Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;} | ||
+ | #AppendixBox5{position:absolute; left:800px; top:970px; background-color:#004258;} | ||
+ | #Appendix5Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;} | ||
+ | #Appendix5Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;} | ||
+ | |||
+ | .AppendixHeadLine{position:absolute; left:20px; top:20px; width:250px;border-bottom:0px; font-size:23px; color:#ffffff;} | ||
+ | .AppendixIcon{position:absolute; left:270px; top:20px; width:50px; } | ||
+ | |||
+ | |||
+ | /*end of Major body*/ | ||
+ | #AcknowledgementBox{ position:absolute; left:0px; top:1280px; width:1200px;} | ||
+ | |||
+ | |||
+ | </style> | ||
<div style="width:1000px; heigth:100%; background:yellow; z-index:1000; top:0;"> | <div style="width:1000px; heigth:100%; background:yellow; z-index:1000; top:0;"> | ||
fgdfgf | fgdfgf |
Revision as of 09:12, 13 August 2014
fgdfgf