|
|
| Line 79: |
Line 79: |
| | position:absolute; | | position:absolute; |
| | clear:both; | | clear:both; |
| - | width:800px; | + | width:940px; |
| | top:110px; | | top:110px; |
| - | left:70px; | + | left:0;; |
| | padding:10px; | | padding:10px; |
| | background-color:#ccc; | | background-color:#ccc; |
| Line 94: |
Line 94: |
| | } | | } |
| | | | |
| - | .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;
| |
| - | }
| |
| | | | |
| | </style> | | </style> |
| Line 158: |
Line 127: |
| | <div class="global"> | | <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> | | </div> |
"
