Template:Uppsala-SwedenTemplate2

From 2011.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 13: Line 13:
</script>     
</script>     
<!-- end of amin script-->
<!-- end of amin script-->
-
 
-
<!--- slide show --->
 
-
/*
 
-
* jQuery Nivo Slider v2.6
 
-
* http://nivo.dev7studios.com
 
-
*
 
-
* Copyright 2011, Gilbert Pellegrom
 
-
* Free to use and abuse under the MIT license.
 
-
* http://www.opensource.org/licenses/mit-license.php
 
-
*
 
-
* March 2010
 
-
*/
 
-
 
-
 
-
/* The Nivo Slider styles */
 
-
.nivoSlider {
 
-
position:absolute;
 
-
 
-
}
 
-
.nivoSlider img {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
}
 
-
/* If an image is wrapped in a link */
 
-
.nivoSlider a.nivo-imageLink {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
width:100%;
 
-
height:100%;
 
-
border:0;
 
-
padding:0;
 
-
margin:0;
 
-
z-index:6;
 
-
display:none;
 
-
}
 
-
/* The slices and boxes in the Slider */
 
-
.nivo-slice {
 
-
display:block;
 
-
position:absolute;
 
-
z-index:5;
 
-
height:100%;
 
-
}
 
-
.nivo-box {
 
-
display:block;
 
-
position:absolute;
 
-
z-index:5;
 
-
}
 
-
/* Caption styles */
 
-
.nivo-caption {
 
-
position:absolute;
 
-
left:0px;
 
-
bottom:0px;
 
-
background:#000;
 
-
color:#fff;
 
-
opacity:0.8; /* Overridden by captionOpacity setting */
 
-
width:100%;
 
-
z-index:8;
 
-
}
 
-
.nivo-caption p {
 
-
padding:5px;
 
-
margin:0;
 
-
}
 
-
.nivo-caption a {
 
-
display:inline !important;
 
-
}
 
-
.nivo-html-caption {
 
-
    display:none;
 
-
}
 
-
/* Direction nav styles (e.g. Next & Prev) */
 
-
.nivo-directionNav a {
 
-
position:absolute;
 
-
top:45%;
 
-
z-index:9;
 
-
cursor:pointer;
 
-
}
 
-
.nivo-prevNav {
 
-
left:0px;
 
-
}
 
-
.nivo-nextNav {
 
-
right:0px;
 
-
}
 
-
/* Control nav styles (e.g. 1,2,3...) */
 
-
.nivo-controlNav a {
 
-
position:relative;
 
-
z-index:9;
 
-
cursor:pointer;
 
-
}
 
-
.nivo-controlNav a.active {
 
-
font-weight:bold;
 
-
}
 
-
/*=================================*/
 
-
/* Nivo Slider Demo
 
-
/* November 2010
 
-
/* By: Gilbert Pellegrom
 
-
/* http://dev7studios.com
 
-
/*=================================*/
 
-
 
-
/*====================*/
 
-
/*=== Reset Styles ===*/
 
-
/*====================*/
 
-
html, body, div, span, applet, object, iframe,
 
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
-
a, abbr, acronym, address, big, cite, code,
 
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
 
-
small, strike, strong, sub, sup, tt, var,
 
-
dl, dt, dd, ol, ul, li,
 
-
fieldset, form, label, legend,
 
-
table, caption, tbody, tfoot, thead, tr, th, td {
 
-
margin:0;
 
-
padding:0;
 
-
border:0;
 
-
outline:0;
 
-
font-weight:inherit;
 
-
font-style:inherit;
 
-
font-size:100%;
 
-
font-family:inherit;
 
-
vertical-align:baseline;
 
-
}
 
-
 
-
 
-
 
-
a, a:visited {
 
-
color:blue;
 
-
text-decoration:none;
 
-
}
 
-
a:hover, a:active {
 
-
color:#000;
 
-
text-decoration:none;
 
-
}
 
-
 
-
 
-
.theme-default #slider {
 
-
    margin:34px 34px 0 34px;
 
-
margin-top:30px;
 
-
margin-bottom:30px;
 
-
    width:870px; /* Make sure your images are the same size */
 
-
    height:246px; /* Make sure your images are the same size */
 
-
}
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
    <script type="text/javascript" >
 
-
/*
 
-
* jQuery Nivo Slider v2.6
 
-
* http://nivo.dev7studios.com
 
-
*
 
-
* Copyright 2011, Gilbert Pellegrom
 
-
* Free to use and abuse under the MIT license.
 
-
* http://www.opensource.org/licenses/mit-license.php
 
-
*
 
-
* March 2010
 
-
*/
 
-
 
-
(function($){var NivoSlider=function(element,options){var settings=$.extend({},$.fn.nivoSlider.defaults,options);var vars={currentSlide:0,currentImage:'',totalSlides:0,randAnim:'',running:false,paused:false,stop:false};var slider=$(element);slider.data('nivo:vars',vars);slider.css('position','relative');slider.addClass('nivoSlider');var kids=slider.children();kids.each(function(){var child=$(this);var link='';if(!child.is('img')){if(child.is('a')){child.addClass('nivo-imageLink');link=child;}
 
-
child=child.find('img:first');}
 
-
var childWidth=child.width();if(childWidth==0)childWidth=child.attr('width');var childHeight=child.height();if(childHeight==0)childHeight=child.attr('height');if(childWidth>slider.width()){slider.width(childWidth);}
 
-
if(childHeight>slider.height()){slider.height(childHeight);}
 
-
if(link!=''){link.css('display','none');}
 
-
child.css('display','none');vars.totalSlides++;});if(settings.startSlide>0){if(settings.startSlide>=vars.totalSlides)settings.startSlide=vars.totalSlides-1;vars.currentSlide=settings.startSlide;}
 
-
if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
 
-
if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
 
-
slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');slider.append($('<div class="nivo-caption"><p></p></div>').css({display:'none',opacity:settings.captionOpacity}));var processCaption=function(settings){var nivoCaption=$('.nivo-caption',slider);if(vars.currentImage.attr('title')!=''&&vars.currentImage.attr('title')!=undefined){var title=vars.currentImage.attr('title');if(title.substr(0,1)=='#')title=$(title).html();if(nivoCaption.css('display')=='block'){nivoCaption.find('p').fadeOut(settings.animSpeed,function(){$(this).html(title);$(this).fadeIn(settings.animSpeed);});}else{nivoCaption.find('p').html(title);}
 
-
nivoCaption.fadeIn(settings.animSpeed);}else{nivoCaption.fadeOut(settings.animSpeed);}}
 
-
processCaption(settings);var timer=0;if(!settings.manualAdvance&&kids.length>1){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}
 
-
if(settings.directionNav){slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+settings.prevText+'</a><a class="nivo-nextNav">'+settings.nextText+'</a></div>');if(settings.directionNavHide){$('.nivo-directionNav',slider).hide();slider.hover(function(){$('.nivo-directionNav',slider).show();},function(){$('.nivo-directionNav',slider).hide();});}
 
-
$('a.nivo-prevNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');});$('a.nivo-nextNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');});}
 
-
if(settings.controlNav){var nivoControl=$('<div class="nivo-controlNav"></div>');slider.append(nivoControl);for(var i=0;i<kids.length;i++){if(settings.controlNavThumbs){var child=kids.eq(i);if(!child.is('img')){child=child.find('img:first');}
 
-
if(settings.controlNavThumbsFromRel){nivoControl.append('<a class="nivo-control" rel="'+i+'"><img src="'+child.attr('rel')+'" alt="" /></a>');}else{nivoControl.append('<a class="nivo-control" rel="'+i+'"><img src="'+child.attr('src').replace(settings.controlNavThumbsSearch,settings.controlNavThumbsReplace)+'" alt="" /></a>');}}else{nivoControl.append('<a class="nivo-control" rel="'+i+'">'+(i+1)+'</a>');}}
 
-
$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');$('.nivo-controlNav a',slider).live('click',function(){if(vars.running)return false;if($(this).hasClass('active'))return false;clearInterval(timer);timer='';slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');vars.currentSlide=$(this).attr('rel')-1;nivoRun(slider,kids,settings,'control');});}
 
-
if(settings.keyboardNav){$(window).keypress(function(event){if(event.keyCode=='37'){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');}
 
-
if(event.keyCode=='39'){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');}});}
 
-
if(settings.pauseOnHover){slider.hover(function(){vars.paused=true;clearInterval(timer);timer='';},function(){vars.paused=false;if(timer==''&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}});}
 
-
slider.bind('nivo:animFinished',function(){vars.running=false;$(kids).each(function(){if($(this).is('a')){$(this).css('display','none');}});if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
 
-
if(timer==''&&!vars.paused&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}
 
-
settings.afterChange.call(this);});var createSlices=function(slider,settings,vars){for(var i=0;i<settings.slices;i++){var sliceWidth=Math.round(slider.width()/settings.slices);if(i==settings.slices-1){slider.append($('<div class="nivo-slice"></div>').css({left:(sliceWidth*i)+'px',width:(slider.width()-(sliceWidth*i))+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}else{slider.append($('<div class="nivo-slice"></div>').css({left:(sliceWidth*i)+'px',width:sliceWidth+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}}}
 
-
var createBoxes=function(slider,settings,vars){var boxWidth=Math.round(slider.width()/settings.boxCols);var boxHeight=Math.round(slider.height()/settings.boxRows);for(var rows=0;rows<settings.boxRows;rows++){for(var cols=0;cols<settings.boxCols;cols++){if(cols==settings.boxCols-1){slider.append($('<div class="nivo-box"></div>').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:(slider.width()-(boxWidth*cols))+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}else{slider.append($('<div class="nivo-box"></div>').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:boxWidth+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}}}}
 
-
var nivoRun=function(slider,kids,settings,nudge){var vars=slider.data('nivo:vars');if(vars&&(vars.currentSlide==vars.totalSlides-1)){settings.lastSlide.call(this);}
 
-
if((!vars||vars.stop)&&!nudge)return false;settings.beforeChange.call(this);if(!nudge){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}else{if(nudge=='prev'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}
 
-
if(nudge=='next'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}}
 
-
vars.currentSlide++;if(vars.currentSlide==vars.totalSlides){vars.currentSlide=0;settings.slideshowEnd.call(this);}
 
-
if(vars.currentSlide<0)vars.currentSlide=(vars.totalSlides-1);if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
 
-
if(settings.controlNav){$('.nivo-controlNav a',slider).removeClass('active');$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');}
 
-
processCaption(settings);$('.nivo-slice',slider).remove();$('.nivo-box',slider).remove();if(settings.effect=='random'){var anims=new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade','boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');vars.randAnim=anims[Math.floor(Math.random()*(anims.length+1))];if(vars.randAnim==undefined)vars.randAnim='fade';}
 
-
if(settings.effect.indexOf(',')!=-1){var anims=settings.effect.split(',');vars.randAnim=anims[Math.floor(Math.random()*(anims.length))];if(vars.randAnim==undefined)vars.randAnim='fade';}
 
-
vars.running=true;if(settings.effect=='sliceDown'||settings.effect=='sliceDownRight'||vars.randAnim=='sliceDownRight'||settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'top':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
 
-
timeBuff+=50;i++;});}
 
-
else if(settings.effect=='sliceUp'||settings.effect=='sliceUpRight'||vars.randAnim=='sliceUpRight'||settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'bottom':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
 
-
timeBuff+=50;i++;});}
 
-
else if(settings.effect=='sliceUpDown'||settings.effect=='sliceUpDownRight'||vars.randAnim=='sliceUpDown'||settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var v=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);if(i==0){slice.css('top','0px');i++;}else{slice.css('bottom','0px');i=0;}
 
-
if(v==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
 
-
timeBuff+=50;v++;});}
 
-
else if(settings.effect=='fold'||vars.randAnim=='fold'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;$('.nivo-slice',slider).each(function(){var slice=$(this);var origWidth=slice.width();slice.css({top:'0px',height:'100%',width:'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
 
-
timeBuff+=50;i++;});}
 
-
else if(settings.effect=='fade'||vars.randAnim=='fade'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':slider.width()+'px'});firstSlice.animate({opacity:'1.0'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
 
-
else if(settings.effect=='slideInRight'||vars.randAnim=='slideInRight'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
 
-
else if(settings.effect=='slideInLeft'||vars.randAnim=='slideInLeft'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1','left':'','right':'0px'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){firstSlice.css({'left':'0px','right':''});slider.trigger('nivo:animFinished');});}
 
-
else if(settings.effect=='boxRandom'||vars.randAnim=='boxRandom'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var boxes=shuffle($('.nivo-box',slider));boxes.each(function(){var box=$(this);if(i==totalBoxes-1){setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed);},(100+timeBuff));}
 
-
timeBuff+=20;i++;});}
 
-
else if(settings.effect=='boxRain'||vars.randAnim=='boxRain'||settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrow'||vars.randAnim=='boxRainGrow'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var rowIndex=0;var colIndex=0;var box2Darr=new Array();box2Darr[rowIndex]=new Array();var boxes=$('.nivo-box',slider);if(settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){boxes=$('.nivo-box',slider)._reverse();}
 
-
boxes.each(function(){box2Darr[rowIndex][colIndex]=$(this);colIndex++;if(colIndex==settings.boxCols){rowIndex++;colIndex=0;box2Darr[rowIndex]=new Array();}});for(var cols=0;cols<(settings.boxCols*2);cols++){var prevCol=cols;for(var rows=0;rows<settings.boxRows;rows++){if(prevCol>=0&&prevCol<settings.boxCols){(function(row,col,time,i,totalBoxes){var box=$(box2Darr[row][col]);var w=box.width();var h=box.height();if(settings.effect=='boxRainGrow'||vars.randAnim=='boxRainGrow'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){box.width(0).height(0);}
 
-
if(i==totalBoxes-1){setTimeout(function(){box.animate({opacity:'1',width:w,height:h},settings.animSpeed/1.3,'',function(){slider.trigger('nivo:animFinished');});},(100+time));}else{setTimeout(function(){box.animate({opacity:'1',width:w,height:h},settings.animSpeed/1.3);},(100+time));}})(rows,prevCol,timeBuff,i,totalBoxes);i++;}
 
-
prevCol--;}
 
-
timeBuff+=100;}}}
 
-
var shuffle=function(arr){for(var j,x,i=arr.length;i;j=parseInt(Math.random()*i),x=arr[--i],arr[i]=arr[j],arr[j]=x);return arr;}
 
-
var trace=function(msg){if(this.console&&typeof console.log!="undefined")
 
-
console.log(msg);}
 
-
this.stop=function(){if(!$(element).data('nivo:vars').stop){$(element).data('nivo:vars').stop=true;trace('Stop Slider');}}
 
-
this.start=function(){if($(element).data('nivo:vars').stop){$(element).data('nivo:vars').stop=false;trace('Start Slider');}}
 
-
settings.afterLoad.call(this);return this;};$.fn.nivoSlider=function(options){return this.each(function(key,value){var element=$(this);if(element.data('nivoslider'))return element.data('nivoslider');var nivoslider=new NivoSlider(this,options);element.data('nivoslider',nivoslider);});};$.fn.nivoSlider.defaults={effect:'random',slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:'.jpg',controlNavThumbsReplace:'_thumb.jpg',keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:'Prev',nextText:'Next',beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};$.fn._reverse=[].reverse;})(jQuery);
 
-
</script>
 
-
    <script type="text/javascript">
 
-
    $(window).load(function() {
 
-
        $('#slider').nivoSlider();
 
-
    });
 
-
    </script>
 
-
 
-
<!--- end of slid show --->
 
Line 251: Line 34:
.omega {padding-right:0;}
.omega {padding-right:0;}
.container_16 .grid_cell{
.container_16 .grid_cell{
-
width:190px;font-family:Helvetica, Arial, sans-serif; color:#202020;border:1px solid #F2F2F2;background: #F2F2F2;
+
width:170px;font-family:Helvetica, Arial, sans-serif; color:#202020;border:1px solid #F2F2F2;background: #F2F2F2;
}
}
.container_16 .grid_Blue {
.container_16 .grid_Blue {
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
background: #3B5998;
background: #3B5998;
-
width:190px;}
+
width:170px;}
.container_16 .grid_Red {
.container_16 .grid_Red {
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
background: #BF0404;
background: #BF0404;
-
width:190px;}
+
width:170px;}
.container_16 .grid_Green {
.container_16 .grid_Green {
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px;
background: #05B65E;
background: #05B65E;
-
width:190px;}
+
width:170px;}
.container_16 .grid_1 {width:41px;}
.container_16 .grid_1 {width:41px;}
Line 494: Line 277:
#sub_menu {height:200px;}
#sub_menu {height:200px;}
#Uppsalabanner {}
#Uppsalabanner {}
-
#mainlogo {height:210px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) top center no-repeat;}
+
#mainlogo {height:367px; background:url(https://static.igem.org/mediawiki/2011/9/9e/UppsalaLogoTmp.png) top center no-repeat;}
-
#Igemlogo {height:79px; background:url(https://static.igem.org/mediawiki/2011/6/61/Uppsala6.png) top left no-repeat;}
+
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) right top no-repeat;}
-
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/1/13/Uppsala3.jpg) right top no-repeat;}
+
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) bottom left no-repeat;}
-
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/1/13/Uppsala3.jpg) bottom left no-repeat;}
+
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) center center no-repeat; clear:both; position:relative;}
-
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/8/8f/Uppsala4.jpg) center center no-repeat; clear:both; position:relative;}
+
#Uppsalacontact {height:260px; background:url(https://static.igem.org/mediawiki/2011/7/76/Uppsalacontact.jpg) top right no-repeat; position:relative;}
#Uppsalacontact {height:260px; background:url(https://static.igem.org/mediawiki/2011/7/76/Uppsalacontact.jpg) top right no-repeat; position:relative;}
.banner {height:200px;display:block;}
.banner {height:200px;display:block;}
Line 506: Line 288:
#Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;}
#Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;}
-
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/9/98/UppsalaBanner2.png) left top no-repeat;}
+
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/b/bb/UppsalaBannerfinal.png) left top no-repeat;}
.maincontent {margin-top:-50px;}
.maincontent {margin-top:-50px;}
Line 627: Line 409:
 +
 +
#ram
 +
{
 +
border-style:solid;
 +
padding-left:20px;
 +
padding-right:20px;
 +
}
 +
 +
<!--START FOOTER-->
html, body {height: 100%;}
html, body {height: 100%;}
Line 642: Line 433:
height: 250px;
height: 250px;
clear:both;
clear:both;
-
         border-top: 2px solid black;
+
         border-top: 2px solid #8b8b8b;
         }  
         }  
Line 654: Line 445:
}
}
 +
<!--END FOOTER-->
-
 
-
#ram
 
-
{
 
-
border-style:solid;
 
-
padding-left:20px;
 
-
padding-right:20px;
 
-
}
 
-
 
-
<!--START IMG OPACITY-->
 
-
 
-
a.opac img{
 
-
opacity:.40;
 
-
filter:alpha(opacity=50);
 
-
filter: “alpha(opacity=50)”;
 
-
}
 
-
 
-
a.opac:hover img{
 
-
opacity:1;
 
-
filter:alpha(opacity=100);
 
-
filter: “alpha(opacity=100)”;
 
-
}
 
-
 
-
<!--END IMG OPACITY-->
 

Latest revision as of 14:09, 16 August 2011