Template:Uppsala-SwedenTemplatetest

From 2011.igem.org

(Difference between revisions)
(Created page with "<HTML> <HEAD> <!-- Menu html/js/ex/9.bk Floating layers --> <link rel="stylesheet" type="text/css" href="../../default.css"> <TITLE>JavaScript - Floating layers</TITLE> <SCRIPT...")
 
(89 intermediate revisions not shown)
Line 1: Line 1:
-
<HTML>
+
__NOTOC__<html lang="en">  
-
<HEAD>
+
<head>  
-
<!-- Menu  html/js/ex/9.bk Floating layers -->
+
-
<link rel="stylesheet" type="text/css" href="../../default.css">
 
-
<TITLE>JavaScript - Floating layers</TITLE>
 
-
<SCRIPT LANGUAGE="JavaScript1.2" SRC="../../RollOver.js"></SCRIPT>
 
-
<SCRIPT LANGUAGE="JavaScript1.2" SRC="../../RollOverImage.js"></SCRIPT>
+
<!-- START Top enlarge function -->  
-
<SCRIPT LANGUAGE="JavaScript1.2" SRC="../../RollOverMenu.js"></SCRIPT>
 
-
<SCRIPT LANGUAGE="JavaScript1.2">
+
<style type="text/css">
-
function openMenu() {
+
 
-
  window.name = "main";
+
ul.thumb {
-
  window.open("../../java/applets/siteViewerMenu.html",
+
float: left;
-
              "siteViewerMenu",
+
list-style: none;
-
              "width=300,height=475,resizable=no");
+
margin: 0; padding: 10px;
 +
width: 360px;
 +
}
 +
ul.thumb li {
 +
margin: 0; padding: 5px;
 +
float: left;
 +
position: relative;  /* Set the absolute positioning base coordinate */
 +
width: 110px;
 +
height: 110px;
 +
}
 +
ul.thumb li img {
 +
width: 100px; height: 100px; /* Set the small thumbnail size */
 +
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
 +
border: 1px solid #ddd;
 +
padding: 5px;
 +
background: #f0f0f0;
 +
position: absolute;
 +
left: 0; top: 0;
 +
}
 +
ul.thumb li img.hover {
 +
background:url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect
 +
border: none; /* Get rid of border on hover */
}
}
-
</SCRIPT>
 
-
<style type="text/css">
 
-
#progmenu { position:absolute; top:0; left:0; visibility:hidden; }
 
-
#miscmenu { position:absolute; top:0; left:0; visibility:hidden; }
 
-
.TitleMenu { width:110; }
 
-
.TitleMenuItem { }
 
</style>
</style>
-
<script language="JavaScript1.2">
+
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
-
RollImgBase='../../images/';
+
//Larger thumbnail preview
-
RollOverImage('', 'menu', 'menu2.gif', 'menu.gif', 110, 25,
+
-
              'javascript:openMenu()', 'Java Site Menu', 1);
+
-
RollOverImage('', 'm1', 'pmenu2.gif', 'pmenu.gif', 110, 25,
+
$("ul.thumb li").hover(function() {
-
              '', 'Programming Sections', 1);
+
$(this).css({'z-index' : '10'});
 +
$(this).find('img').addClass("hover").stop()
 +
.animate({
 +
marginTop: '-110px',  
 +
marginLeft: '-110px',  
 +
top: '50%',  
 +
left: '50%',
 +
width: '500px',
 +
height: '500px',
 +
padding: '20px'
 +
}, 200);
 +
 +
} , function() {
 +
$(this).css({'z-index' : '0'});
 +
$(this).find('img').removeClass("hover").stop()
 +
.animate({
 +
marginTop: '0',  
 +
marginLeft: '0',
 +
top: '0',  
 +
left: '0',  
 +
width: '100px',  
 +
height: '100px',
 +
padding: '5px'
 +
}, 400);
 +
});
-
RollOverImage('', 'm2', 'midi2.gif', 'midi.gif', 110, 25,
+
//Swap Image on Click
-
              '../../midi/index.html', 'MIDI Music', 1);
+
$("ul.thumb li a").click(function() {
 +
 +
var mainImage = $(this).attr("href"); //Find Image Name
 +
$("#main_view img").attr({ src: mainImage });
 +
return false;
 +
});
 +
 +
});
 +
</script>
-
RollOverImage('', 'download', 'download2.gif', 'download.gif', 110, 25,
+
<!-- END Top enlarge function -->
-
              '../../downloads.html', 'Downloads', 1);
+
-
RollOverImage('', 'feedback', 'feedback2.gif', 'feedback.gif', 110, 25,
 
-
              '../../feedback.html', 'Feedback Form', 1);
 
-
RollOverImage('progmenu', 'm1i1', 'c2.gif', 'c.gif', 110, 25,
 
-
              '../../c/index.html', 'C Programming Section', 1);
 
-
RollOverImage('progmenu', 'm1i2', 'java2.gif', 'java.gif', 110, 25,
+
<!-- START Lower enlarge function -->
-
              '../../java/index.html', 'Java Section', 1);
+
-
RollOverImage('progmenu', 'm1i3', 'perl2.gif', 'perl.gif', 110, 25,
 
-
              '../../perl/index.html', 'Perl Section', 1);
 
-
RollOverImage('progmenu', 'm1i4', 'html2.gif', 'html.gif', 110, 25,
 
-
              '../../html/index.html', 'HTML Authoring', 1);
 
-
RollOverImage('progmenu', 'm1i5', 'mqseries2.gif', 'mqseries.gif', 110, 25,
+
<style type="text/css">
-
              '../../MQSeries/index.html', 'IBM MQSeries', 1);
+
 +
a.p1 {display:block; width:75px; height:75px; text-decoration:none; background:#fff; border:0; margin:20px 0 0 100px; float:left;}
 +
a.p1 img {display:block; border:0;}
 +
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
 +
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
-
//RollOverImage('midimenu', 'm2i1', 'songs2.gif', 'songs.gif', 110, 25,
+
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-
//              '../../midi/index.html#thesongs', 'Songs', 1);
+
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
 +
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
 +
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
 +
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
 +
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-
RollOverImage('miscmenu', 'm2i2', 'misc2.gif', 'misc.gif', 110, 25,
+
-o-border-radius: 8px;
-
              '../../misc/index.html', 'Miscellaneous Stuff', 1);
+
-icab-border-radius: 8px;
 +
-khtml-border-radius: 8px;
 +
-moz-border-radius: 8px;
 +
-webkit-border-radius: 8px;
 +
border-radius: 8px;
-
RollOverImage('miscmenu', 'm2i1', 'midi2.gif', 'midi.gif', 110, 25,
+
-webkit-transition: opacity 0.6s ease-in-out;
-
              '../../midi/index.html', 'MIDI comments', 1);
+
-
RollOverImage('', 'consult', 'consult2.gif', 'consult.gif', 110, 25,
+
}
-
              '../../r_a_micro/index.html', 'Consultancy Services', 1);
+
-
</script>
+
-
<script language="javascript">
+
-
function init(){
+
-
RollOverInit();
+
-
titleMnuStyle = new RollOverStyle('TitleMenu','TitleMenuItem',null,null,null,null,null);
+
-
mnu1 = new RollOverMenu('m1',titleMnuStyle,'progmenu','');
 
-
mnu1.addImgItem(RollImgBase+'c.gif','../../c/index.html','C Programming Section');
 
-
mnu1.addImgItem(RollImgBase+'java.gif','../../java/index.html','Java Section');
 
-
mnu1.addImgItem(RollImgBase+'perl.gif','../../perl/index.html','Perl Section');
 
-
mnu1.addImgItem(RollImgBase+'html.gif','../../html/index.html','HTML Authoring');
 
-
mnu1.addImgItem(RollImgBase+'mqseries.gif','../../MQSeries/index.html','IBM MQSeries');
 
-
mnu2 = new RollOverMenu('m2',titleMnuStyle,'miscmenu','');
+
a.p1:hover b {top:-65px; left:110px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;
-
mnu2.addImgItem(RollImgBase+'midi.gif','../../midi/index.html','Midi Songs');
+
 
-
mnu2.addImgItem(RollImgBase+'misc.gif','../../misc/index.html','Miscellaneous Stuff');
+
}
}
-
</script>
 
-
<script language="javascript">
+
#info {z-index:100; height:22em;}
-
RollOverImage('', 'home', 'home2.gif', 'home.gif', 110, 25,
+
 
-
              '../../index.html', 'Fiendish Homepage', 1);
+
#info {z-index:100; height:22em;}
-
</script>
+
 
-
<META NAME="Author" CONTENT="Rob Quince">
+
 
-
<META NAME="Description" CONTENT="JavaScript floating layers, a brief howto">
+
<!-- END Lower enlarge function -->  
-
<META NAME="Keywords" CONTENT="HTML,CSS,JavaScript,editing,authoring,help,tutorial,divs,layers,floating">
+
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- START OPACITY TEST -->  
 +
 
 +
<style type="text/css">
-
<script language="javascript" src="../../FloatLayer.js"></script>
 
-
<script language="javascript">
+
a.opac img{
-
new FloatLayer('floatlayer',15,15,10);
+
opacity:.40;
-
function detach(){
+
filter:alpha(opacity=40);
-
lay=document.getElementById('floatlayer');
+
filter: “alpha(opacity=40)”;
-
l=getXCoord(lay);
+
-
t=getYCoord(lay);
+
-
lay.style.position='absolute';
+
-
lay.style.top=t;
+
-
lay.style.left=l;
+
-
getFloatLayer('floatlayer').initialize();
+
-
alignFloatLayers();
+
}
}
-
</script>
 
-
</HEAD>
+
a.opac:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: “alpha(opacity=100)”;
 +
}
-
<BODY MARGINWIDTH=0 MARGINHEIGHT=0
 
-
onload="init()"
 
-
onresize="alignFloatLayers()"
 
-
onscroll="alignFloatLayers()">
 
-
<TABLE width="100%" border=0 CELLSPACING=0 CELLPADDING=0 BGCOLOR=DARKGREEN>
 
-
<TR><TD WIDTH="100%" ALIGN=RIGHT height=116><A
 
-
TARGET="_top" HREF="../../index.html"><IMG BORDER=0
 
-
SRC="../../images/fiendish_large.gif" HEIGHT=116 WIDTH=437></A></TD></TR>
 
-
<TR>
 
-
<TD align=center nowrap bgcolor="green"><A
 
-
HREF="javascript:openMenu()" TARGET="_top"
 
-
ONMOUSEOVER="return RollOver('menu')"
 
-
ONMOUSEOUT="return RollOff('menu')"><IMG
 
-
NAME="menu" BORDER=0
 
-
SRC="../../images/menu.gif"
 
-
WIDTH=110
 
-
HEIGHT=25
 
-
ALT="Java Site Menu"></A><A
 
-
id="progbtn" name="progbtn"
 
-
HREF="#" TARGET="_top"
 
-
ONMOUSEOVER="RollMenuClear();RollMenuAdd('m1','progbtn')"
 
-
><IMG
 
-
NAME="m1" BORDER=0
 
-
SRC="../../images/pmenu.gif"
 
-
WIDTH=110
 
-
HEIGHT=25
 
-
ALT="Programming Sections"></A><A
 
-
id='miscbtn' name='miscbtn'
 
-
HREF="../../misc/index.html" TARGET="_top"
 
-
ONMOUSEOVER="RollMenuClear();RollMenuAdd('m2','miscbtn')"
 
-
><IMG
 
-
NAME="m2" BORDER=0
 
-
SRC="../../images/misc.gif"
 
-
WIDTH=110
 
-
HEIGHT=25
 
-
ALT="Miscellaneous Stuff"></A><A
 
-
HREF="../../r_a_micro/index.html" TARGET="_top"
 
-
ONMOUSEOVER="return RollOver('consult')"
 
-
ONMOUSEOUT="return RollOff('consult')"><IMG
 
-
NAME="consult" BORDER=0
 
-
SRC="../../images/consult.gif"
 
-
WIDTH=110
 
-
HEIGHT=25
 
-
ALT="Consultancy Services"></A><A
 
-
HREF="../../downloads.html" TARGET="_top"
 
-
ONMOUSEOVER="return RollOver('download')"
 
-
ONMOUSEOUT="return RollOff('download')"><IMG
 
-
NAME="download" BORDER=0
 
-
SRC="../../images/download.gif"
 
-
WIDTH=110
 
-
HEIGHT=25
 
-
ALT="Downloads"></A><A
 
-
HREF="../../feedback.html" TARGET="_top"
 
-
ONMOUSEOVER="return RollOver('feedback')"
 
-
ONMOUSEOUT="return RollOff('feedback')"><IMG
 
-
NAME="feedback" BORDER=0
 
-
SRC="../../images/feedback.gif"
 
-
WIDTH=110
 
-
HEIGHT=25
 
-
ALT="Feedback Form"></A></TD>
 
-
</TR>
 
-
</TABLE>
 
-
<P>
+
</style>
-
<TABLE WIDTH="90%" BORDER=0 CELLSPACING=0 CELLPADDING=0>
+
-
  <TR>
+
-
    <TD WIDTH=40><BR></TD>
+
-
    <TD HEIGHT=90>
+
-
<h1>JavaScript - Floating layers
+
-
<A HREF="timers.html" TARGET="_top"><IMG
+
-
SRC="../../images/prev_page.gif" WIDTH=26 HEIGHT=26 ALT="[Previous]"
+
-
ALIGN=absbottom BORDER=0 hspace=0></A>
+
-
<A HREF="index.html" TARGET="_top"><IMG
+
-
SRC="../../images/go_home.gif" WIDTH=26 HEIGHT=26 ALT="[Home]"
+
-
ALIGN=absbottom BORDER=0></A>
+
-
</h1>
 
-
    </TD>
 
-
  </TR>
 
-
  <TR>
 
-
    <TD WIDTH=40><BR></TD>
 
-
    <TD>
 
-
<p>
 
-
 
-
</p><p>
 
-
 
-
</p>
 
-
<div id="floatlayer" style="width:50%;background:#d0d0ff;border:solid black 1px;padding:5px">
 
-
Here is a <tt>&lt;div&gt;</tt> that just contains some text. It can be floated
+
<!-- END OPACITY TEST -->  
-
as you will see.
+
</head>  
-
</div>
+
 
-
<p>
+
<body>  
-
Now press the button to see what happens next.
+
 
-
<input type="button" value="Press Me" onclick="detach()"/>
+
 
-
</p>
+
 
-
+
 
-
+
<ul class="thumb">
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2011/c/c3/Erik.jpg" alt="" /></a></li>
 +
 
 +
</ul>
 +
 
 +
 
 +
 
 +
<div id="info">
 +
 
 +
<a class="p1" href="#v"><img src="https://static.igem.org/mediawiki/2011/c/c3/Erik.jpg" alt="" /><b><img class="large" src="https://static.igem.org/mediawiki/2011/7/73/Erik_L.jpg" alt="" /></b></a>
-
 
-
 
-
<p>
 
-
<div class="example">
 
-
<div>
 
-
<pre class="example">
 
-
&lt;script language="javascript" src="FloatLayer.js"&gt;&lt;/script&gt;
 
-
</pre>
 
</div>
</div>
 +
 +
 +
 +
 +
</div>
</div>
-
</p>
 
-
<p>
 
-
Such a file is available on the
 
-
<a href="../../downloads.html#javascript">downloads</a>
 
-
page.
+
<a href="http://www.uu.se/" class="opac"><img src="https://static.igem.org/mediawiki/2011/7/7a/UUlogo.png" alt="css opac" /></a>
-
    </TD>
+
 
-
  </TR>
+
 
-
</TABLE>
+
 
-
</P>
+
<style type="text/css">
-
<HR NOSHADE WIDTH="100%">
+
 
-
<CENTER>
+
 
-
<P>
+
 
-
  <A HREF="../../index.html"
+
.rollover Antonio {
-
    TARGET="_top"
+
    background: url(https://static.igem.org/mediawiki/2011/6/67/Antonio-UU.jpg) no-repeat 0px 0px;
-
    ONMOUSEOVER="return RollOver('home')"
+
    width: 204px;
-
    ONMOUSEOUT="return RollOff('home')"><IMG
+
    height: 218px;
-
WIDTH=110 HEIGHT=25
+
    display: block;
-
        NAME="home" ALT="[Fiendish Home]"
+
}
-
        SRC="../../images/home.gif"
+
.rollover Antonio:hover {
-
        BORDER=0></A>
+
    background-position: -204px;
-
</P>
+
        }
-
</CENTER>
+
 
-
<HR WIDTH=750 NOSHADE>
+
.rollover Lidaw {
-
<TABLE border=0 width="100%">
+
    background: url(https://static.igem.org/mediawiki/2011/5/5d/Lidaw-UU.jpg) no-repeat 0px 0px;
-
  <TR><TD align=center>
+
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Lidaw:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
.rollover Lei {
 +
    background: url(https://static.igem.org/mediawiki/2011/d/d3/Lei-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Lei:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
.rollover Tomas {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/76/Tomas-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Tomas:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
.rollover Erik {
 +
    background: url(https://static.igem.org/mediawiki/2011/a/ac/Erik-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Erik:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
 
 +
.rollover Amin {
 +
    background: url(https://static.igem.org/mediawiki/2011/f/f9/Amin-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Amin:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
 
 +
.rollover Sibel {
 +
    background: url(https://static.igem.org/mediawiki/2011/c/c0/Sibel-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Sibel:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
.rollover Cherno {
 +
    background: url(https://static.igem.org/mediawiki/2011/d/df/Cherno-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Cherno:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
 
 +
.rollover Johanna {
 +
    background: url(https://static.igem.org/mediawiki/2011/2/28/Johanna-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Johanna:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
.rollover Mohammed {
 +
    background: url(https://static.igem.org/mediawiki/2011/5/5c/Mohammed-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Mohammed:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
 
 +
 
 +
.rollover Laura {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/70/Laura-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Laura:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
 
 +
.rollover Hamid {
 +
    background: url(https://static.igem.org/mediawiki/2011/0/0b/Hamid-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Hamid:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
.rollover Pikkei {
 +
    background: url(https://static.igem.org/mediawiki/2011/5/5b/Pikkei-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Pikkei:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
 
 +
.rollover Karl {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/74/Karl-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Karl:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
 
 +
.rollover Phani {
 +
    background: url(https://static.igem.org/mediawiki/2011/7/7b/Phani-UU.jpg) no-repeat 0px 0px;
 +
    width: 192px;
 +
    height: 201px;
 +
    display: block;
 +
}
 +
.rollover Phani:hover {
 +
    background-position: -192px;
 +
}
 +
 
 +
.rollover Eugenia {
 +
    background: url(https://static.igem.org/mediawiki/2011/b/ba/Eugenia-UU.jpg) no-repeat 0px 0px;
 +
    width: 200px;
 +
    height: 200px;
 +
    display: block;
 +
}
 +
.rollover Eugenia:hover {
 +
    background-position: -200px;
 +
}
 +
 
 +
}
 +
 
 +
</style>
 +
 
 +
<div align="right" class="rollover"><Antonio href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Lidaw href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Lei href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Tomas href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Erik href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Amin href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Sibel href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Cherno href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Johanna href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Mohammed href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Laura href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Hamid href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Pikkei href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Karl href="#"></a></div>
 +
 
 +
<div align="right" class="rollover"><Phani href="#"></a></div>
-
  <P STYLE="font-size: 75%">
+
<div align="right" class="rollover"><Eugenia href="#"></a></div>
-
  Content of this page Copyright © Robert Quince 1996 - 2005.<BR>
+
-
  <A HREF="/feedback.html"> Site Comments</A>
+
-
  </P>
+
-
</TD>
+
-
</TR>
+
-
</TABLE>
+
-
</BODY>
+
</body>
-
</HTML>
+
</html>

Latest revision as of 15:24, 8 September 2011

css opac

Retrieved from "http://2011.igem.org/Template:Uppsala-SwedenTemplatetest"