Template:Intro: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<center>
<html>
<big><big> DRESDEN NANOSAURS </big></big>


<table width=700 cellpadding=10>
<!--Define meta tag content and encoding-->
<tr>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<td><center>[[Biomod/2012/TU_Dresden/Nanosaurs|<font size=5>Home</font>]]</center></td>
 
<td><center>[[Biomod/2012/TU_Dresden/Nanosaurs/Team|<font size=5>Team</font>]]</center></td>
<!--Start of javascripts, import jquery libraries-->
<td><center>[[Biomod/2012/TU_Dresden/Nanosaurs/Project|<font size=5>Project</font>]]</center></td>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<td><center>[[Biomod/2012/TU_Dresden/Nanosaurs/Results|<font size=5>Results</font>]]</center></td>
<script type"text/javascript">
<td><center>[[Biomod/2012/TU_Dresden/Nanosaurs/Timeline|<font size=5>Timeline</font>]]</center></td>
 
<td><center>[[Biomod/2012/TU_Dresden/Nanosaurs/References|<font size=5>References</font>]]</center></td>
// Main function that waits for the browser to be ready
</tr>
$(document).ready(function(){
<tr>
 
<td colspan=6>
    // Define click function on the submenues
<center>
    $('ul#top-menu li a').click(function(event){
[[Image:GUVBiomod.jpg|700 px]]
   
</center>
        // Define slide down function for the submenues
</td>
        $(this).parent().find("ul.sub-menu").slideDown('fast').show();
</tr>
   
<tr>
    // Hover function
<td><br></td>
    $(this).parent().hover(function(){
<td><br></td>
    }, function(){
<td><br></td>
       
<td><br></td>
        // Set the submenu to slide up when hovering out
</tr>
        $(this).parent().find("ul.sub-menu").slideUp('slow');
</table>
      });
</center>
  });
});
</script>
 
 
<!--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 15% 0px 15%;
        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: -20%;
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;
            width: 70%;
            height: 250px;
}
 
/*Team logo specs*/
#team-logo{
            position: absolute;
            top: 0px;
            left: 0px; 
            width: 30%;
            font-size: 44px;
            color: #0066CC;   
            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: 100%;
            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: 45px; left: 0px;
            background: #3D3D3D;
            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;             
{
 
/*Specs for the links in the submenues*/
ul#top-menu li ul.sub-menu li a{
            color: #fff;
            float: left;
            width: 145px;
            padding-left: 20px;           
}
 
/*Hover effect for the submenues*/
ul#top-menu li ul.submenu li a{
            background: #4ECC63;
}
 
</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="100%" height="100%" />
</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><a href="#">Idea</a></li>
        <li><a href="#">Description</a></li>
        <li><a href="#">Theory</a></li>
        <li><a href="#">Results</a></li>
        <li><a href="#">References</a></li>
    </ul>   
</li>
<li><a href="#">Notebook</a>
    <ul class="sub-menu">
        <li><a href="#">Meetings</a></li>
        <li><a href="#">Lab Protocols</a></li>       
    </ul>
</li>
<li><a href="#">Outreach</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Sponsors</a></li>
</ul>
 
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h1>Welcome</h1>
 
</body>
</html>

Revision as of 04:28, 25 September 2012

<html>

<!--Define meta tag content and encoding--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Start of javascripts, import jquery libraries--> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type"text/javascript">

// Main function that waits for the browser to be ready $(document).ready(function(){ 

   // Define click function on the submenues
   $('ul#top-menu li a').click(function(event){
   
        // Define slide down function for the submenues
        $(this).parent().find("ul.sub-menu").slideDown('fast').show();
   
   // Hover function 
   $(this).parent().hover(function(){
   }, function(){
       
        // Set the submenu to slide up when hovering out
        $(this).parent().find("ul.sub-menu").slideUp('slow');
     });
 });

}); </script>


<!--Start of CSS modifications to base homepage given by Harvard/Wyss Institute --> <style type="text/css">

body{background-color: white;}

  1. p-personal{display:none;}
  1. sidebar-main{
             display:none;
             widtht: 0px;
             left: 0px;

}

h1.firstHeading{ 

               display: none;

}


  1. content{
        margin: 35px 15% 0px 15%;
        padding: 10px 10px 10px 10px;         
        background-color: #C0C0C0;

}

  1. p-cactions{position: absolute;
         top: 10px;
         left: 0px;
         font-size: 14px;

}

  1. footer{ position: relative;
         bottom: 0px;

}


  1. contentSub{
               position: absolute;
               font-size:20px;

left: -20%; 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*/

  1. dresden-pic{
            position: absolute;
            top: 0px;
            right: 0px;
            width: 70%;
            height: 250px;

}

/*Team logo specs*/

  1. team-logo{
            position: absolute;
            top: 0px;
            left: 0px;  
            width: 30%;
            font-size: 44px; 
            color: #0066CC;     
            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: 100%;
            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: 45px; left: 0px;
            background: #3D3D3D;
            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;

{

/*Specs for the links in the submenues*/ ul#top-menu li ul.sub-menu li a{ 

            color: #fff;
            float: left;
            width: 145px;
            padding-left: 20px;

}

/*Hover effect for the submenues*/ ul#top-menu li ul.submenu li a{ 

            background: #4ECC63;

}

</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="100%" height="100%" /> </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><a href="#">Idea</a></li>
       <li><a href="#">Description</a></li>
       <li><a href="#">Theory</a></li>
       <li><a href="#">Results</a></li>
       <li><a href="#">References</a></li>
   </ul>

</li> <li><a href="#">Notebook</a> 

   <ul class="sub-menu">
       <li><a href="#">Meetings</a></li>
       <li><a href="#">Lab Protocols</a></li>        
   </ul>

</li> <li><a href="#">Outreach</a></li> <li><a href="#">Gallery</a></li> <li><a href="#">Sponsors</a></li> </ul>

<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <h1>Welcome</h1>

</body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Template:Intro&oldid=629503"