Team:Gothenburg-Sweden/test

From 2010.igem.org

(Difference between revisions)
(New page: <html xmlns="http://www.w3.org/1999/xhtml"> <style type="text/css"> #contentSub { display:none; } #siteSub { display:none; } #search-controls { display:none; } .firstHeading { di...)
(Removing all content from page)
Line 1: Line 1:
-
 
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
-
 
-
<style type="text/css">
 
-
#contentSub {
 
-
display:none;
 
-
}
 
-
 
-
#siteSub {
 
-
display:none;
 
-
}
 
-
 
-
#search-controls {
 
-
display:none;
 
-
}
 
-
 
-
.firstHeading {
 
-
display:none;
 
-
}
 
-
 
-
#search-controls {
 
-
margin-top:30px;
 
-
}
 
-
 
-
#footer-box {
 
-
display:none;
 
-
}
 
-
 
-
a{
 
-
    font-family: Arial, Helvetica, sans-serif;
 
-
    font-size: 12px;
 
-
    font-weight:bold;
 
-
    color: #06639e;
 
-
    text-decoration:underline;
 
-
}
 
-
 
-
a:hover{
 
-
    text-decoration: underline;
 
-
    color: #000000;
 
-
}
 
-
 
-
*
 
-
{
 
-
    border: 0;
 
-
    margin: 0;
 
-
}
 
-
 
-
body
 
-
{
 
-
    font: 12px Arial, Helvetica, sans-serif;
 
-
    color: #000000;
 
-
    line-height: 20px;
 
-
    background: #7dbfd7 url(images/bg.jpg);
 
-
    background-repeat:repeat-x;
 
-
    background-position: top;
 
-
}
 
-
 
-
#mainbg{
 
-
    width: 1016px;
 
-
    margin: 0 auto;
 
-
 
 
-
}
 
-
 
-
#main{
 
-
    margin: 0 auto;
 
-
    width: 1016px;
 
-
 
 
-
}
 
-
 
-
#header{
 
-
    height: 306px;
 
-
 
 
-
}
 
-
 
-
 
-
#content{
 
-
 
-
}
 
-
 
-
 
-
#left{
 
-
    width:200px;
 
-
   
 
-
    float: left;
 
-
 
 
-
}
 
-
 
-
#left h2 {
 
-
    font-family: Arial, Helvetica, sans-serif;
 
-
    font-weight:normal;
 
-
    color: #ffffff;
 
-
    font-size: 16px;
 
-
    text-align:center;
 
-
    height: 27px;
 
-
    padding-top: 10px;
 
-
    background: url(images/title_left.png);
 
-
    background-repeat:no-repeat;
 
-
    background-position:top left;
 
-
}
 
-
 
-
#left .company{
 
-
    padding-top: 10px;
 
-
}
 
-
 
-
.numleft{
 
-
    background: url(images/numbg.png);
 
-
    background-repeat: no-repeat;
 
-
    background-position: left top;
 
-
    float:left;
 
-
    width: 37px;
 
-
    min-height: 37px;
 
-
    font-family: Arial,Helvetica,sans-serif;
 
-
    font-size: 16px;
 
-
    font-weight: bold;
 
-
    color: #ffffff;
 
-
    text-align: center;
 
-
    margin: 0px 8px 0px 8px;
 
-
}
 
-
 
-
.numleft p{
 
-
    padding-top: 10px;
 
-
}
 
-
 
-
.newsright{
 
-
 
 
-
}
 
-
 
-
#left .read a{
 
-
    color: #06639e;
 
-
    font-weight:normal;
 
-
    font-style: italic;
 
-
    font-size: 12px;
 
-
    text-decoration:none;
 
-
    border-bottom: 1px dotted #06639e;
 
-
    margin-right: 10px;
 
-
}
 
-
 
-
.left_grad{
 
-
    background: url(images/left_grad.png) repeat-y;
 
-
    background-position: top left;
 
-
 
-
}
 
-
 
-
.left_bg{
 
-
    background: url(images/left_bg.png) repeat-y;
 
-
    background-position:left;
 
-
}
 
-
 
-
.left_bot{
 
-
    background: url(images/left_bot.png) repeat-y;
 
-
    background-position:left top;
 
-
    height: 5px;
 
-
    margin-bottom: 10px;
 
-
}
 
-
 
-
#center{
 
-
    width: 596px;
 
-
 
 
-
    float: left;
 
-
 
-
}
 
-
 
-
#center p{
 
-
 
 
-
    padding-right:0px;
 
-
    padding-bottom: 10px;
 
-
 
-
}
 
-
 
-
 
-
.text{
 
-
 
 
-
    background: #ffffff url(images/text_bg.png);
 
-
    background-position: bottom;
 
-
    background-repeat: repeat-x;
 
-
    min-height: 64px;
 
-
}
 
-
 
-
 
-
#center H1{
 
-
    font-family: Arial, Helvetica, sans-serif;
 
-
    font-weight:normal;
 
-
    color: #00456e;
 
-
    font-size: 16px;
 
-
    height: 36px;
 
-
    width: 596px;
 
-
    padding-top: 10px;
 
-
text-align:center;
 
-
    background: url(images/title_center.png);
 
-
    background-repeat:no-repeat;
 
-
    background-position: top;
 
-
}
 
-
 
-
.read{
 
-
    text-align: right;
 
-
    padding-bottom:5px;
 
-
    padding-right: 5px;
 
-
}
 
-
 
-
#center .read{
 
-
    height: 26px;
 
-
    padding-top: 3px;
 
-
    background: url(images/read.png);
 
-
    background-repeat: no-repeat;
 
-
    background-position: top;
 
-
}
 
-
 
-
#center .read a{
 
-
    color: #ffffff;
 
-
    font-weight:normal;
 
-
    font-style: italic;
 
-
    font-size: 12px;
 
-
    padding-right: 15px;
 
-
    text-decoration:none;
 
-
 
-
}
 
-
 
-
.read a:hover{
 
-
    text-decoration:underline;
 
-
}
 
-
 
-
#right{
 
-
    width:198px;
 
-
    padding-right: 1px;
 
-
    float:right;
 
-
}
 
-
 
-
#right h2 {
 
-
    font-family: Arial, Helvetica, sans-serif;
 
-
    font-weight:normal;
 
-
    color: #ffffff;
 
-
    font-size: 16px;
 
-
    text-align:center;
 
-
    height: 27px;
 
-
    padding-top: 10px;
 
-
    background: url(images/title_right.png);
 
-
    background-repeat:no-repeat;
 
-
    background-position:top left;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
.categories{
 
-
 
-
}
 
-
 
-
.categories a{
 
-
    font-weight: normal;
 
-
    color: #000066;
 
-
    text-decoration: none;
 
-
}
 
-
 
-
.categories a:hover{
 
-
    background-color:#2286C9;
 
-
color:#FFFFFF;
 
-
}
 
-
 
-
.categories ul{
 
-
    padding-left: 5px;
 
-
    padding-right: 5px;
 
-
}
 
-
 
-
.categories ul li{
 
-
    list-style: none;
 
-
    padding: 3px 5px 3px 5px;
 
-
    border-bottom: 1px dotted #979797;
 
-
}
 
-
 
-
.recent a{
 
-
    font-weight: normal;
 
-
    color: #000000;
 
-
    text-decoration: none;
 
-
}
 
-
 
-
.recent ul{
 
-
    padding-left: 10px;
 
-
    padding-right: 10px;
 
-
}
 
-
 
-
.recent ul li{
 
-
    list-style: none;
 
-
    padding: 3px 5px 3px 13px;
 
-
    background: url(images/ls1.png);
 
-
    background-repeat: no-repeat;
 
-
    background-position: 0px 11px;
 
-
}
 
-
 
-
#footer
 
-
{
 
-
    height: 40px;
 
-
    font-size: 10px;
 
-
    color: #ffffff;
 
-
    padding-top: 10px;
 
-
    text-align: center;
 
-
    clear:both;
 
-
    background-position:bottom;
 
-
    background-repeat: no-repeat;
 
-
 
 
-
    margin-top: 1px;
 
-
    padding-bottom: 5px;
 
-
}
 
-
 
-
#footer a{
 
-
    color: #ffffff;
 
-
    font-size: 10px;
 
-
    font-weight: normal;
 
-
    text-decoration: none;
 
-
}
 
-
.padding{
 
-
 
 
-
    color:#FF0000;
 
-
    font-weight: bold;
 
-
}
 
-
/* level 0 inner */
 
-
.m0iout {
 
-
font-family:  sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;;
 
-
font-size: 12 px;
 
-
font-weight:500;
 
-
text-decoration: none;
 
-
margin: 4px 0 0 35px;
 
-
color: #207FF8;
 
-
}
 
-
.m0iover {
 
-
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;;
 
-
font-size: 12px;
 
-
text-decoration: underline;
 
-
margin: 5px 0 0 40px;
 
-
color: #207FF8;
 
-
}
 
-
 
-
/* level 0 outer */
 
-
.m0oout {
 
-
text-decoration : none;
 
-
background-image: url(img/lev0_bg1.gif);
 
-
border: 1px solid #C4D8EC;
 
-
background-color: #2C5F93;
 
-
}
 
-
.m0oover {
 
-
text-decoration : none;
 
-
background-image: url(img/lev0_bg2.gif);
 
-
background-color: #2C5F93;
 
-
border: 1px solid #C4D8EC;
 
-
}
 
-
 
-
 
-
/* level 1 inner */
 
-
.m1iout {
 
-
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
 
-
font-size: 12px;
 
-
margin: 2px 0 0 17px;
 
-
color: #FFFFFF;
 
-
}
 
-
.m1iover {
 
-
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
 
-
font-size: 12px;
 
-
margin: 2px 0 0 17px;
 
-
color: #FFFFFF;
 
-
}
 
-
 
-
/* level 1 outer */
 
-
.m1oout {
 
-
text-decoration : none;
 
-
background-color: #4896B7;
 
-
border: 1px solid #336699;
 
-
padding: 0;
 
-
}
 
-
.m1oover {
 
-
text-decoration : none;
 
-
background-color: #0A608D;
 
-
background-image: url(img/lev1_arrow.gif);
 
-
background-repeat: no-repeat;
 
-
border: 1px solid #336699;
 
-
padding: 0;
 
-
}
 
-
 
-
.style2 {color: #FF0000}
 
-
.style3 {
 
-
font-size: 14px;
 
-
color: #8C9AFF;
 
-
}
 
-
 
-
</style>
 
-
 
-
    <head>
 
-
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
-
        <title>Chalmers</title>
 
-
        <meta name="keywords" content="" />
 
-
        <meta name="description" content="" />
 
-
     
 
-
    </head>
 
-
 
-
 
-
 
-
 
-
 
-
   
 
-
<script language="JavaScript">
 
-
// --------------------------------------------------------------------------------
 
-
// global collection containing all menus on current page
 
-
var A_MENUS = [];
 
-
 
-
// --------------------------------------------------------------------------------
 
-
// menu class
 
-
function menu (a_items, a_tpl) {
 
-
 
-
// browser check
 
-
if (!document.body || !document.body.style)
 
-
return;
 
-
 
-
// store items structure
 
-
this.a_config = a_items;
 
-
 
-
// store template structure
 
-
this.a_tpl = a_tpl;
 
-
 
-
// get menu id
 
-
this.n_id = A_MENUS.length;
 
-
 
-
// declare collections
 
-
this.a_index = [];
 
-
this.a_children = [];
 
-
 
-
// assigh methods and event handlers
 
-
this.expand      = menu_expand;
 
-
this.collapse    = menu_collapse;
 
-
 
-
this.onclick    = menu_onclick;
 
-
this.onmouseout  = menu_onmouseout;
 
-
this.onmouseover = menu_onmouseover;
 
-
this.onmousedown = menu_onmousedown;
 
-
 
-
// default level scope description structure
 
-
this.a_tpl_def = {
 
-
'block_top'  : 16,
 
-
'block_left' : 16,
 
-
'top'        : 20,
 
-
'left'      : 4,
 
-
'width'      : 120,
 
-
'height'    : 22,
 
-
'hide_delay' : 0,
 
-
'expd_delay' : 0,
 
-
'css'        : {
 
-
'inner' : '',
 
-
'outer' : ''
 
-
}
 
-
};
 
-
 
-
// assign methods and properties required to imulate parent item
 
-
this.getprop = function (s_key) {
 
-
return this.a_tpl_def[s_key];
 
-
};
 
-
 
-
this.o_root = this;
 
-
this.n_depth = -1;
 
-
this.n_x = 0;
 
-
this.n_y = 0;
 
-
 
-
// init items recursively
 
-
for (n_order = 0; n_order < a_items.length; n_order++)
 
-
new menu_item(this, n_order);
 
-
 
-
// register self in global collection
 
-
A_MENUS[this.n_id] = this;
 
-
 
-
// make root level visible
 
-
for (var n_order = 0; n_order < this.a_children.length; n_order++)
 
-
this.a_children[n_order].e_oelement.style.visibility = 'visible';
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
function menu_collapse (n_id) {
 
-
// cancel item open delay
 
-
clearTimeout(this.o_showtimer);
 
-
 
-
// by default collapse to root level
 
-
var n_tolevel = (n_id ? this.a_index[n_id].n_depth : 0);
 
-
 
-
// hide all items over the level specified
 
-
for (n_id = 0; n_id < this.a_index.length; n_id++) {
 
-
var o_curritem = this.a_index[n_id];
 
-
if (o_curritem.n_depth > n_tolevel && o_curritem.b_visible) {
 
-
o_curritem.e_oelement.style.visibility = 'hidden';
 
-
o_curritem.b_visible = false;
 
-
}
 
-
}
 
-
 
-
// reset current item if mouse has gone out of items
 
-
if (!n_id)
 
-
this.o_current = null;
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
function menu_expand (n_id) {
 
-
 
-
// expand only when mouse is over some menu item
 
-
if (this.o_hidetimer)
 
-
return;
 
-
 
-
// lookup current item
 
-
var o_item = this.a_index[n_id];
 
-
 
-
// close previously opened items
 
-
if (this.o_current && this.o_current.n_depth >= o_item.n_depth)
 
-
this.collapse(o_item.n_id);
 
-
this.o_current = o_item;
 
-
 
-
// exit if there are no children to open
 
-
if (!o_item.a_children)
 
-
return;
 
-
 
-
// show direct child items
 
-
for (var n_order = 0; n_order < o_item.a_children.length; n_order++) {
 
-
var o_curritem = o_item.a_children[n_order];
 
-
o_curritem.e_oelement.style.visibility = 'visible';
 
-
o_curritem.b_visible = true;
 
-
}
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
function menu_onclick (n_id) {
 
-
var o_item = this.a_index[n_id];
 
-
var s_link = o_item.a_config[1];
 
-
if (!s_link)
 
-
return true;
 
-
if (String(s_link).toLowerCase().indexOf('javascript:') == 0)
 
-
return eval(s_link);
 
-
if (o_item.a_config[2] && o_item.a_config[2]['tw'])
 
-
window.open(s_link, o_item.a_config[2]['tw']);
 
-
else
 
-
window.location = s_link;
 
-
return true;
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
function menu_onmouseout (n_id) {
 
-
 
-
// lookup new item's object
 
-
var o_item = this.a_index[n_id];
 
-
 
-
// apply rollout
 
-
o_item.e_oelement.className = o_item.getstyle(0, 0);
 
-
o_item.e_ielement.className = o_item.getstyle(1, 0);
 
-
 
-
// update status line
 
-
o_item.upstatus(7);
 
-
 
-
// run mouseover timer
 
-
this.o_hidetimer = setTimeout('A_MENUS['+ this.n_id +'].collapse();',
 
-
o_item.getprop('hide_delay'));
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
function menu_onmouseover (n_id) {
 
-
 
-
// cancel mouseoute menu close and item open delay
 
-
clearTimeout(this.o_hidetimer);
 
-
this.o_hidetimer = null;
 
-
clearTimeout(this.o_showtimer);
 
-
 
-
// lookup new item's object
 
-
var o_item = this.a_index[n_id];
 
-
 
-
// update status line
 
-
o_item.upstatus();
 
-
 
-
// apply rollover
 
-
o_item.e_oelement.className = o_item.getstyle(0, 1);
 
-
o_item.e_ielement.className = o_item.getstyle(1, 1);
 
-
 
-
// if onclick open is set then no more actions required
 
-
if (o_item.getprop('expd_delay') < 0)
 
-
return;
 
-
 
-
// run expand timer
 
-
this.o_showtimer = setTimeout('A_MENUS['+ this.n_id +'].expand(' + n_id + ');',
 
-
o_item.getprop('expd_delay'));
 
-
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
// called when mouse button is pressed on menu item
 
-
// --------------------------------------------------------------------------------
 
-
function menu_onmousedown (n_id) {
 
-
 
-
// lookup new item's object
 
-
var o_item = this.a_index[n_id];
 
-
 
-
// apply mouse down style
 
-
o_item.e_oelement.className = o_item.getstyle(0, 2);
 
-
o_item.e_ielement.className = o_item.getstyle(1, 2);
 
-
 
-
this.expand(n_id);
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
// menu item Class
 
-
function menu_item (o_parent, n_order) {
 
-
 
-
// store parameters passed to the constructor
 
-
this.n_depth  = o_parent.n_depth + 1;
 
-
this.a_config = o_parent.a_config[n_order + (this.n_depth ? 3 : 0)];
 
-
 
-
// return if required parameters are missing
 
-
if (!this.a_config) return;
 
-
 
-
// store info from parent item
 
-
this.o_root    = o_parent.o_root;
 
-
this.o_parent  = o_parent;
 
-
this.n_order  = n_order;
 
-
 
-
// register in global and parent's collections
 
-
this.n_id = this.o_root.a_index.length;
 
-
this.o_root.a_index[this.n_id] = this;
 
-
o_parent.a_children[n_order] = this;
 
-
 
-
// calculate item's coordinates
 
-
var o_root = this.o_root,
 
-
a_tpl  = this.o_root.a_tpl;
 
-
 
-
// assign methods
 
-
this.getprop  = mitem_getprop;
 
-
this.getstyle = mitem_getstyle;
 
-
this.upstatus = mitem_upstatus;
 
-
 
-
this.n_x = n_order
 
-
? o_parent.a_children[n_order - 1].n_x + this.getprop('left')
 
-
: o_parent.n_x + this.getprop('block_left');
 
-
 
-
this.n_y = n_order
 
-
? o_parent.a_children[n_order - 1].n_y + this.getprop('top')
 
-
: o_parent.n_y + this.getprop('block_top');
 
-
 
-
// generate item's HMTL
 
-
document.write (
 
-
'<div id="e', o_root.n_id, '_', this.n_id, 'o" class="', this.getstyle(0, 0), '"',
 
-
(this.a_config[2] && this.a_config[2]['tt'] ? ' title="' + this.a_config[2]['tt'] + '"' : ''),
 
-
' style="position:absolute;top: ', this.n_y, 'px;left:', this.n_x, 'px;width:',
 
-
this.getprop('width'), 'px;height:', this.getprop('height'), 'px;visibility:hidden;',
 
-
' z-index: ', this.n_depth, ';cursor:', (this.a_config[1] ? 'pointer' : 'default'), '" ',
 
-
'onclick="return A_MENUS[', o_root.n_id, '].onclick(', this.n_id,
 
-
');" onmouseout="A_MENUS[', o_root.n_id, '].onmouseout(', this.n_id,
 
-
');" onmouseover="A_MENUS[', o_root.n_id, '].onmouseover(',
 
-
this.n_id, ');" onmousedown="A_MENUS[', o_root.n_id, '].onmousedown(',
 
-
this.n_id, ');"><div id="e', o_root.n_id, '_',
 
-
this.n_id, 'i" class="' ,this.getstyle(1, 0), '">',
 
-
this.a_config[0], "</div></div>"
 
-
);
 
-
 
-
this.e_ielement = document.getElementById('e' + o_root.n_id + '_' + this.n_id + 'i');
 
-
this.e_oelement = document.getElementById('e' + o_root.n_id + '_' + this.n_id + 'o');
 
-
 
-
this.b_visible = !this.n_depth;
 
-
 
-
// no more initialization if leaf
 
-
if (this.a_config.length < 4)
 
-
return;
 
-
 
-
// node specific methods and properties
 
-
this.a_children = [];
 
-
 
-
// init downline recursively
 
-
for (var n_order = 0; n_order < this.a_config.length - 3; n_order++)
 
-
new menu_item(this, n_order);
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
// reads property from template file, inherits from parent level if not found
 
-
// ------------------------------------------------------------------------------------------
 
-
function mitem_getprop (s_key) {
 
-
 
-
// check if value is defined for current level
 
-
var s_value = null,
 
-
a_level = this.o_root.a_tpl[this.n_depth];
 
-
 
-
// return value if explicitly defined
 
-
if (a_level)
 
-
s_value = a_level[s_key];
 
-
 
-
// request recursively from parent levels if not defined
 
-
return (s_value == null ? this.o_parent.getprop(s_key) : s_value);
 
-
}
 
-
// --------------------------------------------------------------------------------
 
-
// reads property from template file, inherits from parent level if not found
 
-
// ------------------------------------------------------------------------------------------
 
-
function mitem_getstyle (n_pos, n_state) {
 
-
 
-
var a_css = this.getprop('css');
 
-
var a_oclass = a_css[n_pos ? 'inner' : 'outer'];
 
-
 
-
// same class for all states
 
-
if (typeof(a_oclass) == 'string')
 
-
return a_oclass;
 
-
 
-
// inherit class from previous state if not explicitly defined
 
-
for (var n_currst = n_state; n_currst >= 0; n_currst--)
 
-
if (a_oclass[n_currst])
 
-
return a_oclass[n_currst];
 
-
}
 
-
 
-
// ------------------------------------------------------------------------------------------
 
-
// updates status bar message of the browser
 
-
// ------------------------------------------------------------------------------------------
 
-
function mitem_upstatus (b_clear) {
 
-
window.setTimeout("window.status=unescape('" + (b_clear
 
-
? ''
 
-
: (this.a_config[2] && this.a_config[2]['sb']
 
-
? escape(this.a_config[2]['sb'])
 
-
: escape(this.a_config[0]) + (this.a_config[1]
 
-
? ' ('+ escape(this.a_config[1]) + ')'
 
-
: ''))) + "')", 10);
 
-
}
 
-
 
-
// --------------------------------------------------------------------------------
 
-
// that's all folks
 
-
var MENU_ITEMS =
 
-
[['Home','http://2010.igem.org/Team:Gothenburg-Sweden'],
 
-
['Project', 'http://2010.igem.org/Team:Gothenburg-Sweden/Project', null,
 
-
    ['Description','http://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note', null,
 
-
['Aim','http://2010.igem.org/Team:Gothenburg-Sweden/Project/more#aim', null],
 
-
['Theoretic Background','http://2010.igem.org/Team:Gothenburg-Sweden/Project/more#bkg', null],
 
-
['Methods','http://2010.igem.org/Team:Gothenburg-Sweden/Project/more#method', null],
 
-
['Techniques','http://2010.igem.org/Team:Gothenburg-Sweden/Project/more#tech', null],
 
-
['SNF1 & AMPK','http://2010.igem.org/Team:Gothenburg-Sweden/Project/more#snf1', null],
 
-
['Biobricks','http://2010.igem.org/Team:Gothenburg-Sweden/Project/more#bricks', null],
 
-
['Possible Applications','http://2010.igem.org/Team:Gothenburg-Sweden/Project/more#app', null]],
 
-
['Lab Notes','http://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note'],
 
-
['Results','http://2010.igem.org/Team:Gothenburg-Sweden/Results']],
 
-
['About Us','http://2010.igem.org/Team:Gothenburg-Sweden/About_us'],
 
-
    ['Sponsors','http://2010.igem.org/Team:Gothenburg-Sweden/Sponsors'],
 
-
['Contact Us','http://2010.igem.org/Team:Gothenburg-Sweden/Contact']];
 
-
 
-
 
-
// level scope settins structure
 
-
var MENU_TPL = [
 
-
// root level configuration (level 0)
 
-
{
 
-
// item sizes
 
-
'height': 24,
 
-
'width': 165,
 
-
// absolute position of the menu on the page (in pixels)
 
-
// with centered content use Tigra Menu PRO or Tigra Menu GOLD
 
-
'block_top':  319,
 
-
 
-
// offsets between items of the same level (in pixels)
 
-
'top':  0,
 
-
 
-
// time delay before menu is hidden after cursor left the menu (in milliseconds)
 
-
'hide_delay': 200,
 
-
// submenu expand delay after the rollover of the parent
 
-
'expd_delay': 200,
 
-
// names of the CSS classes for the menu elements in different states
 
-
// tag: [normal, hover, mousedown]
 
-
'css' : {
 
-
'outer' : ['m0oout', 'm0oover'],
 
-
'inner' : ['m0iout ', 'm0iover']
 
-
}
 
-
},
 
-
// sub-menus configuration (level 1)
 
-
// any omitted parameters are inherited from parent level
 
-
{
 
-
'height': 24,
 
-
'width': 170,
 
-
// position of the submenu relative to top left corner of the parent item
 
-
 
-
'block_top': 25,
 
-
'block_left': 0,
 
-
'top': 23,
 
-
'left': 0,
 
-
'css' : {
 
-
'outer' : ['m1oout', 'm1oover'],
 
-
'inner' : ['m1iout', 'm1iover']
 
-
}
 
-
},
 
-
// sub-sub-menus configuration (level 2)
 
-
{
 
-
'block_top': 5,
 
-
 
-
}
 
-
// the depth of the menu is not limited
 
-
// make sure there is no comma after the last element
 
-
];
 
-
 
-
 
-
new menu (MENU_ITEMS, MENU_TPL);
 
-
 
-
// If you don't see the menu then check JavaScript console of the browser for the error messages
 
-
// "Variable is not defined" error indicates that there's syntax error in that variable's definition
 
-
// or the file with that variable isn't properly linked to the HTML document
 
-
//-->
 
-
</script>
 
-
 
-
        <div id="mainbg">
 
-
         
 
-
            <div id="header" align="center">
 
-
<embed src="fuss2.swf" quality="medium" bgcolor="#ffffff" width="832" height="290" align="top"  name="FUSS2" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
 
-
<div id="logo"></div>
 
-
                </div>
 
-
 
-
 
-
                <!-- header ends -->
 
-
                <!-- content begins -->
 
-
                <div id="main">
 
-
                    <div id="content">
 
-
                        <div id="right">
 
-
                            <h2>Project</h2>
 
-
                            <div class="left_bg">
 
-
                                <div class="left_grad">
 
-
                                    <div class="categories">
 
-
                                        <ul>
 
-
                                            <li><a href="#">Etiam sit amet nibh</a></li>
 
-
                                            <li><a href="#">Aenean laoreet arcu a lorem</a></li>
 
-
                                            <li><a href="#">Fusce eu lectus diam</a></li>
 
-
                                            <li><a href="#">Sed at nisi eu tellus</a></li>
 
-
                                            <li><a href="#">Vestibulum non justo ac justo</a></li>
 
-
                                            <li><a href="#">Duis ullamcorper purus</a></li>
 
-
                                            <li><a href="#">Lorem ipsum dolor</a></li>
 
-
                                        </ul>
 
-
                                    </div>
 
-
                                </div>
 
-
                            </div>
 
-
                            <div class="right_bot"></div>
 
-
 
-
                            <h2>Testimonials</h2>
 
-
                            <div class="left_bg">
 
-
                                <div class="left_grad">
 
-
                                    <div class="categories">
 
-
                                        <ul>
 
-
                                            <li><a href="#">Quisque laoreet varius nunc. Phasellus ligula neque, feugiat eu lacinia vel</a></li>
 
-
                                            <li><a href="#">Ut volutpat vehicula dolor at mollis.</a></li>
 
-
                                            <li><a href="#">Quisque dolor nibh, vehicula et varius et, mollis vel tortor. </a></li>
 
-
                                            <li><a href="#">Sed vulputate felis ac ligula feugiat aliquet in sed lectus.</a></li>
 
-
                                            <li><a href="#">Quisque laoreet varius nunc</a></li>
 
-
                                            <li><a href="#">Etiam sit amet mi orci, in venenatis ante. Sed vitae massa eget arcu egestas convallis.</a></li>
 
-
                                        </ul>
 
-
                                    </div>
 
-
                                </div>
 
-
                            </div>
 
-
                            <div class="right_bot"></div>
 
-
                        </div>
 
-
 
-
                        <div id="left">
 
-
                            <h2>Home</h2>
 
-
                            <div class="left_bg">
 
-
                                <div class="left_grad">
 
-
                                    <div class="categories">
 
-
                                        <ul>
 
-
                                            <li><a href="#">Etiam sit amet nibh</a></li>
 
-
                                            <li><a href="#">Aenean laoreet arcu a lorem</a></li>
 
-
                                            <li><a href="#">Fusce eu lectus diam</a></li>
 
-
                                            <li><a href="#">Sed at nisi eu tellus</a></li>
 
-
                                       
 
-
                                        </ul>
 
-
                                    </div>
 
-
                                </div>
 
-
                          </div>
 
-
                       
 
-
                            <div class="left_bot"></div>
 
-
 
-
                            <h2>Lab Notes</h2>
 
-
                            <div class="left_bg">
 
-
                                <div class="left_grad">
 
-
                                    <div class="company">
 
-
 
-
                                        <div class="numleft"><p>12</p></div>
 
-
                                        <div class="newsright"><a href="#">Friday, June 12, 2010</a>
 
-
                                            <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>
 
-
                                        </div>
 
-
                                        <div class="read"><a href="#">read more</a></div>
 
-
                                        <div style="clear: both"></div>
 
-
                                    </div>
 
-
                                    <div class="company">
 
-
                                        <div class="numleft"><p>13</p></div>
 
-
                                        <div class="newsright"><a href="#">Saturday, June 13, 2010</a>
 
-
                                            <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>
 
-
                                        </div>
 
-
                                     
 
-
                                   
 
-
                               
 
-
                                    </div>  <div class="read"><a href="#">read more</a></div>
 
-
 
-
                                </div>
 
-
                            </div>
 
-
                         
 
-
                        </div>
 
-
                        <div id="center">
 
-
                            <h1>IGEM 2010: GOTHENBURG-SWEDEN TEAM</h1>
 
-
                            <div class="text">
 
-
                                <img src="images/img1.jpg" title="img" alt="img" style="float: left; padding: 10px;"/>
 
-
                                <p>This website template is released under  a Creative Commons Attribution 2.5 License</p>
 
-
                              <p>We request you retain the full copyright notice below including the link to www.metamorphozis.com.<br />
 
-
      This not only gives respect to the large amount of time given freely by the developers<br />
 
-
      but also helps build interest, traffic and use of our free and paid designs. If you cannot (for good
 
-
      reason) retain the full copyright we request you at least leave in place the<br />
 
-
      Website Templates line, with Website Templates  linked to www.metamorphozis.com. If you refuse
 
-
      to include even this then support may be affected.<br />
 
-
                                    <br />
 
-
      You are allowed to use this design only if you agree to the following conditions:<br />
 
-
      - You cannot remove copyright notice from this design without our permission.<br />
 
-
      - If you modify this design it still should contain copyright because it is based on our work.<br />
 
-
      - You may copy, distribute, modify, etc... this template as long as link to our website remains untouched.<br />
 
-
      For support visit <a href="http://www.metamorphozis.com/contact/contact.php">http://www.metamorphozis.com/contact/contact.php</a><br />
 
-
                                    <br />
 
-
      The Metamorphosis Design : 2010 </p>
 
-
                            </div>
 
-
                            <div class="read"><a href="#">read more</a></div>
 
-
 
-
                            <h1>FREE WEBSITE TEMPLATES USEFUL LINKS</h1>
 
-
                            <div class="text">
 
-
                                <ol>
 
-
<li><a href="http://www.metamorphozis.com/free_templates/free_templates.php">Free Website Templates</a></li>
 
-
<li><a href="http://www.metamorphozis.com/free_flash_templates/free_flash_templates.php">Free Flash Templates</a></li>
 
-
<li><a href="http://www.metamorphozis.com/shop/flash_templates.php">Flash Templates</a></li>
 
-
<li><a href="http://www.metamorphozis.com/shop/easy_flash_templates.php">Easy Flash Templates</a> (no flash experience needed to edit)</li>
 
-
<li><a href="http://www.metamorphozis.com/website_hosting/index.php">Top Hosting Providers</a></li>
 
-
 
-
  </ol>
 
-
                            </div>
 
-
                            <div class="read"><a href="#">read more</a></div>
 
-
                    </div>
 
-
                    <!-- content ends -->
 
-
                    <!-- footer begins -->
 
-
                <div id="footer">
 
-
                        <p>Copyright  2010. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
 
-
<p>Design by <a href="http://www.metamorphozis.com/" title="Flash Templates">Flash Templates</a> for <a href="http://www.flashtemplatesdesign.com/" title="Free Flash Templates">Free Flash Templates</a>
 
-
</p>
 
-
                    </div>
 
-
                    <!-- footer ends -->
 
-
                </div>
 
-
            </div>
 
-
        </div>
 
-
 
 
-
</html>
 

Revision as of 23:12, 10 August 2010