|
|
Line 189: |
Line 189: |
| float:left; | | float:left; |
| margin-left:50px; | | margin-left:50px; |
- | }
| |
- |
| |
- | .wrapper
| |
- | {
| |
- | position:absolute;
| |
- | clear:both;
| |
- | width:800px;
| |
- | top:110px;
| |
- | left:70px;
| |
- | 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 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;
| |
- | background-color:#F2F2F2;
| |
- | text-align:justify;
| |
- | color:#660099;
| |
- | color:#660099;
| |
- | font-family:Trebuchet MS;
| |
- | font-size:14px;
| |
| } | | } |
| | | |
Line 439: |
Line 384: |
| </div> | | </div> |
| | | |
- | <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> |