|
|
| (102 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | {{:Team:UChile OpenBio-CeBiB/Template/2}} | | {{:Team:UChile OpenBio-CeBiB/Template/2}} |
| − | {{:Team:UChile_OpenBio-CeBiB/Template/bg}}
| |
| | <html> | | <html> |
| | <head> | | <head> |
| | + | <style> |
| | | | |
| | | | |
| − | | + | #home { |
| − | | + | min-height:2500px; |
| − | | + | width:100%; |
| − | <style>
| + | background: url('https://static.igem.org/mediawiki/2017/4/49/T--UChile_OpenBio-CeBiB--FondoHome.png') no-repeat; |
| − | .item_actividad-titulo{
| + | background-size:contain; |
| − | padding: 1em;
| + | position:relative; |
| − | border-radius: 10px;
| + | margin-top:70px; |
| − | color: white;
| + | background-attachment:scroll; |
| − | width: 50%;
| + | |
| − | margin-left: 44%;
| + | |
| − | cursor: pointer;
| + | |
| − | height: 100px;
| + | |
| | } | | } |
| | | | |
| − | .item_actividad-titulo span{
| + | body { |
| − | display: block;
| + | min-height:2000px; |
| − | width:100%;
| + | width:100%; |
| − | text-align: center;
| + | background: url('https://static.igem.org/mediawiki/2017/8/88/T--UChile_OpenBio-CeBiB--Home2.jpeg') repeat; |
| − | font-size: 1.3em;
| + | background-size:cover; |
| − | line-height: 1.3em;
| + | position:relative; |
| − | }
| + | |
| − | .item_actividad-titulo span:last-child{
| + | |
| − | font-weight: 900;
| + | |
| − | }
| + | |
| − | .item_actividad{
| + | |
| − | font-size: 14px;
| + | |
| − | margin-bottom: 16px;
| + | |
| − | }
| + | |
| − | .item_actividad-cuerpo{ | + | |
| − | padding-top: 24px;
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | width: 405px;
| + | |
| − | background: white;
| + | |
| − | border: 2px solid;
| + | |
| − | padding: 15px;
| + | |
| − | border-radius: 15px;
| + | |
| − | margin-top: 16px;
| + | |
| − | z-index: 1;
| + | |
| − | margin-left: 500px;
| + | |
| − | }
| + | |
| − | .morado .item_actividad-titulo{
| + | |
| − | background-color: #9e147d;
| + | |
| − | }
| + | |
| − | .morado .item_actividad-cuerpo{
| + | |
| − | border-color: #9e147d;
| + | |
| | } | | } |
| | | | |
| | </style> | | </style> |
| − |
| |
| − |
| |
| − |
| |
| | </head> | | </head> |
| | | | |
| | <body> | | <body> |
| | | | |
| − | <div class="container" style="background:transparent; margin-top:150px">
| |
| | | | |
| − | <p style="font-size:18px;">
| + | <div id="home"></div> |
| − | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.
| + | |
| − | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.
| + | |
| − | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.
| + | |
| − | </p>
| + | |
| − | <br>
| + | |
| − | <div class=" item_actividad morado" > | + | |
| − | <div class="item_actividad-titulo"><span>Test</span><span>This is a Test</span></div>
| + | |
| − | <div class="item_actividad-cuerpo">
| + | |
| − | <p> owowowowowowowowowowo onoU</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div
| + | |
| | | | |
| | | | |
| − | </div>
| |
| | | | |
| | | | |
