|
|
| Line 1: |
Line 1: |
| - | {{:Team:Manchester/layout/noheader}}
| |
| | | | |
| - | <html>
| |
| - | <head>
| |
| - | <title> Safety </title>
| |
| - |
| |
| - | <style type="text/css">
| |
| - | *
| |
| - | {
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | }
| |
| - |
| |
| - | #content
| |
| - |
| |
| - |
| |
| - | body
| |
| - | {
| |
| - | background-color:#ccc;
| |
| - | }
| |
| - |
| |
| - | .header
| |
| - | {
| |
| - | width:100%;
| |
| - | height:100px;
| |
| - | background:#660099;
| |
| - |
| |
| - | -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);
| |
| - | }
| |
| - |
| |
| - | .banner
| |
| - | {
| |
| - |
| |
| - | height:100px;
| |
| - | background:#660099;
| |
| - | margin:0 auto;
| |
| - | }
| |
| - |
| |
| - | .igem
| |
| - | {
| |
| - | float:left;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .logo
| |
| - | {
| |
| - | float:left;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .uni
| |
| - | {
| |
| - | float:left;
| |
| - | margin-left:400px;
| |
| - | }
| |
| - |
| |
| - | .wrapper
| |
| - | {
| |
| - | clear:both;
| |
| - | width:800px;
| |
| - | margin:10px auto;
| |
| - | padding:10px;
| |
| - | background-color:#ccc;
| |
| - |
| |
| - | -webkit-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - |
| |
| - | /*-webkit-box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
| |
| - | -moz-box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
| |
| - | box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);*/
| |
| - |
| |
| - | -webkit-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
| |
| - | -moz-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
| |
| - | box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
| |
| - | }
| |
| - |
| |
| - | .text1, .text2, .text3, .text4
| |
| - | {
| |
| - | width:600px;
| |
| - | margin:35px auto;
| |
| - | padding:10px;
| |
| - | background-color:#F2F2F2;
| |
| - |
| |
| - | -webkit-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - |
| |
| - | -webkit-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
| |
| - | -moz-box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
| |
| - | box-shadow: 10px 10px 15px 0px rgba(102,0,153,0.71);
| |
| - | }
| |
| - |
| |
| - | .text1 p, .text2 p, .text3 p , .text4 p
| |
| - | {
| |
| - | margin:5px 5px 5px 5px;
| |
| - | line-height:24px;
| |
| - | background-color:#F2F2F2;
| |
| - | padding:10px;
| |
| - | text-align:justify;
| |
| - | text-indent:50px;
| |
| - | color:#660099;
| |
| - | color:#660099;
| |
| - | font-family:Trebuchet MS;
| |
| - | font-size:14px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - | <!-- HEADER -->
| |
| - | <div class="header">
| |
| - | <div class="banner">
| |
| - | <div class="igem">
| |
| - | <a>
| |
| - | <img src="https://static.igem.org/mediawiki/2013/f/fe/IGEMscaled.gif">
| |
| - | </a>
| |
| - | </div>
| |
| - |
| |
| - | <div class="logo">
| |
| - | <a><img src="https://static.igem.org/mediawiki/2013/8/8d/Logoscaled.jpg"></a>
| |
| - | </div>
| |
| - |
| |
| - | <div class="uni">
| |
| - | <a><img src="https://static.igem.org/mediawiki/2013/6/69/Uniscaled.gif"></a>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <div class="wrapper" >
| |
| - | <div class="text1">
| |
| - | <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">
| |
| - | <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">
| |
| - | <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">
| |
| - | <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>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
