Biomod/2012/Potsdam/DnanoPROT/header

From OpenWetWare
Jump to: navigation, search

<html> <head> <style type="text/css">

html,body {height:100%;margin:0;padding:0;}


body {

      /*background-image: url(http://openwetware.org/images/e/ee/UP12_background.jpg);
       background-repeat:repeat-y repeat-x; */       

} .gradient_golden {

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0e8cd0, endColorstr=#104871)";
  background-image: -ms-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -moz-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -o-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e8cd0), color-stop(1, #104871));
  background-image: -webkit-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: linear-gradient(to bottom, #0e8cd0 0%, #104871 100%);

}

  1. sidebar-main{
visibility:hidden;

}

  1. content {
   left: 50%;
   margin-left: -480px;
   width: 975px;

}

  1. igem_home {
  font-size: 95%;
  left: 425px;
  position: absolute;
  top: -4px;

}

.gradient_grey{

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E6E6E6)";
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6)); 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%);

}

.white_bg {

 background-color: white;

}

.box_round {

  width: 955px;
  padding: 5px;
  border-radius: 5px;
  box-shadow:5px 5px 5px #666;

}

.box_round p {

  text-align:justify;

}

.no_padding {

  padding: 0px;

}

.nav_menu {

  width: 965px;
  height: 35px;
  box-shadow:5px 5px 5px #666;

}

  1. menu .selected {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}

  1. menu {
 display: block;
 margin: 0px;
 padding: 8px;
 position:relative;
 left: 50%;
 text-align: center;

}

  1. menu ul {
 margin: 0px;

}

  1. menu li {
 list-style: none outside none;
 float:left;
 padding-left: 15px;
 padding-right: 15px;
 margin-right:25px;
 margin-left:25px;
 font-weight: 900;

}

  1. menu li ul{
 list-style: none outside none;
 display:none;
 position: absolute; 
 margin : 0px;
 padding: 0px;

}

  1. menu ul ul {
 padding: 0px;

}

  1. menu li ul li{
 margin : 0px;
 width:inherit;
 font-weight: normal;

}

  1. menu li ul li:hover {
 height:auto;
 float:none;
 text-align:left;

}


  1. menu ul li {
 clear: both;

}

  1. menu a {
 display: block;
 color: white;

}

  1. menu a:hover {
  text-decoration:none;

}

  1. menu li:hover {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}


  1. menu li:hover ul {
   display:block;

}

.box_round table {

 background-color: transparent;

}

.block {

display: inline-block;
width : 350px;
height : 200px;

}

table {

 background-color: transparent;

}

table th {

 padding-left: 5px;
 padding-right: 5px;

}

  1. content {
 border: none;
 background-color: transparent;

}

  1. catlinks {
 border:none;
 background-color: transparent;

}


  1. footer-box {
 border:none;
 background-color: transparent;

}

  1. footer {
background-color: transparent;
border: none;

} .center_box {

  text-align: center;

}

  1. p-logo {
 display:none;

}

  1. top-section {
border: none;
height:0px;

}

.firstHeading{

display: none;
padding:0px;

}

  1. banner-wrap {
 padding: 0px;

}

  1. portfolio {
z-index: -200;
height: 280px;

}

  1. portfolio img{
 box-shadow:5px 5px 5px #666;
 width:965px;
 height: 280px;

}

.rollover {

  width: 975px;
  text-align: center;

}

.rollover a{

  display: inline-block;  
  width : 200px;
  margin: 20px;
  height : 200px;
  border-radius : 12px;
  margin: 20px 20px 20px 20px;
  box-shadow:5px 5px 5px #666;

}


  1. rollover-image {
  background-image:url(http://openwetware.org/images/7/77/UP12_Video1.jpg);
  background-position: -0px -0px; 

}

  1. rollover-image:hover {
  background-image:url(http://openwetware.org/images/4/46/UP12_Video2.jpg);
  background-position: 0px -0px;

}

  1. rollover-image-2 {
  background-image:url(http://openwetware.org/images/6/6d/Project1.jpg);
  background-position: 200px -0px;

}

  1. rollover-image-2:hover {
  background-image:url(http://openwetware.org/images/d/d1/Project2.jpg);
  background-position: 200px -0px; 

}

  1. rollover-image-3 {
 background-image:url(http://openwetware.org/images/9/94/UP12_Lab1.jpg);
 background-position: 400px -0px;

}

  1. rollover-image-3:hover {
 background-image:url(http://openwetware.org/images/5/58/Up12_Lab2.jpg);
 background-position: 400px -000px; 

}

  1. rollover-image-8 {
 background-image:url(http://openwetware.org/images/c/cf/UP12_Team1.jpg);
 background-position: 600px -0px;

}

  1. rollover-image-8:hover {
 background-image:url(http://openwetware.org/images/5/5c/UP12_Team2.jpg); */
 background-position: 600px -0px;

}

  1. totop {
 /* background-image:url(http://2012.igem.org/wiki/images/0/0d/Pfeil.png); */
  filter:alpha(opacity=50);
  height: 76px;
  width: 75px;
  position: fixed;
  right: 10px;
  z-index: -20;

}

  1. search-controls {
  width: auto;
  top: -4px;
  right: 200px;
  z-index: 15;

}

input.searchButton {

  color: #ffffff;

}

  1. menu_center {
  float:right;
  position:relative;
  left:-50%;
  text-align:left;

}

input.searchButton:hover {

  color: #B41111;

}

</style> </head> </html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> (function($) {

   $.fn.innerfade = function(options) {
       return this.each(function() {   
           $.innerfade(this, options);
       });
   };
   $.innerfade = function(container, options) {
       var settings = {
       		'animationtype':    'fade',
           'speed':            'normal',
           'type':             'sequence',
           'timeout':          1000,
           'containerheight':  'auto',
           'runningclass':     'innerfade',
           'children':         null
       };
       if (options)
           $.extend(settings, options);
       if (settings.children === null)
           var elements = $(container).children();
       else
           var elements = $(container).children(settings.children);
       if (elements.length > 1) {
           $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);
           for (var i = 0; i < elements.length; i++) {
               $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
           };
           if (settings.type == "sequence") {
               setTimeout(function() {
                   $.innerfade.next(elements, settings, 1, 0);
               }, settings.timeout);
               $(elements[0]).show();
           } else if (settings.type == "random") {
           		var last = Math.floor ( Math.random () * ( elements.length ) );
               setTimeout(function() {
                   do { 

current = Math.floor ( Math.random ( ) * ( elements.length ) ); } while (last == current ); $.innerfade.next(elements, settings, current, last);

               }, settings.timeout);
               $(elements[last]).show();

} else if ( settings.type == 'random_start' ) { settings.type = 'sequence'; var current = Math.floor ( Math.random () * ( elements.length ) ); setTimeout(function(){ $.innerfade.next(elements, settings, (current + 1) % elements.length, current); }, settings.timeout); $(elements[current]).show(); } else { alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\''); } }

   };
   $.innerfade.next = function(elements, settings, current, last) {
       if (settings.animationtype == 'slide') {
           $(elements[last]).slideUp(settings.speed);
           $(elements[current]).slideDown(settings.speed);
       } else if (settings.animationtype == 'fade') {
           $(elements[last]).fadeOut(settings.speed);
           $(elements[current]).fadeIn(settings.speed, function() {

removeFilter($(this)[0]); });

       } else
           alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');
       if (settings.type == "sequence") {
           if ((current + 1) < elements.length) {
               current = current + 1;
               last = current - 1;
           } else {
               current = 0;
               last = elements.length - 1;
           }
       } else if (settings.type == "random") {
           last = current;
           while (current == last)
               current = Math.floor(Math.random() * elements.length);
       } else
           alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
       setTimeout((function() {
           $.innerfade.next(elements, settings, current, last);
       }), settings.timeout);
   };

})(jQuery);

// **** remove Opacity-Filter in ie **** function removeFilter(element) { if(element.style.removeAttribute){ element.style.removeAttribute('filter'); } }

$(document).ready( function(){

$('#portfolio').innerfade({ speed: 'slow', timeout: 8000, type: 'sequence', containerheight: '280px' });

$('.fade').innerfade({ speed: 'slow', timeout: 1000, type: 'sequence', containerheight: '1.5em' }); } );


</script> </head> </html>


<html> <div id="banner-wrap"> <div id="portfolio"> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/8/8c/Header3.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/e/e8/Header1.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/2/20/Header2.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/e/e8/Header4.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/0/09/UP12_header.jpg"/></a> </div> </div> <div class="clearfix"> </div> </html> <html> <div class="nav_menu gradient_golden"> <div id="menu_center"> <ul id="menu"> <li><a href="http://openwetware.org/index.php?title=Biomod/2012/Potsdam/DnanoPROT">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Overview">Overview</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Project">Project</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Lab">Lab</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Team">Team</a> </ul> </div> </div> </html>