Biomod/2012/TU Dresden/Nanosaurs: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 148: Line 148:


<head>
<head>
</head>
</head>
<body>
<body>
Line 161: Line 162:
</div>
</div>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(funtion(){
$("ul#top-menu li a").click(function(event){
alert("Hey what's up?");
});
});
</script>


<ul id="top-menu">
<ul id="top-menu">
Line 178: Line 193:
</ul>
</ul>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(funtion(){
$("ul#top-menu li a").click(function(event){
alert("Hey what's up?");
});


});
</script>
<!--
<!--
<div id="central-panel">
<div id="central-panel">

Revision as of 19:21, 23 September 2012

<html>

<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 200px 0px 200px;
        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: -390px; top: 0px;

               z-index: 5;
  }

</style>

<style type="text/css">

/*Specs for Dresden pic in the header*/

  1. dresden-pic{
            position: absolute;
            top: 0px;
            right: 0px;

}

/*Team logo specs*/

  1. team-logo{
            position: absolute;
            top: 0px;
            left: 0px;  
            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: 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: #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{

            float: left;
            width: 145px;
            padding-left: 20px;

}

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

            background: #4ECC63;

}

</style>



<head>

</head> <body>

<img src="http://openwetware.org/images/3/39/DresdenNight.png" alt="Panorama of Dresden at night" width="700" height="250" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript">

$(document).ready(funtion(){

$("ul#top-menu li a").click(function(event){

alert("Hey what's up?");

});

});

</script>



































</body> </html>