Template:SUSTC-B1

From 2012.igem.org

(Difference between revisions)
Line 52: Line 52:
</style>
</style>
-
<script type="text/javascript">
+
<script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"></script>
-
 
+
<script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/supersubs/js/supersubs.js"></script>
-
/*
+
-
* Supersubs v0.2b - jQuery plugin
+
-
* 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
+
-
*
+
-
*
+
-
* This plugin automatically adjusts submenu widths of suckerfish-style menus to that of
+
-
* their longest list item children. If you use this, please expect bugs and report them
+
-
* to the jQuery Google Group with the word 'Superfish' in the subject line.
+
-
*
+
-
*/
+
-
 
+
-
;(function($){ // $ will refer to jQuery within this closure
+
-
 
+
-
$.fn.supersubs = function(options){
+
-
var opts = $.extend({}, $.fn.supersubs.defaults, options);
+
-
// return original object to support chaining
+
-
return this.each(function() {
+
-
// cache selections
+
-
var $$ = $(this);
+
-
// support metadata
+
-
var o = $.meta ? $.extend({}, opts, $$.data()) : opts;
+
-
// get the font size of menu.
+
-
// .css('fontSize') returns various results cross-browser, so measure an em dash instead
+
-
var fontsize = $('<li id="menu-fontsize">&#8212;</li>').css({
+
-
'padding' : 0,
+
-
'position' : 'absolute',
+
-
'top' : '-999em',
+
-
'width' : 'auto'
+
-
}).appendTo($$).width(); //clientWidth is faster, but was incorrect here
+
-
// remove em dash
+
-
$('#menu-fontsize').remove();
+
-
// cache all ul elements
+
-
$ULs = $$.find('ul');
+
-
// loop through each ul in menu
+
-
$ULs.each(function(i) {
+
-
// cache this ul
+
-
var $ul = $ULs.eq(i);
+
-
// get all (li) children of this ul
+
-
var $LIs = $ul.children();
+
-
// get all anchor grand-children
+
-
var $As = $LIs.children('a');
+
-
// force content to one line and save current float property
+
-
var liFloat = $LIs.css('white-space','nowrap').css('float');
+
-
// remove width restrictions and floats so elements remain vertically stacked
+
-
var emWidth = $ul.add($LIs).add($As).css({
+
-
'float' : 'none',
+
-
'width' : 'auto'
+
-
})
+
-
// this ul will now be shrink-wrapped to longest li due to position:absolute
+
-
// so save its width as ems. Clientwidth is 2 times faster than .width() - thanks Dan Switzer
+
-
.end().end()[0].clientWidth / fontsize;
+
-
// add more width to ensure lines don't turn over at certain sizes in various browsers
+
-
emWidth += o.extraWidth;
+
-
// restrict to at least minWidth and at most maxWidth
+
-
if (emWidth > o.maxWidth) { emWidth = o.maxWidth; }
+
-
else if (emWidth < o.minWidth) { emWidth = o.minWidth; }
+
-
emWidth += 'em';
+
-
// set ul to width in ems
+
-
$ul.css('width',emWidth);
+
-
// restore li floats to avoid IE bugs
+
-
// set li width to full width of this ul
+
-
// revert white-space to normal
+
-
$LIs.css({
+
-
'float' : liFloat,
+
-
'width' : '100%',
+
-
'white-space' : 'normal'
+
-
})
+
-
// update offset position of descendant ul to reflect new width of parent
+
-
.each(function(){
+
-
var $childUl = $('>ul',this);
+
-
var offsetDirection = $childUl.css('left')!==undefined ? 'left' : 'right';
+
-
$childUl.css(offsetDirection,emWidth);
+
-
});
+
-
});
+
-
+
-
});
+
-
};
+
-
// expose defaults
+
-
$.fn.supersubs.defaults = {
+
-
minWidth : 9, // requires em unit.
+
-
maxWidth : 25, // requires em unit.
+
-
extraWidth : 0 // extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
+
-
};
+
-
+
-
})(jQuery); // plugin code ends
+
-
 
+
-
</script>
+
<script type="text/javascript">
<script type="text/javascript">
// custom.js
// custom.js

Revision as of 17:23, 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.