Template:Fudan/project
From 2011.igem.org
(Difference between revisions)
(Created page with "File:Etree.png") |
|||
Line 1: | Line 1: | ||
- | + | <html> | |
+ | <style type="text/CSS"> | ||
+ | /* CSS Document */ | ||
+ | |||
+ | body{ | ||
+ | padding:0px; | ||
+ | margin:0px; | ||
+ | background:#554D49; | ||
+ | color:#B6B6B6; | ||
+ | font:14px/20px Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | div, p, ul, h2, h3, h4, img{ | ||
+ | padding:0px; | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | ul{ | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | /*----TOP PANEL----*/ | ||
+ | #maintopPan{ | ||
+ | height:322px; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/8/8b/Topbg.gif) 0 0 repeat-x; | ||
+ | } | ||
+ | |||
+ | #logoPan{ | ||
+ | width:778px; | ||
+ | height:83px; | ||
+ | position:relative; | ||
+ | margin:0 auto; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/a/ab/Logopanel-bg.gif) 0 0 no-repeat; | ||
+ | } | ||
+ | |||
+ | #logoPan img{ | ||
+ | width:171px; | ||
+ | height:42px; | ||
+ | position:absolute; | ||
+ | top:41px; | ||
+ | left:304px;} | ||
+ | |||
+ | #headerPan{ | ||
+ | width:660px; | ||
+ | height:189px; | ||
+ | position:relative; | ||
+ | margin:0 auto; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/5/5e/Header.jpg) 100% 0 no-repeat; padding:16px 0 0;} | ||
+ | |||
+ | #headerPan ul{width:75px;} | ||
+ | |||
+ | #headerPan ul li{width:75px; height:51px;} | ||
+ | |||
+ | #headerPan ul li.sidenavpadding{padding:18px 0 0;} | ||
+ | |||
+ | #headerPan ul li.hom a{ | ||
+ | width:75px; | ||
+ | height:51px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/e/e9/Home-hover.gif) 0 0 no-repeat; | ||
+ | text-indent:-20000px; | ||
+ | } | ||
+ | |||
+ | #headerPan ul li.hom a:hover{ | ||
+ | background:url(images/home-hover.gif) 0 0 no-repeat; | ||
+ | } | ||
+ | |||
+ | #headerPan ul li.aboutus a{ | ||
+ | width:75px; | ||
+ | height:51px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/d/d3/Aboutus-normal.gif) 0 0 no-repeat; text-indent:-20000px; | ||
+ | } | ||
+ | |||
+ | #headerPan ul li.aboutus a:hover{ | ||
+ | background:url(images/aboutus-hover.gif) 0 0 no-repeat; | ||
+ | } | ||
+ | |||
+ | #headerPan ul li.contact a{ | ||
+ | width:75px; | ||
+ | height:51px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/9/9b/Contactus-normal.gif) 0 0 no-repeat; text-indent:-20000px; | ||
+ | } | ||
+ | |||
+ | #headerPan ul li.contact a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/d/dc/Contactus-hover.gif) 0 0 no-repeat; | ||
+ | } | ||
+ | |||
+ | /*----TOP PANEL----*/ | ||
+ | |||
+ | /*----MENU PANEL----*/ | ||
+ | #menuPan{ | ||
+ | width:778px; | ||
+ | height:34px; | ||
+ | position:relative; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | #menuPan ul{ | ||
+ | width:570px; | ||
+ | height:34px; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:149px;} | ||
+ | #menuPan ul li{ | ||
+ | float:left; | ||
+ | text-align:center; | ||
+ | line-height:34px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #menuPan ul li.Home{ | ||
+ | width:69px; | ||
+ | height:34px; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/2/25/Client-hover.gif) 0 0 no-repeat #fff; color:#332D2B; | ||
+ | } | ||
+ | |||
+ | #menuPan ul li.Team a{ | ||
+ | width:119px; | ||
+ | height:34px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/2/24/Testimonials-normal.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #menuPan ul li.Team a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/3/34/Testimonials-hover.gif) 0 0 no-repeat #fff; color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Project a{ | ||
+ | width:98px; | ||
+ | height:34px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/e/eb/Services-normal.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Project a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/a/a7/Services-hover.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Parts a{ | ||
+ | width:96px; | ||
+ | height:34px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/5/58/Projects-normal.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Parts a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/c/c8/Projects-hover.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Notebook a{ | ||
+ | width:103px; | ||
+ | height:34px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/6/61/Solutions-normal.gif) 0 0 no-repeat #fff; color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Notebook a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/2/2f/Solutions-hover.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Safety a{ | ||
+ | width:85px; | ||
+ | height:34px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/4/4a/Market-normal.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #menuPan ul li.Safety a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/b/b4/Market-hover.gif) 0 0 no-repeat #fff; | ||
+ | color:#332D2B; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | /*----/MENU PANEL----*/ | ||
+ | |||
+ | /*----BODY TOP PANEL----*/ | ||
+ | #mainbodytopPan{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/4/4f/Bodytopbg.gif) 0 0 repeat-x #3B3532; | ||
+ | color:#B6B6B6; | ||
+ | margin:0 auto;} | ||
+ | |||
+ | #bodytopPan{ | ||
+ | width:588px; | ||
+ | /*height:224px;*/ | ||
+ | position:relative; | ||
+ | margin:0 auto; | ||
+ | padding:22px 95px 0;} | ||
+ | |||
+ | #bodytopPan h2{ | ||
+ | width:588px; | ||
+ | height:60px; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/2/20/Image1.gif) 250px 25px no-repeat #3C3633; | ||
+ | color:#D5D5D5; | ||
+ | font-size:30px; | ||
+ | line-height:60px; | ||
+ | font-weight:normal;} | ||
+ | |||
+ | #bodytopPan p span.yellow{ | ||
+ | background:#3C3633; | ||
+ | color:#FFD900;} | ||
+ | /*----/BODY TOP PANEL----*/ | ||
+ | |||
+ | /*----BODY PANEL----*/ | ||
+ | #mainbodyPan{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/2/20/Bodybg.gif) 0 0 repeat-x #554D49; | ||
+ | color:#B6B6B6; | ||
+ | margin:0 auto;} | ||
+ | |||
+ | #bodyPan{ | ||
+ | width:588px; | ||
+ | /*height:400px;*/ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/4/43/Blog-header.jpg) 0 0 no-repeat; | ||
+ | position:relative; | ||
+ | margin:0 auto; | ||
+ | padding:108px 95px 0;} | ||
+ | |||
+ | #bodyPan h3{ | ||
+ | width:500px; | ||
+ | height:46px; | ||
+ | display:block; | ||
+ | background:#554D49; | ||
+ | color:#D5D5D5; | ||
+ | font:36px/46px Arial, Helvetica, sans-serif; | ||
+ | font-weight:normal;} | ||
+ | |||
+ | #bodyPan h4{ | ||
+ | width:365px; | ||
+ | height:54px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/5/5b/Date.gif) 0 0 no-repeat #554D49; | ||
+ | color:#009FC2; | ||
+ | font-size:14px; | ||
+ | line-height:20px; | ||
+ | font-weight:bold; | ||
+ | text-transform:uppercase; | ||
+ | padding:10px 0 0 52px;} | ||
+ | |||
+ | #bodyPan h4 span{ | ||
+ | background:#554D49; | ||
+ | color:#F4D000; | ||
+ | font-size:18px; | ||
+ | font-weight:normal; | ||
+ | text-transform:none;} | ||
+ | |||
+ | #bodyPan h5{ | ||
+ | width:375px; | ||
+ | height:54px; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/4/44/Date2.gif) 0 0 no-repeat #554D49; | ||
+ | color:#009FC2; | ||
+ | font-size:14px; | ||
+ | line-height:20px; | ||
+ | font-weight:bold; | ||
+ | text-transform:uppercase; | ||
+ | padding:10px 0 0 52px; | ||
+ | margin:0px;} | ||
+ | |||
+ | #bodyPan h5 span{ | ||
+ | background:#554D49; | ||
+ | color:#F4D000; | ||
+ | font-size:18px; | ||
+ | font-weight:normal; | ||
+ | text-transform:none;} | ||
+ | |||
+ | #bodyPan p{ | ||
+ | width:430px;} | ||
+ | |||
+ | #bodyPan p span{ | ||
+ | background:#554D49; | ||
+ | color:#fff;} | ||
+ | |||
+ | #bodyPan p.img1{ | ||
+ | width:143px; | ||
+ | height:106px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/8/86/Img1.jpg) 0 0 no-repeat; | ||
+ | position:absolute; | ||
+ | top:189px; | ||
+ | right:95px;} | ||
+ | |||
+ | #bodyPan p.caption{ | ||
+ | width:588px; | ||
+ | height:30px; | ||
+ | font-size:27px; | ||
+ | line-height:20px; | ||
+ | padding:10px 0;} | ||
+ | |||
+ | #bodyPan p.comments{ | ||
+ | width:100px; | ||
+ | height:16px; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/0/0a/Icon1.gif) 0 0 no-repeat #24201E; | ||
+ | line-height:16px; | ||
+ | color:#fff; | ||
+ | padding:0 0 0 30px; | ||
+ | margin:0 10px 0 0;} | ||
+ | |||
+ | #bodyPan p.comments span.no{ | ||
+ | width:23px; | ||
+ | height:16px; | ||
+ | background:#0F0F0F; | ||
+ | color:#fff; margin:0 0 0 5px; | ||
+ | text-align:center; | ||
+ | padding:0 4px;} | ||
+ | |||
+ | #bodyPan p.continue{ | ||
+ | width:88px; | ||
+ | height:16px; | ||
+ | float:left; | ||
+ | line-height:16px; | ||
+ | font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; margin:0 170px 0 0;} | ||
+ | |||
+ | #bodyPan p.continue a{ | ||
+ | width:88px; | ||
+ | height:16px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/8/88/Arrow-normal.gif) 75px 0 no-repeat #24201E; | ||
+ | color:#009FC2; | ||
+ | text-decoration:none; | ||
+ | padding:0 0 0 10px;} | ||
+ | |||
+ | #bodyPan p.continue a:hover{ | ||
+ | background:url(images/arrow-hover.gif) 75px 0 no-repeat #24201E; | ||
+ | color:#009FC2; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #bodyPan p.border{ | ||
+ | width:588px; | ||
+ | height:40px; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/9/95/Dot-line.gif) 0 20px repeat-x; | ||
+ | margin:5px 0 0;} | ||
+ | |||
+ | #bodyPan p.img2{ | ||
+ | width:143px; | ||
+ | height:106px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/f/f4/Img2.jpg) 0 0 no-repeat; | ||
+ | position:absolute; | ||
+ | top:460px; | ||
+ | right:95px;} | ||
+ | |||
+ | /*----FOOTER PANEL----*/ | ||
+ | #footermainPan{ | ||
+ | height:132px; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/4/42/Footerbg.gif) 0 0 repeat-x #24201E; | ||
+ | color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; | ||
+ | clear:both; | ||
+ | padding:86px 0 0;} | ||
+ | |||
+ | #footerPan{ | ||
+ | width:588px; | ||
+ | position:relative; | ||
+ | margin:0 auto;} | ||
+ | |||
+ | #footerPan ul{ | ||
+ | width:588px; | ||
+ | height:20px; | ||
+ | position:relative; | ||
+ | margin:0 auto;} | ||
+ | |||
+ | #footerPan li{ | ||
+ | float:left; } | ||
+ | |||
+ | #footerPan ul li a{ | ||
+ | padding:0 10px 0; | ||
+ | color:#fff; | ||
+ | background:#24201E; | ||
+ | text-decoration:none; | ||
+ | font-size:12px;} | ||
+ | |||
+ | #footerPan ul li a:hover{ | ||
+ | text-decoration:underline;} | ||
+ | |||
+ | #footerPan p.copyright{ | ||
+ | width:250px; | ||
+ | position:relative; | ||
+ | margin:0 auto;} | ||
+ | |||
+ | #footerPan ul.templateworld{ | ||
+ | width:250px; | ||
+ | background:#24201E; | ||
+ | color:#fff; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:75px; left:200px; | ||
+ | font-size:10px;} | ||
+ | |||
+ | #footerPan ul.templateworld li{ | ||
+ | height:20px;} | ||
+ | #footerPan ul.templateworld li a{ | ||
+ | background:#24201E; | ||
+ | display:block; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | padding:0px;} | ||
+ | |||
+ | #footerPan ul.templateworld li a:hover{ | ||
+ | text-decoration:underline;} | ||
+ | |||
+ | #footerPanhtml{ | ||
+ | width:58px; | ||
+ | height:23px; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:46px; | ||
+ | left:200px;} | ||
+ | |||
+ | #footerPanhtml a{ | ||
+ | width:58px; | ||
+ | height:23px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/b/b9/Html-normal.gif) 0 0 no-repeat #A79040; | ||
+ | color:#685900; | ||
+ | font-size:13px; | ||
+ | line-height:23px; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none;text-transform:uppercase; | ||
+ | padding:0 0 0 10px;} | ||
+ | |||
+ | #footerPanhtml a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/0/08/Html-hover.gif) 0 0 no-repeat #D64F00; | ||
+ | color:#24201E;} | ||
+ | |||
+ | #footerPancss{ | ||
+ | width:58px; | ||
+ | height:24px; | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:45px; | ||
+ | left:270px;} | ||
+ | |||
+ | #footerPancss a{ | ||
+ | width:49px; | ||
+ | height:24px; | ||
+ | display:block; | ||
+ | background:url(https://static.igem.org/mediawiki/2011/3/34/Css-normal.gif) 0 0 no-repeat #D64F00; | ||
+ | color:#fff; | ||
+ | font-size:13px; | ||
+ | line-height:24px; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | padding:0 0 0 10px;} | ||
+ | |||
+ | #footerPancss a:hover{ | ||
+ | background:url(https://static.igem.org/mediawiki/2011/9/95/Css-hover.gif) 0 0 no-repeat #A79040; | ||
+ | color:#fff; | ||
+ | text-decoration:none;} | ||
+ | /*----/FOOTER PANEL----*/ | ||
+ | </style> | ||
+ | </html> |
Revision as of 08:34, 31 August 2011