Difference between revisions of "Team:UChile OpenBio-CeBiB"

Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
 +
 +
 +
 +
 +
 +
<style>
 +
 +
.item_actividad-titulo{
 +
    background: #e21831;
 +
    padding: 1em;
 +
    border-radius: 10px;
 +
    color: white;
 +
    width: 50%;
 +
    margin-left: 44%;
 +
    cursor: pointer;
 +
    height: 5em;
 +
}
 +
.half.last .item_actividad-titulo{
 +
    margin-left: 0;
 +
    margin-right: 44%;
 +
}
 +
.item_actividad-titulo:after{
 +
    content:'';
 +
    background-image: url('https://static.igem.org/mediawiki/2015/d/d6/Activities_circle_left.png');
 +
    height: 40px;
 +
    width: 60px;
 +
    display: block;
 +
    position: absolute;
 +
    margin-left: 226px;
 +
    margin-top: -40px;
 +
}
 +
.half.last .item_actividad-titulo:after{
 +
    margin-left: -72px;
 +
    background-image: url('https://static.igem.org/mediawiki/2015/1/16/Activities_circle_right.png');
 +
}
 +
.item_actividad-titulo span{
 +
    display: block;
 +
    width:100%;
 +
    text-align: center;
 +
    font-size: 1.3em;
 +
    line-height: 1.3em;
 +
}
 +
.item_actividad-titulo span:last-child{
 +
    font-weight: 900;
 +
}
 +
.item_actividad{
 +
    font-size: 0.6em;
 +
    margin-bottom: 6em;
 +
}
 +
.half.last .item_actividad:first-child{
 +
    margin-top: 7em;
 +
}
 +
.item_actividad-cuerpo{
 +
    padding-top: 1.5em;
 +
    display: none;
 +
    position: absolute;
 +
    width: 405px;
 +
    background: white;
 +
    border: #e21831 2px solid;
 +
    padding: 15px;
 +
    border-radius: 15px;
 +
    margin-top: 1em;
 +
    z-index: 1;
 +
}
 +
em{
 +
    font-style: italic;
 +
}
 +
#video{
 +
    border:black 2px solid;
 +
    margin-top: 2em;
 +
}
 +
.morado .item_actividad-titulo{
 +
    background-color: #9e147d;
 +
}
 +
.rosado .item_actividad-titulo{
 +
    background-color: #e10071;
 +
}
 +
.morado .item_actividad-cuerpo{
 +
    border-color: #9e147d;
 +
}
 +
.rosado .item_actividad-cuerpo{
 +
    border-color: #e10071;
 +
}
 +
.morado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/e/e1/Activities_circle_left_morado.png');
 +
}
 +
.half.last .morado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/9/98/Activities_circle_right_morado.png');
 +
}
 +
.rosado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/c/cb/Activities_circle_left_rosado.png');
 +
}
 +
.half.last .rosado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/d/d0/Activities_circle_right_rosado.png');
 +
}
 +
.human_practices .titulo_seccion{
 +
    background-color: #39b54a;
 +
}
 +
.human_practices h1,
 +
.human_practices h2,
 +
.human_practices h3{
 +
    color: #39b54a;
 +
}
 +
.human_practices article:not(:last-child){
 +
    border-bottom: 2px solid #39b54a;
 +
}
 +
.caption{
 +
    margin: .2em 0 1em;
 +
    font-size: .8em;
 +
    display: block;
 +
}
 +
footer{
 +
    border-top: solid 2px #39b5;
 +
}
 +
#menu ul ul{
 +
    display: none;
 +
    position: absolute;
 +
}
 +
#menu ul li:hover ul{
 +
    display: block;
 +
}
 +
#menu ul ul li{
 +
    list-style-type: none;
 +
    float: none;
 +
    width: 100%;
 +
    padding-top: 10px;
 +
}
 +
#menu ul ul li:first-child{
 +
    padding-top: 20px;
 +
}
 +
#menu ul ul li a{
 +
    display: block;
 +
    background-color: #fe8e02;
 +
}
 +
#menu ul ul li a:hover{
 +
    text-decoration: none;
 +
    background: #4293cd;
 +
}
 +
.titulo_seccion:before{
 +
    content:'';
 +
    height: 95px;
 +
    width: 95px;
 +
    display: block;
 +
    margin-left: 211px;
 +
    margin-top: -27px;
 +
    background-repeat: no-repeat;
 +
    margin-bottom: -64px;
 +
}
 +
</style>
 +
 +
 +
 
</head>
 
</head>
  

Revision as of 00:47, 20 October 2017

Document

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.


June 2015:SIGMA-ALDRICH