Biomod/2011/DAIICT/DANanoTrons: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
< | <html> | ||
<head> | |||
<style> | |||
#header a.icon-logo{position:absolute;left:-60px} | |||
#header a.icon-logo{width:128px;height:63px;bottom:0} | |||
#nav{position:relative;right:0;bottom:0;margin:-134px 0 0 410px} | |||
#nav li{float:left;display:block} | |||
#nav li a{margin-left:10px;padding:80px | |||
0 15px;float:left;width:100px;border-bottom:solid 1px #252525;color:#252525;text-decoration:none;font:normal 13px/14px "FrutigerBold", Arial, sans-serif} | |||
#nav li a:hover, | |||
#nav li a:focus{background:#f5f5f5;color:#f00;border-color:#f00} | |||
#nav .active-customers | |||
.customers a, | |||
#nav .active-projects | |||
.projects a, | |||
#nav .active-services | |||
.services a, | |||
#nav .active-technology | |||
.technology a, | |||
#nav .active-agency | |||
.agency a, | |||
#nav .active-contact | |||
.contact | |||
a{color:#f00;border-color:#f00}.secondary-nav{margin:0 | |||
0 50px 0;border-bottom:1px solid #c9c9c9;min-height:32px;height:auto !important;height:32px}.secondary-nav | |||
li{margin:0 | |||
10px 0 0;font:normal 14px/14px Arial, sans-serif;background-color:#fff;position:relative;top:1px;margin-bottom:1px}.secondary-nav li, | |||
.secondary-nav li | |||
a{display:block;float:left}.secondary-nav li | |||
a{padding:8px | |||
10px}.active-home-agency .home-agency, | |||
.active-founders .founders, | |||
.active-jobs .jobs, | |||
.active-blog .blog, | |||
.active-mag | |||
.mag{margin-bottom:0px;padding-bottom:1px;border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9}.active-home-agency .home-agency a, | |||
.active-founders .founders a, | |||
.active-jobs .jobs a, | |||
.active-blog .blog | |||
a{color:#000} | |||
.clearfix:after { | |||
content: "."; | |||
display: block; | |||
clear: both; | |||
visibility: hidden; | |||
line-height: 0; | |||
height: 0; | |||
} | |||
.clearfix { | |||
display: inline-block; | |||
} | |||
html[xmlns] .clearfix { | |||
display: block; | |||
} | |||
* html .clearfix { | |||
height: 1%; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div id="header"> | |||
<a href="index.html"><img src="http://openwetware.org/images/5/59/Logo-biomod-final.png" width="350" alt="Logo Biomod" style="margin: 26px 0px 0px 75px; "></a> | |||
<div id="nav"> | |||
<ul> | |||
<li class="customers tree-5"> | |||
<a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons" style="color:#f00;border-color:#f00">Home</a> | |||
</li> | |||
<li class="projects tree-6"> | |||
<a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Project">Projets</a> | |||
</li> | |||
<li class="services tree-7"> | |||
<a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Results">Results</a> | |||
</li> | |||
<li class="agency tree-8"> | |||
<a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Resources">Resource</a> | |||
</li> | |||
<li class="contact tree-9"> | |||
<a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Contact">Contact</a> | |||
</li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
<div style="margin:130px 0 0 0;"><iframe src="http://avipar.xtreemhost.com/dananotrons/index.html" frameborder="0" width="1070" height="1270" scrolling="no" ></iframe></div> | |||
</body> | |||
</html> |
Revision as of 14:13, 29 October 2011
<html>
<head> <style>
- header a.icon-logo{position:absolute;left:-60px}
- header a.icon-logo{width:128px;height:63px;bottom:0}
- nav{position:relative;right:0;bottom:0;margin:-134px 0 0 410px}
- nav li{float:left;display:block}
- nav li a{margin-left:10px;padding:80px
0 15px;float:left;width:100px;border-bottom:solid 1px #252525;color:#252525;text-decoration:none;font:normal 13px/14px "FrutigerBold", Arial, sans-serif}
- nav li a:hover,
- nav li a:focus{background:#f5f5f5;color:#f00;border-color:#f00}
- nav .active-customers
.customers a,
- nav .active-projects
.projects a,
- nav .active-services
.services a,
- nav .active-technology
.technology a,
- nav .active-agency
.agency a,
- nav .active-contact
.contact a{color:#f00;border-color:#f00}.secondary-nav{margin:0 0 50px 0;border-bottom:1px solid #c9c9c9;min-height:32px;height:auto !important;height:32px}.secondary-nav li{margin:0 10px 0 0;font:normal 14px/14px Arial, sans-serif;background-color:#fff;position:relative;top:1px;margin-bottom:1px}.secondary-nav li, .secondary-nav li a{display:block;float:left}.secondary-nav li a{padding:8px 10px}.active-home-agency .home-agency, .active-founders .founders, .active-jobs .jobs, .active-blog .blog, .active-mag .mag{margin-bottom:0px;padding-bottom:1px;border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9}.active-home-agency .home-agency a, .active-founders .founders a, .active-jobs .jobs a, .active-blog .blog a{color:#000}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
- html .clearfix {
height: 1%; } </style>
</head>
<body> <div id="header"> <a href="index.html"><img src="http://openwetware.org/images/5/59/Logo-biomod-final.png" width="350" alt="Logo Biomod" style="margin: 26px 0px 0px 75px; "></a> <div id="nav">
<ul> <li class="customers tree-5"> <a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons" style="color:#f00;border-color:#f00">Home</a> </li> <li class="projects tree-6"> <a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Project">Projets</a> </li> <li class="services tree-7"> <a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Results">Results</a> </li> <li class="agency tree-8"> <a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Resources">Resource</a> </li> <li class="contact tree-9"> <a href="http://openwetware.org/wiki/Biomod/2011/DAIICT/DANanoTrons:Contact">Contact</a> </li> </ul>
</div>
</div>
<div style="margin:130px 0 0 0;"><iframe src="http://avipar.xtreemhost.com/dananotrons/index.html" frameborder="0" width="1070" height="1270" scrolling="no" ></iframe></div>
</body>
</html>