Biomod/2012/TU Dresden/Nanosaurs: Difference between revisions
No edit summary |
No edit summary |
||
Line 48: | Line 48: | ||
<!-- End of modifications to base homepage --> | <!-- End of modifications to base homepage --> | ||
<!-- Start of our CSS | <!-- Start of our CSS --> | ||
<style type="text/css"> | <style type="text/css"> | ||
/*Specs for Dresden pic in the header*/ | |||
#dresden-pic{ | #dresden-pic{ | ||
position: absolute; | position: absolute; | ||
Line 57: | Line 58: | ||
} | } | ||
/*Team logo specs*/ | |||
#team-logo{ | #team-logo{ | ||
position: absolute; | position: absolute; | ||
Line 65: | Line 67: | ||
} | } | ||
/*General menu bar specs*/ | |||
ul#top-menu{ | ul#top-menu{ | ||
position: absolute; | position: absolute; | ||
Line 79: | Line 82: | ||
} | } | ||
/*Particular specs for the list comprised in the menu*/ | |||
ul#top-menu li{ | ul#top-menu li{ | ||
margin: 0px; | margin: 0px; | ||
Line 86: | Line 90: | ||
} | } | ||
/*Specs for the links in the menu*/ | |||
ul#top-menu li a{ | ul#top-menu li a{ | ||
padding: 5px 20px 5px 20px; | padding: 5px 20px 5px 20px; | ||
Line 94: | Line 99: | ||
} | } | ||
/*Hover effect for the links in the menu*/ | |||
ul#top-menu li a:hover{ | ul#top-menu li a:hover{ | ||
/*background: url(Downloads/JQueryDropdownMenu/topnav_hover.gif) repeat-x;*/ /*Optional image*/ | /*background: url(Downloads/JQueryDropdownMenu/topnav_hover.gif) repeat-x;*/ /*Optional image*/ | ||
Line 99: | Line 105: | ||
} | } | ||
ul#top-menu li | |||
/*Specs for the submenues*/ | |||
ul#top-menu li ul.sub-menu{ | |||
list-style: none; | |||
position: absolute; | |||
top: 35px; left: 0px; | |||
background: #333; | |||
margin: 0; padding: 0; | |||
display: none; | |||
float: left; | float: left; | ||
width: 170px; | |||
border: 1px solid #111; | |||
} | |||
/*Specs for the list in the submenu*/ | |||
ul#top-menu li ul.sub-menu li{ | |||
margin: 0; padding: 0; | |||
border-top: 1px solid #252525; | |||
border-bottom: 1px solid #444; | |||
clear: both; | |||
width: 170px; | |||
{ | |||
</style> | </style> | ||
Line 131: | Line 155: | ||
<li><a href="#">Team</a></li> | <li><a href="#">Team</a></li> | ||
<li><a href="#">Project</a> | <li><a href="#">Project</a> | ||
<ul class="sub-menu"> | |||
<li>Idea</li> | |||
<li>Description</li> | <li>Description</li> | ||
<li>Results</li> | <li>Results</li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="#">Notebook</a></li> | <li><a href="#">Notebook</a></li> |
Revision as of 07:48, 23 September 2012
<html>
<!--Start of CSS modifications to base homepage given by Harvard/Wyss Institute --> <style type="text/css">
body{background-color: white;}
- p-personal{display:none;}
- sidebar-main{
display:none; widtht: 0px; left: 0px;
}
h1.firstHeading{
display: none;
}
- content{
margin: 35px 200px 0px 200px; padding: 10px 10px 10px 10px; background-color: #C0C0C0;
}
- p-cactions{position: absolute;
top: 10px; left: 0px; font-size: 14px;
}
- footer{ position: relative;
bottom: 0px;
}
- contentSub{
position: absolute; font-size:20px;
left: -390px; top: 0px;
z-index: 5; }
</style> <!-- End of modifications to base homepage -->
<!-- Start of our CSS --> <style type="text/css">
/*Specs for Dresden pic in the header*/
- dresden-pic{
position: absolute; top: 0px; right: 0px;
}
/*Team logo specs*/
- team-logo{
position: absolute; top: 0px; left: 0px; font-size: 44px; background: #0066CC;
}
/*General menu bar specs*/ ul#top-menu{
position: absolute; top: 250px; left: 0px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 948px; background: #3D3D3D; float: left; font-size: 24px; /*background: url(exports-hal/users/studenthome/gscanon/Downloads/MgCl2ConcGel.png) repeat-x;*/ /*Optionalimage*/
}
/*Particular specs for the list comprised in the menu*/ ul#top-menu li{
margin: 0px; padding: 0px 0px 0px 0px; float: left; position: relative;
}
/*Specs for the links in the menu*/ ul#top-menu li a{
padding: 5px 20px 5px 20px; color: #fff; display: block; float: left; text-decoration: none;
}
/*Hover effect for the links in the menu*/ ul#top-menu li a:hover{
/*background: url(Downloads/JQueryDropdownMenu/topnav_hover.gif) repeat-x;*/ /*Optional image*/ background: #4ECC63;
}
/*Specs for the submenues*/
ul#top-menu li ul.sub-menu{
list-style: none; position: absolute; top: 35px; left: 0px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111;
}
/*Specs for the list in the submenu*/ ul#top-menu li ul.sub-menu li{
margin: 0; padding: 0; border-top: 1px solid #252525; border-bottom: 1px solid #444; clear: both; width: 170px;
{
</style> <!-- End of our CSS -->
<head>
</head>
<body>
<div id="dresden-pic"> <img src="http://openwetware.org/images/3/39/DresdenNight.png" alt="Panorama of Dresden at night" width="700" height="250" /> </div>
<div id="team-logo"> <p> TEAM LOGO </p> <p> :) :) :) :) :) :)</p> <p> :) :) :) :) :) :)</p> </div>
<ul id="top-menu">
<li><a href="#">Home</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Project</a>
<ul class="sub-menu"> <li>Idea</li> <li>Description</li> <li>Results</li> </ul>
</li> <li><a href="#">Notebook</a></li> <li><a href="#">Outreach</a></li> <li><a herf="#">Gallery</a></li> <li><a href="#">Sponsors</a></li> </ul>
<!-- <div id="central-panel">
<img src="http://openwetware.org/images/9/9e/TU_Logo.png" id="logoTU" alt="Dresden Nanosaurs Logo" width="350" height="130" />
</div> <img src="http://openwetware.org/images/6/61/BIOTEC_Logo.png" id="logoBIOTEC" alt="Dresden Nanosaurs Logo" width="250" height="90" /> <div id="prueba"> <img src="http://openwetware.org/images/3/39/DresdenNight.png" id="dresden-pic" alt="Panorama of Dresden at night" width="700" height="250" /> </div>
<img src="http://openwetware.org/images/0/0f/BCUBE_Logo.png" id="logoBCUBE" alt="Dresden Nanosaurs Logo" width="130" height="130" />
<img src="http://openwetware.org/images/6/61/BIOTEC_Logo.png" id="logoBIOTEC" alt="Dresden Nanosaurs Logo" width="350" height="130" /> -->
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- <div class="centralPanel"> <ul > <li>1 <li>2 </ul> </div> --> </body> </html>