Template:SUSTC-B1

From 2012.igem.org

(Difference between revisions)
Line 51: Line 51:
</style>
</style>
-
 
<script type="text/javascript">
<script type="text/javascript">
-
var script = document.createElement('script');  
+
/*
-
script.src = "http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"; 
+
* Superfish v1.4.8 - jQuery menu widget
-
document.body.appendChild(script);
+
* Copyright (c) 2008 Joel Birch
 +
  *
 +
* Dual licensed under the MIT and GPL licenses:
 +
* http://www.opensource.org/licenses/mit-license.php
 +
* http://www.gnu.org/licenses/gpl.html
 +
*
 +
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
 +
*/
 +
;(function($){
 +
$.fn.superfish = function(op){
 +
 +
var sf = $.fn.superfish,
 +
c = sf.c,
 +
$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),
 +
over = function(){
 +
var $$ = $(this), menu = getMenu($$);
 +
clearTimeout(menu.sfTimer);
 +
$$.showSuperfishUl().siblings().hideSuperfishUl();
 +
},
 +
out = function(){
 +
var $$ = $(this), menu = getMenu($$), o = sf.op;
 +
clearTimeout(menu.sfTimer);
 +
menu.sfTimer=setTimeout(function(){
 +
o.retainPath=($.inArray($$[0],o.$path)>-1);
 +
$$.hideSuperfishUl();
 +
//if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
 +
if (o.$path.length) {
 +
if ($$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
 +
}
 +
},o.delay);
 +
},
 +
getMenu = function($menu){
 +
var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
 +
sf.op = sf.o[menu.serial];
 +
return menu;
 +
},
 +
addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
 +
 +
return this.each(function() {
 +
var s = this.serial = sf.o.length;
 +
var o = $.extend({},sf.defaults,op);
 +
o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
 +
$(this).addClass([o.hoverClass,c.bcClass].join(' '))
 +
.filter('li:has(ul)').removeClass(o.pathClass);
 +
});
 +
sf.o[s] = sf.op = o;
 +
var bcheck = false;
 +
if ($.fn.hoverIntent) {
 +
if (!o.disableHI) bcheck = true;
 +
}
 +
 +
$('li:has(ul)',this)[(bcheck) ? 'hoverIntent' : 'hover'](over,out).each(function() {
 +
if (o.autoArrows) addArrow( $('>a:first-child',this) );
 +
})
 +
.not('.'+c.bcClass)
 +
.hideSuperfishUl();
 +
 +
var $a = $('a',this);
 +
$a.each(function(i){
 +
var $li = $a.eq(i).parents('li');
 +
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
 +
});
 +
o.onInit.call(this);
 +
 +
}).each(function() {
 +
var menuClasses = [c.menuClass];
 +
//if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
 +
if (sf.op.dropShadows) if (!$.browser.msie) if (!($.browser.version < 7)) menuClasses.push(c.shadowClass);
 +
$(this).addClass(menuClasses.join(' '));
 +
});
 +
};
 +
 +
var sf = $.fn.superfish;
 +
sf.o = [];
 +
sf.op = {};
 +
sf.IE7fix = function(){
 +
var o = sf.op;
 +
//if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
 +
if ($.browser.msie) if($.browser.version > 6) if (o.dropShadows) if (o.animation.opacity!=undefined)
 +
this.toggleClass(sf.c.shadowClass+'-off');
 +
};
 +
sf.c = {
 +
bcClass    : 'sf-breadcrumb',
 +
menuClass  : 'sf-js-enabled',
 +
anchorClass : 'sf-with-ul',
 +
arrowClass  : 'sf-sub-indicator',
 +
shadowClass : 'sf-shadow'
 +
};
 +
sf.defaults = {
 +
hoverClass : 'sfHover',
 +
pathClass : 'overideThisToUse',
 +
pathLevels : 1,
 +
delay : 800,
 +
animation : {opacity:'show'},
 +
speed : 'normal',
 +
autoArrows : true,
 +
dropShadows : true,
 +
disableHI : false, // true disables hoverIntent detection
 +
onInit : function(){}, // callback functions
 +
onBeforeShow: function(){},
 +
onShow : function(){},
 +
onHide : function(){}
 +
};
 +
$.fn.extend({
 +
hideSuperfishUl : function(){
 +
var o = sf.op,
 +
not = (o.retainPath===true) ? o.$path : '';
 +
o.retainPath = false;
 +
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
 +
.find('>ul').hide().css('visibility','hidden');
 +
o.onHide.call($ul);
 +
return this;
 +
},
 +
showSuperfishUl : function(){
 +
var o = sf.op,
 +
sh = sf.c.shadowClass+'-off',
 +
$ul = this.addClass(o.hoverClass)
 +
.find('>ul:hidden').css('visibility','visible');
 +
sf.IE7fix.call($ul);
 +
o.onBeforeShow.call($ul);
 +
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
 +
return this;
 +
}
 +
});
 +
 +
})(jQuery);
 +
 +
</script>
 +
<script type="text/javascript">
/*
/*
  * Supersubs v0.2b - jQuery plugin
  * Supersubs v0.2b - jQuery plugin

Revision as of 17:48, 20 October 2012

Title

Romantic Getaway

Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.

Read More

Family Getaway

Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.

Read More

Suite Getaway

Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.

Read More

Welcome

Mauris malesuada ultrices consectetur. Suspendisse varius ante quis mauris gravida auctor. Nam cursus felis non ipsum feugiat ullamcorper. Nunc ac aliquet eros.

Nam eget justo velit. Vestibulum dignissim vestibulum volutpat. Morbi quam odio, facilisis ut scelerisque id, pretium blandit diam. Suspendisse quam magna, sollicitudin vitae volutpat et, porttitor ut sem. Mauris nec dolor erat. Vestibulum condimentum libero ac elit rutrum pharetra. Nunc aliquet nisi et erat vulputate pellentesque.

Nullam vel lacus et velit placerat convallis vitae in lorem. Fusce massa risus, viverra ut dapibus ut, tempus sit amet metus. Duis in elit nisi. In hac habitasse platea dictumst.

1

Design Ideas

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.

2

Problem Areas

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.

3

Green Garden

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.

4

Planting Areas

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.