Team:Manchester/OurTeamtest
From 2013.igem.org
Abramov denn (Talk | contribs) |
Abramov denn (Talk | contribs) |
||
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:# | + | background:#4c0082; |
-webkit-border-radius: 10px; | -webkit-border-radius: 10px; | ||
- | border-radius: 10px; | + | border-radius: 10px; |
- | -webkit-box-shadow: 0px 0px 5px 0px rgba( | + | -webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1); |
- | -moz-box-shadow: 0px 0px 5px 0px rgba( | + | -moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1)); |
- | box-shadow: 0px 0px 5px 0px rgba( | + | 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:# | + | background:#4c0082; |
margin:0 auto; | margin:0 auto; | ||
} | } | ||
Line 58: | Line 58: | ||
{ | { | ||
float:left; | float:left; | ||
- | margin-left: | + | margin-left:100px; |
- | margin-right: | + | 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: | + | width:800px; |
- | + | ||
top:110px; | top:110px; | ||
left:70px; | left:70px; | ||
Line 88: | Line 94: | ||
} | } | ||
- | + | .text1, .text2, .text3, .text4 | |
- | + | ||
- | . | + | |
{ | { | ||
- | + | width:600px; | |
- | + | margin:35px auto; | |
- | + | padding:10px; | |
- | + | background-color:#F2F2F2; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | -webkit-border-radius: 10px; | |
- | + | border-radius: 10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | border-radius: 10px; | + | |
- | + | /*-webkit-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71); | |
- | -moz-box-shadow: | + | -moz-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71); |
- | box-shadow: | + | box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);*/ |
} | } | ||
- | + | .text1 img, .text2 img, .text3 img, .text4 img | |
- | + | ||
- | . | + | |
{ | { | ||
- | + | float:left; | |
- | + | margin-right:5px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .text1 p, .text2 p, .text3 p , .text4 p |
{ | { | ||
- | + | margin:5px 5px 5px 5px; | |
- | + | line-height:24px; | |
- | margin:5px | + | background-color:#F2F2F2; |
- | + | text-align:justify; | |
- | + | color:#660099; | |
- | + | color:#660099; | |
- | + | font-family:Trebuchet MS; | |
- | + | ||
- | color: | + | |
- | + | ||
- | text-align: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | color: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | font-family: Trebuchet MS; | + | |
font-size:14px; | font-size:14px; | ||
- | |||
- | |||
} | } | ||
- | |||
</style> | </style> | ||
+ | </head> | ||
+ | |||
+ | <body onLoad="hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3(); | ||
+ | hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5();"> | ||
- | |||
- | |||
<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/ | + | <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/ | + | <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/ | + | <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/ | + | <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
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