Team:Queens-Canada/mobile

From 2010.igem.org

(Difference between revisions)
(New page: <html> <script type="text/javascript" src="mobile/animat0r.js"></script> <script type="text/javascript"> head = document.getElementsByTagName('head'); head.innerHTML += '<meta name = "v...)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript" src="mobile/animat0r.js"></script>
+
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<script type="text/javascript">
<script type="text/javascript">
head = document.getElementsByTagName('head');
head = document.getElementsByTagName('head');
-
head.innerHTML += '<meta name = "viewport" content = "width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">';
+
head.innerHTML += '<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">';
</script>
</script>
 +
 +
<script type="text/javascript" src="/wiki/index.php?title=Team:Queens-Canada/mobile/animat0r.js&amp;action=raw&amp;ctype=text/javascript"></script>
<style type="text/css">
<style type="text/css">
 +
div {
div {
margin: 0px;
margin: 0px;
Line 35: Line 38:
border: 0px;
border: 0px;
background: none;
background: none;
 +
}
 +
h1.firstHeading {
 +
display: none;
}
}
html {
html {
Line 56: Line 62:
height: 66px;
height: 66px;
z-index: 100;
z-index: 100;
-
background: url('mobile/tier0l.png');  
+
background: url('https://static.igem.org/mediawiki/2010/0/0b/Qgem_mobile_tier0l.png');  
}
}
#tier0r {
#tier0r {
Line 65: Line 71:
height: 92px;
height: 92px;
z-index: 100;
z-index: 100;
-
background: url('mobile/tier0r.png') bottom right;
+
background: url('https://static.igem.org/mediawiki/2010/a/ad/Qgem_mobile_tier0r.png') bottom right;
}
}
#tier0m {
#tier0m {
Line 80: Line 86:
left: 0;
left: 0;
right: 0;
right: 0;
-
background: url('mobile/tier2.png') repeat-x top left;
+
background: url('https://static.igem.org/mediawiki/2010/d/da/Qgem_mobile_tier2.png') repeat-x top left;
padding-top: 16px;
padding-top: 16px;
padding-bottom: 14px;
padding-bottom: 14px;
Line 110: Line 116:
}
}
#t1bot {
#t1bot {
-
background: url('common/sep_tile_light.png') top center repeat-x;
+
background: url('https://static.igem.org/mediawiki/2010/9/91/Qgem_common_sep_tile_light.png') top center repeat-x;
text-align: left;
text-align: left;
padding-top: 3px;
padding-top: 3px;
Line 140: Line 146:
}
}
.t1btnl, .t1btnlD {
.t1btnl, .t1btnlD {
-
background: url('mobile/tier1_ul.png');
+
background: url('https://static.igem.org/mediawiki/2010/8/8f/Qgem_mobile_tier1ul.png');
width: 2px;
width: 2px;
height: 27px;
height: 27px;
Line 148: Line 154:
}
}
.t1btnr, .t1btnrD {
.t1btnr, .t1btnrD {
-
background: url('mobile/tier1_ur.png');
+
background: url('https://static.igem.org/mediawiki/2010/d/d4/Qgem_mobile_tier1_ur.png');
width: 4px;
width: 4px;
height: 27px;
height: 27px;
Line 162: Line 168:
height: 27px;
height: 27px;
font-size: 12pt;
font-size: 12pt;
-
background: url('mobile/tier1_um.png');
+
background: url('https://static.igem.org/mediawiki/2010/0/05/Qgem_mobile_tier1um.png');
}
}
-
.t1btnlD { background: url('mobile/tier1_dl.png'); }
+
.t1btnlD { background: url('https://static.igem.org/mediawiki/2010/c/c8/Qgem_mobile_tier1dl.png'); }
-
.t1btnrD { background: url('mobile/tier1_dr.png'); }
+
.t1btnrD { background: url('https://static.igem.org/mediawiki/2010/a/ac/Qgem_mobile_tier1dr.png'); }
-
.t1btnmD { background: url('mobile/tier1_dm.png'); }
+
.t1btnmD { background: url('https://static.igem.org/mediawiki/2010/e/ef/Qgem_mobile_tier1_dm.png'); }
.t1btnm2 {
.t1btnm2 {
left: 2px;
left: 2px;
Line 213: Line 219:
<div id="t1top">
<div id="t1top">
<div class="t12">
<div class="t12">
-
<div class="t1btn" id="people">
+
<div class="t1btn" id="progress">
<div class="t1btnl"></div>
<div class="t1btnl"></div>
<div class="t1btnr"></div>
<div class="t1btnr"></div>
-
<div class="t1btnm" onclick="showT2(people)">
+
<div class="t1btnm" onclick="showT2(progress)">
-
<div class="t1btnm2">people</div>
+
<div class="t1btnm2">process</div>
</div>
</div>
-
</div><div class="t1btn" id="funds">
+
</div><div class="t1btn" id="people">
<div class="t1btnl"></div>
<div class="t1btnl"></div>
<div class="t1btnr"></div>
<div class="t1btnr"></div>
-
<div class="t1btnm" onclick="showPage('sponsors')">
+
<div class="t1btnm" onclick="showPage('team')">
-
<div class="t1btnm2">sponsors</div>
+
<div class="t1btnm2">people</div>
</div>
</div>
</div><div class="t1btn" id="biobricks">
</div><div class="t1btn" id="biobricks">
Line 231: Line 237:
<div class="t1btnm2">biobricks</div>
<div class="t1btnm2">biobricks</div>
</div>
</div>
-
</div><div class="t1btn" id="progress">
+
</div><div class="t1btn" id="funds">
<div class="t1btnl"></div>
<div class="t1btnl"></div>
<div class="t1btnr"></div>
<div class="t1btnr"></div>
-
<div class="t1btnm" onclick="showT2(progress)">
+
<div class="t1btnm" onclick="showPage('sponsors')">
-
<div class="t1btnm2">progress</div>
+
<div class="t1btnm2">sponsors</div>
</div>
</div>
</div>
</div>
</div>
</div>
-
<img src="mobile/project.png" onclick="showPage('project')" style="cursor: hand;cursor: pointer;">
+
<img src="https://static.igem.org/mediawiki/2010/0/03/Qgem_mobile_project.png" onclick="showPage('project')" style="cursor: hand;cursor: pointer;">
</div>
</div>
<div id="t1bot">
<div id="t1bot">
Line 265: Line 271:
<div class="t1btnr"></div>
<div class="t1btnr"></div>
<div class="t1btnm" onclick="showT2(practical)">
<div class="t1btnm" onclick="showT2(practical)">
-
<div class="t1btnm2">practical</div>
+
<div class="t1btnm2">protocols</div>
</div>
</div>
</div>
</div>
</div>
</div>
-
<img src="mobile/guide.png" onclick="showPage('project')" style="cursor: hand;cursor: pointer; margin-left: 10px;">
+
<img src="https://static.igem.org/mediawiki/2010/2/2c/Qgem_mobile_guide.png" onclick="showPage('guide')" style="cursor: hand;cursor: pointer; margin-left: 10px;">
</div>
</div>
-
<img src="mobile/logo.png" id="logo" onclick="showPage('m_front')">
+
<img src="https://static.igem.org/mediawiki/2010/e/e0/Qgem_mobile_logo.png" id="logo" onclick="showPage('m_front')">
</div>
</div>
Line 277: Line 283:
<div id="tier2a"><div id="tier2b"></div></div>
<div id="tier2a"><div id="tier2b"></div></div>
</div>
</div>
-
<iframe src="content/m_front.html" id="the_frame" onload="activate()" frameborder=0 scrolling=no width="100%">
+
<iframe src="/Team:Queens-Canada/m_front" id="the_frame" onload="activate()" frameborder=0 scrolling=no width="100%">
</iframe>
</iframe>
Line 294: Line 300:
document.getElementById('the_frame').contentDocument.mobile = true;
document.getElementById('the_frame').contentDocument.mobile = true;
</script>
</script>
 +
 +
<!-- end content -->
</html>
</html>

Latest revision as of 20:01, 26 October 2010

process
people
biobricks
sponsors
context
anatomy
genetics
protocols