Biomod/2012/Potsdam/DnanoPROT/header

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%);

}

sidebar-main{

visibility:hidden;

}

content {

   left: 50%;
   margin-left: -480px;
   width: 975px;

}

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;

}

menu .selected {

  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}

menu {

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

}

menu ul {

 margin: 0px;

}

menu li {

 list-style: none outside none;
 float:left;
 padding-left: 15px;
 padding-right: 15px;
 margin-right:25px;
 margin-left:25px;
 font-weight: 900;

}

menu li ul{

 list-style: none outside none;
 display:none;
 position: absolute; 
 margin : 0px;
 padding: 0px;

}

menu ul ul {

 padding: 0px;

}

menu li ul li{

 margin : 0px;
 width:inherit;
 font-weight: normal;

}

menu li ul li:hover {

 height:auto;
 float:none;
 text-align:left;

}

menu ul li {

 clear: both;

}

menu a {

 display: block;
 color: white;

}

menu a:hover {

  text-decoration:none;

}

menu li:hover {

  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}

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;

}

content {

 border: none;
 background-color: transparent;

}

catlinks {

 border:none;
 background-color: transparent;

}

footer-box {

 border:none;
 background-color: transparent;

}

footer {

background-color: transparent;
border: none;

} .center_box {

  text-align: center;

}

p-logo {

 display:none;

}

top-section {

border: none;
height:0px;

}

.firstHeading{

display: none;
padding:0px;

}

banner-wrap {

 padding: 0px;

}

portfolio {

z-index: -200;
height: 280px;

}

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;

}

rollover-image {

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

}

rollover-image:hover {

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

}

rollover-image-2 {

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

}

rollover-image-2:hover {

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

}

rollover-image-3 {

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

}

rollover-image-3:hover {

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

}

rollover-image-8 {

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

}

rollover-image-8:hover {

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

}

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;

}

search-controls {

  width: auto;
  top: -4px;
  right: 200px;
  z-index: 15;

}

input.searchButton {

  color: #ffffff;

}

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>

</html> <html>

</html>

Biomod/2012/Potsdam/DnanoPROT/header

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

research

Tools