Team:Dundee

From 2014.igem.org

(Difference between revisions)
Line 5: Line 5:
<head>   
<head>   
<link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
-
<link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">     
+
<link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet"> 
 +
<link href="https://2014.igem.org/Team:Dundee/css/homepage?action=raw&ctype=text/css" rel="stylesheet">     
<style>
<style>
      
      
-
body, html{
 
-
    margin : 0;
 
-
    padding : 0;
 
-
   
 
-
    overflow : hidden;   
 
-
   
 
-
    height:100%;
 
-
    width:100%;
 
-
}
 
-
   
 
-
 
-
div {position: relative;}   
 
-
   
 
-
#bg {
 
-
  position: fixed;
 
-
  top: -24%;
 
-
  left: -50%;
 
-
  width: 200%;
 
-
  height: 200%;
 
-
}
 
-
   
 
-
#bg img {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  right: 0;
 
-
  bottom: 0;
 
-
  margin: auto;
 
-
  width: 100%;
 
-
  height: 100%;
 
-
}
 
-
   
 
-
 
 
-
.canvas{   
 
-
    height:100%;
 
-
    width:100%;
 
-
    position: fixed;
 
-
       
 
-
}
 
-
   
 
-
#ranger{   
 
-
position: fixed;
 
-
height: 10%;
 
-
width: 10%;   
 
-
}
 
-
   
 
-
#ranger img{
 
-
    height: 100%;
 
-
    position: relative;
 
-
   
 
-
    top: 950%;
 
-
}   
 
-
 
-
   
 
-
#sign{
 
-
  position: fixed;
 
-
height: 23%;
 
-
width: 20%; 
 
-
 
 
-
}
 
-
 
-
#sign img{
 
-
  height: 100%;
 
-
  position: relative;
 
-
  left: 200%;
 
-
  top: -75%;
 
-
}   
 
-
 
-
.speech{
 
-
    opacity: 0;
 
-
}
 
-
   
 
-
/* Smartphones (portrait and landscape) ----------- */
 
-
@media only screen
 
-
and (min-device-width : 320px)
 
-
and (max-device-width : 480px) {
 
-
 
-
 
-
svg .detail{
 
-
    opacity: 1;
 
-
    cursor : pointer; 
 
-
}
 
-
   
 
-
 
-
}
 
-
 
-
 
 
-
/* iPhone 5 (portrait & landscape)----------- */
 
-
@media only screen
 
-
and (min-device-width : 320px)
 
-
and (max-device-width : 568px) {
 
-
   
 
-
    svg .detail{
 
-
    opacity: 1;
 
-
    cursor : pointer; 
 
-
}
 
-
 
 
-
}
 
-
 
-
/* iPads (portrait and landscape) ----------- */
 
-
@media only screen
 
-
and (min-device-width : 768px)
 
-
and (max-device-width : 1024px)
 
-
{
 
-
 
-
    svg .detail{
 
-
    opacity: 1;
 
-
    cursor : pointer; 
 
-
    }
 
-
}   
 
-
 
-
   
 
-
/* Desktops and laptops ----------- */
 
-
@media only screen
 
-
and (min-width : 1224px) {
 
-
       
 
-
svg .detail{
 
-
    opacity: 0;
 
-
    cursor : pointer; 
 
-
}   
 
-
}
 
-
 
-
/* Large screens ----------- */
 
-
@media only screen
 
-
and (min-width : 1824px) {
 
-
           
 
-
svg .detail{
 
-
    opacity: 0;
 
-
    cursor : pointer;
 
-
   
 
-
}
 
-
}
 
-
 
</style>
</style>
      
      

Revision as of 20:14, 27 August 2014

Dundee 2014