Team:Calgary/Sandbox

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<!--
 +
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, height=device-height, initial-scale=1.0" />
 +
-->
<style>
<style>
-
@media screen and (min-device-width:481px){
+
@media only screen and (min-device-width:481px){
p{
p{
font-family: Arial;
font-family: Arial;
-
font-size: 1em;
+
font-size: 3em;
font-weight: bold;
font-weight: bold;
 +
}
 +
#box{
 +
width: 100%;
 +
height: 30px;
 +
background-color: red;
}
}
}
}
Line 16: Line 24:
font-weight: normal;
font-weight: normal;
color: red;
color: red;
 +
}
 +
 +
}
 +
 +
@media (-webkit-min-device-pixel-ratio: 1.5), 
 +
      (-o-min-device-pixel-ratio: 3/2), 
 +
      (min--moz-device-pixel-ratio: 1.5), 
 +
      (min-device-pixel-ratio: 1.5) { 
 +
p{
 +
font-family: Helvetica;
 +
font-size: 5em
 +
font-weight: normal;
 +
color: blue;
 +
}
 +
#box{
 +
width: 100%;
 +
height: 20px;
 +
background-color: green;
}
}
}
}
Line 24: Line 50:
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
-
<div id="redbox"></div>
+
<div id="box"></div>
-
<div id="bluebox"></div>
+
</body>
</body>
</html>
</html>

Revision as of 16:27, 25 May 2012

This is a paragraph.