Template:Team:Calgary/Figure

From 2012.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Calgary/BasicPage|
 
-
pagetitle=Test Page|
 
-
content=
 
<html>
<html>
<head>
<head>
-
<style>
+
<script>
-
 
+
jQuery(document).ready(function($){
-
@media only screen and (min-device-width:481px){
+
//figure box positioning
-
.figurebox{
+
if($('.figurebox div.params p.position:contains("left")').length > 0){
-
width: 50%;
+
$(this).closest('.figurebox').css("float", "left");
-
float: right;
+
-
}
+
-
.figureimg, .figureimg img, .figurecaption{
+
-
width: 100%;
+
-
}
+
-
.figureimg, .figurecaption{
+
-
border: 2px solid #888;
+
-
}
+
-
.figurecaption{
+
-
border-top: 0px;
+
}
}
-
.figurecaption p{
+
-
padding: 5px;
+
-
margin: 0 !important; /*necessary to override main page margins*/
+
-
}
+
});
-
}
+
-
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+
</script>
-
only screen and (-o-min-device-pixel-ratio: 3/2),
+
-
only screen and (min--moz-device-pixel-ratio: 1.5),
+
-
only screen and (min-device-pixel-ratio: 1.5),
+
-
only screen and (max-device-width: 480px){
+
-
.figurebox{
+
-
max-width: 90%;
+
-
max-height: 200px;
+
-
margin: auto;
+
-
}
+
-
.figureimg, .figureimg img, .figurecaption{
+
-
width: 100%;
+
-
}
+
-
.figureimg, .figurecaption{
+
-
border: 2px solid #888;
+
-
}
+
-
.figurecaption{
+
-
border-top: 0px;
+
-
}
+
-
.figurecaption p{
+
-
padding: 5px;
+
-
margin: 0 !important; /*necessary to override main page margins*/
+
-
}
+
-
}
+
-
</style>
+
</head>
</head>
<body>
<body>
<div class="figurebox">
<div class="figurebox">
-
<div class="figureimg">
+
<div class="params">
-
</html>
+
<p class="size"></html>{{{SIZE|400px}}}<html></p>
-
{{{figure|<html><img src="https://static.igem.org/mediawiki/2012/c/c2/UCalgary2012_OSCAR_Bioreactor.png"></img></html>}}}
+
<p class="position"></html>{{{POSITION|right}}}<html></p>
-
<html>
+
</div>
</div>
-
<div class="figurecaption">
+
<div class="image">
-
<p></html>{{{caption|<html><b>Figure 1.</b> OSCAR trapped in a bioreactor.</html>}}}<html></p>
+
</html>{{{IMAGE|No image found.}}}<html>
 +
</div>
 +
 
 +
<div class="caption">
 +
<p></html>{{{CAPTION|No caption available.}}}<html></p>
</div>
</div>
</div>
</div>
-
<p>There is stuff here.</p>
 
</body>
</body>
 +
</html>
</html>
-
 
-
}}
 

Latest revision as of 20:00, 5 September 2012

400px

right

No image found.

No caption available.

Retrieved from "http://2012.igem.org/Template:Team:Calgary/Figure"