Team:Manchester/OurTeamtest

From 2013.igem.org

(Difference between revisions)
Line 17: Line 17:
background-color:#F2F2F2;
background-color:#F2F2F2;
}
}
-
 
.header
.header
Line 23: Line 22:
width:100%;
width:100%;
height:100px;
height:100px;
-
background:#660099;
+
background:#4c0082;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-
border-radius: 10px;
+
border-radius: 10px;  
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
}
}
Line 37: Line 36:
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
 +
height:100px;
height:100px;
-
background:#660099;
+
background:#4c0082;
margin:0 auto;
margin:0 auto;
}
}
Line 58: Line 58:
{
{
float:left;
float:left;
-
margin-left:80px;
+
margin-left:100px;
-
margin-right:50px;
+
margin-right:30px;
}
}
Line 66: Line 66:
float:left;
float:left;
margin-left:50px;
margin-left:50px;
 +
}
 +
 +
.global
 +
{
 +
position:relative;
 +
width:950px;
 +
height:1600px;
}
}
Line 72: Line 79:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:950px;
+
width:800px;
-
height:2000px;
+
top:110px;
top:110px;
left:70px;
left:70px;
Line 88: Line 94:
}
}
-
 
+
.text1, .text2, .text3, .text4
-
/*****************************************************************************************************************************/
+
-
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12
+
{
{
-
float:left;
+
width:600px;
-
width:300px;
+
margin:35px auto;
-
height:550px;
+
padding:10px;
-
margin:7px;
+
background-color:#F2F2F2;
-
padding:0;
+
-
background-color:#660099;
+
-
+
-
-webkit-border-radius: 10px;
+
-
border-radius: 10px;
+
-
+
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
+
-
}
+
-
.column1 img, .column2 img, .column3 img, .column4 img, .column5 img, .column6 img, .column7 img,.column8 img,.column9 img,
+
-webkit-border-radius: 10px;
-
.column10 img,.column11 img, .column12 img
+
border-radius: 10px;
-
{
+
-
margin:5px 0 5px 50px;
+
-
+
-
-webkit-border-radius: 10px;
+
-
border-radius: 10px;  
+
-
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
/*-webkit-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-moz-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);*/
}
}
-
 
+
.text1 img, .text2 img, .text3 img, .text4 img
-
 
+
-
.column2 p
+
{
{
-
margin-left:70px;
+
float:left;
-
font-family: Trebuchet MS;
+
margin-right:5px;
-
font-weight:bold;
+
-
font-size:20px;
+
-
color:white;
+
}
}
-
.column1 .name1, .column1 .course1
+
.text1 p, .text2 p, .text3 p , .text4 p
{
{
-
width:200px;
+
margin:5px 5px 5px 5px;
-
height:20px;
+
line-height:24px;
-
margin:5px 0 5px 50px;
+
background-color:#F2F2F2;
-
font-family: Georgia;
+
text-align:justify;
-
font-weight:bold;
+
color:#660099;
-
font-size:13px;
+
color:#660099;
-
border:1px solid black;
+
font-family:Trebuchet MS;
-
border-radius:3px;
+
-
color:white;
+
-
padding:3px;
+
-
text-align:center;
+
-
 
+
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
}
+
-
 
+
-
.column1 .name2
+
-
{
+
-
margin-left:90px;
+
-
font-family: Trebuchet MS;
+
-
font-weight:bold;
+
-
font-size:20px;
+
-
color:white;
+
-
}
+
-
 
+
-
.column1 .course2
+
-
{
+
-
margin-left:10px;
+
-
font-family: Trebuchet MS;
+
font-size:14px;
font-size:14px;
-
font-weight:bold;
 
-
color:white;
 
}
}
-
</head>
 
</style>
</style>
 +
</head>
 +
 +
<body onLoad="hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
 +
              hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5();">
-
<body>
 
-
<!-- HEADER -->
 
<div class="header">
<div class="header">
<div class="banner">
<div class="banner">
  <div class="igem">  
  <div class="igem">  
  <a>
  <a>
-
           <img src="https://static.igem.org/mediawiki/2013/5/58/IGEM-white.gif">
+
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           </a>
           </a>
  </div>   
  </div>   
   
   
  <div class="logo">  
  <div class="logo">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg"></a>
  </div>  
  </div>  
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/4/4e/Team.gif"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/d/d5/Safety.jpg"></a>
  </div>  
  </div>  
  <div class="uni">  
  <div class="uni">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/6/69/Uniscaled.gif"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg"></a>
  </div>
  </div>
   
   
Line 197: Line 156:
</div>
</div>
-
 
+
<div class="global">
<div class="wrapper" >
<div class="wrapper" >
-
          
+
        <div class="text1">
-
 
+
        <img src="https://static.igem.org/mediawiki/2013/0/00/1p.gif" width="100" height="100" />
 +
    <p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 +
sed do eiusmod tempor? </p>
 +
         <p>
 +
Incididunt ut labore et dolore magna
 +
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
</p>
 +
</div>
 +
 +
<div class="text2">
 +
                <img src="https://static.igem.org/mediawiki/2013/0/01/2p.gif" width="100" height="100" />
 +
    <p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 +
sed do eiusmod tempor? </p>
 +
        <p>
 +
Incididunt ut labore et dolore magna
 +
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
</p>
 +
</div>
 +
 +
<div class="text3">
 +
                <img src="https://static.igem.org/mediawiki/2013/2/21/3p.gif" width="100" height="100" />
 +
    <p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 +
sed do eiusmod tempor? </p>
 +
        <p>
 +
Incididunt ut labore et dolore magna
 +
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
</p>
 +
</div>
 +
 +
<div class="text4">
 +
                <img src="https://static.igem.org/mediawiki/2013/7/7e/4p.gif" width="100" height="100" />
 +
    <p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 +
sed do eiusmod tempor? </p>
 +
        <p>
 +
Incididunt ut labore et dolore magna
 +
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
 +
occaecat cupidatat non proident, sunt in culpa qui officia
 +
deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet,
 +
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 +
ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation
 +
ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit
 +
</p>
 +
</div>
 +
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 02:55, 2 August 2013


Safety

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?

Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, ed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit

Retrieved from "http://2013.igem.org/Team:Manchester/OurTeamtest"