|
|
| Line 126: |
Line 126: |
| | } | | } |
| | /* end menu (edit, page ...) */ | | /* 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;}
| |
| | | | |
| | | | |
"
