Line 35: | Line 35: | ||
/* headers */ | /* headers */ | ||
h1, h2, h3 { | h1, h2, h3 { | ||
− | font: | + | font: 15px 'Trebuchet MS', Arial, Sans-serif; |
color: #333; | color: #333; | ||
} | } | ||
− | h1 { font-size: | + | h1 { font-size: 15px; color: #6297BC; } |
− | h2 { font-size: | + | h2 { font-size: 9.8em; text-transform:uppercase;} |
− | h3 { font-size: | + | h3 { font-size: 15px; } |
p, h1, h2, h3 { | p, h1, h2, h3 { | ||
Line 218: | Line 218: | ||
} | } | ||
#flv { | #flv { | ||
− | float: | + | float:middle; |
− | width: | + | width: 600px; |
− | height: | + | height: 350px; |
display:block; | display:block; | ||
border-style: solid; | border-style: solid; | ||
− | border-radius: | + | border-radius: 10px; |
border-color: #151313; | border-color: #151313; | ||
} | } | ||
#abstract01{ | #abstract01{ | ||
− | float: | + | float: middle; |
− | width: | + | width:100%; |
display: block; | display: block; | ||
background-image: url(abstract.gif); | background-image: url(abstract.gif); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background-position: | + | background-position: 50% 0%; |
border-top: medium dashed #010101; | border-top: medium dashed #010101; | ||
− | font-size: | + | font-size: 10px; |
color: #ed5050; | color: #ed5050; | ||
} | } | ||
Line 258: | Line 258: | ||
/* sidebar */ | /* sidebar */ | ||
#sidebar { | #sidebar { | ||
− | background-color:# | + | background-color:#c6c4d5; |
float: left; | float: left; | ||
− | width: | + | width: 70%; |
margin-top: 205px; padding: 0; | margin-top: 205px; padding: 0; | ||
display: inline; | display: inline; | ||
Line 266: | Line 266: | ||
#sidebar ul.sidemenu { | #sidebar ul.sidemenu { | ||
list-style:none; | list-style:none; | ||
− | margin: | + | margin:7px 0 7px 10.5px; |
padding:0; | padding:0; | ||
} | } | ||
#sidebar ul.sidemenu li { | #sidebar ul.sidemenu li { | ||
− | margin-bottom: | + | margin-bottom:0.7px; |
− | border: | + | border: 0.7px solid #f2f2f2; |
} | } | ||
#sidebar ul.sidemenu a { | #sidebar ul.sidemenu a { | ||
Line 278: | Line 278: | ||
color: #333; | color: #333; | ||
text-decoration:none; | text-decoration:none; | ||
− | padding: | + | padding:1.4px 3.5px 1.4px 7px; |
background: #f2f2f2; | background: #f2f2f2; | ||
border-left:4px solid #CCC; | border-left:4px solid #CCC; | ||
− | min-height: | + | min-height:12.6px; |
} | } | ||
− | * html body #sidebar ul.sidemenu a { height: | + | * html body #sidebar ul.sidemenu a { height: 12.6px; } |
#sidebar ul.sidemenu a:hover { | #sidebar ul.sidemenu a:hover { | ||
− | padding: | + | padding:1.4px 3.5px 1.4px 7px; |
background: #f2f2f2; | background: #f2f2f2; | ||
color: #339900; | color: #339900; | ||
− | border-left: | + | border-left:2.8px solid #9EC630; |
} | } | ||
Line 452: | Line 452: | ||
<div id="wrap"> | <div id="wrap"> | ||
− | <div id="logo01"><img src="https://static.igem.org/mediawiki/2016/0/09/NUDT_CHINA--home01.gif" width=" | + | <div id="logo01"><img src="https://static.igem.org/mediawiki/2016/0/09/NUDT_CHINA--home01.gif" width="1000" height="205" alt="headerphoto" class="no-border" /> </div> |
<!-- wrap starts here --> | <!-- wrap starts here --> | ||
<div id="content-warp"> | <div id="content-warp"> | ||
− | <div id="flv"><video src=" | + | <div id="flv"><video src=""><video/></div> |
<div id="abstract01"><img src="https://static.igem.org/mediawiki/2016/0/07/NUDT_CHINA--abstract.gif"/> | <div id="abstract01"><img src="https://static.igem.org/mediawiki/2016/0/07/NUDT_CHINA--abstract.gif"/> | ||
<p> </p> | <p> </p> | ||
<p> </p> | <p> </p> | ||
− | <p style = "font-size: | + | <p style = "font-size: 15px; color: #333333;margin:0px;">I figure life is a gift and I don't intend on wasting it. You never know what hand you're going to get dealt next. You learn to take life as it comes at you. I figure life is a gift and I don't intend on wasting it. You never know what hand you're going to get dealt next. You learn to take life as it comes at you. I figure life is a gift and I don't intend on wasting it. You never know what hand you're going to get dealt next. You learn to take life as it comes at you.</p> |
<p> </p> | <p> </p> | ||
</div> | </div> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/1/13/NUDT_CHINA--line2.gif" width="965" height="62" alt=""/> |
<div id="img-title"><img src="images/project.gif" width="111%" height="47" alt=""/></div> | <div id="img-title"><img src="images/project.gif" width="111%" height="47" alt=""/></div> | ||
<div id="img-contant"> | <div id="img-contant"> |
Revision as of 15:55, 28 September 2016
![headerphoto](https://static.igem.org/mediawiki/2016/0/09/NUDT_CHINA--home01.gif)
![](https://static.igem.org/mediawiki/2016/0/07/NUDT_CHINA--abstract.gif)
I figure life is a gift and I don't intend on wasting it. You never know what hand you're going to get dealt next. You learn to take life as it comes at you. I figure life is a gift and I don't intend on wasting it. You never know what hand you're going to get dealt next. You learn to take life as it comes at you. I figure life is a gift and I don't intend on wasting it. You never know what hand you're going to get dealt next. You learn to take life as it comes at you.
![](https://static.igem.org/mediawiki/2016/1/13/NUDT_CHINA--line2.gif)
![](images/project.gif)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est.
![](images/model.gif)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est.
![](images/hp.gif)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est.
![](images/parts.gif)
id "project-contant"
![](images/want to konw more.gif)