|
|
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>
| |