|
|
| (35 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">
| |
| - | /*
| |
| - | * 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 250: |
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 493: |
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 505: |
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 626: |
Line 409: |
| | | | |
| | | | |
| | + | |
| | + | #ram |
| | + | { |
| | + | border-style:solid; |
| | + | padding-left:20px; |
| | + | padding-right:20px; |
| | + | } |
| | + | |
| | + | <!--START FOOTER--> |
| | | | |
| | html, body {height: 100%;} | | html, body {height: 100%;} |
| Line 641: |
Line 433: |
| | height: 250px; | | height: 250px; |
| | clear:both; | | clear:both; |
| - | border-top: 2px solid black; | + | border-top: 2px solid #8b8b8b; |
| | } | | } |
| | | | |
| Line 653: |
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-->
| |
| | | | |
| | | | |
"
