|
|
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','https://2010.igem.org/Team:Gothenburg-Sweden'],
| |
- | ['Project', 'https://2010.igem.org/Team:Gothenburg-Sweden/Project', null,
| |
- | ['Description','https://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note', null,
| |
- | ['Aim','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#aim', null],
| |
- | ['Theoretic Background','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#bkg', null],
| |
- | ['Methods','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#method', null],
| |
- | ['Techniques','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#tech', null],
| |
- | ['SNF1 & AMPK','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#snf1', null],
| |
- | ['Biobricks','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#bricks', null],
| |
- | ['Possible Applications','https://2010.igem.org/Team:Gothenburg-Sweden/Project/more#app', null]],
| |
- | ['Lab Notes','https://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note'],
| |
- | ['Results','https://2010.igem.org/Team:Gothenburg-Sweden/Results']],
| |
- | ['About Us','https://2010.igem.org/Team:Gothenburg-Sweden/About_us'],
| |
- | ['Sponsors','https://2010.igem.org/Team:Gothenburg-Sweden/Sponsors'],
| |
- | ['Contact Us','https://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>
| |