Difference between revisions of "Template:UChile-OpenBio"

Line 11: Line 11:
 
         </script>
 
         </script>
 
         <style>
 
         <style>
−
            /* RESET */
+
/* RESET */
  
−
            html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
−
            {
+
{
−
                border: 0;
+
    border: 0;
−
                font-family: 'Lato', sans-serif;
+
    font-family: 'Lato', sans-serif;
−
                font-size: 100%;
+
    font-size: 100%;
−
                font-style: inherit;
+
    font-style: inherit;
−
                font-weight: inherit;
+
    font-weight: inherit;
−
                margin: 0;
+
    margin: 0;
−
                outline: 0;
+
    outline: 0;
−
                padding: 0;
+
    padding: 0;
−
                vertical-align: baseline;
+
    vertical-align: baseline;
−
            }
+
}
  
−
            article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
+
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
−
            {
+
{
−
                display: block;
+
    display: block;
−
            }
+
}
  
−
            audio,canvas,video {
+
audio,canvas,video {
−
                display: inline-block;
+
    display: inline-block;
−
                max-width: 100%;
+
    max-width: 100%;
−
            }
+
}
  
−
            html {
+
html {
−
                overflow-y: scroll;
+
    overflow-y: scroll;
−
                -webkit-text-size-adjust: 100%;
+
    -webkit-text-size-adjust: 100%;
−
                -ms-text-size-adjust: 100%;
+
    -ms-text-size-adjust: 100%;
−
            }
+
}
−
            a {
+
a {
−
                text-decoration: none;
+
    text-decoration: none;
−
            }
+
}
−
            a:active,
+
a:active,
−
            a:hover {
+
a:hover {
−
            }
+
}
  
−
            /* END RESET */
+
/* END RESET */
  
−
            html{
+
html{
−
                background: url('https://static.igem.org/mediawiki/2015/5/5b/Fondo.jpg') fixed;
+
    background: url('https://static.igem.org/mediawiki/2015/5/5b/Fondo.jpg') fixed;
−
                height: 100%;
+
    height: 100%;
−
                width: 100%;
+
    width: 100%;
−
            }
+
}
−
            body{
+
body{
−
                width: 80%;
+
    width: 80%;
−
                margin: 1em auto;
+
    margin: 1em auto;
−
            }
+
}
−
            a{
+
a{
−
                text-decoration: none;
+
    text-decoration: none;
−
            }
+
}
−
            h1, h2, h3{
+
h1, h2, h3{
  
−
            }
+
}
−
            h1{
+
h1{
−
                font-size: 2em;
+
    font-size: 2em;
−
                color: #0071bc;
+
    color: #0071bc;
−
                margin-bottom: 1em;
+
    margin-bottom: 1em;
−
            }
+
}
−
            h2{
+
h2{
−
                font-size: 1.6em;
+
    font-size: 1.6em;
−
                color: #0071bc;
+
    color: #0071bc;
−
                margin-bottom: 1em;
+
    margin-bottom: 1em;
−
            }
+
}
−
            h3{
+
h3{
−
                font-size: 1.4em;
+
    font-size: 1.4em;
−
                color: #0071bc;
+
    color: #0071bc;
−
                text-align: center;
+
    text-align: center;
−
                font-style: italic;
+
    font-style: italic;
−
                margin-bottom: 1em;
+
    margin-bottom: 1em;
−
            }
+
}
−
            header{
+
header{
−
                margin: 0 auto;
+
    margin: 0 auto;
−
            }
+
}
−
            header img#logo{
+
header img#logo{
−
                display: block;
+
    display: block;
−
                width: 90%;
+
    width: 90%;
−
                margin: 0 auto;
+
    margin: 0 auto;
−
                margin-bottom: 2em;
+
    margin-bottom: 2em;
−
            }
+
}
−
            #menu{
+
#menu{
  
−
            }
+
}
−
            #menu ul{
+
#menu ul{
−
                list-style: none;
+
    list-style: none;
−
                display: table;
+
    display: table;
−
                margin: 0 auto;
+
    margin: 0 auto;
−
            }
+
}
−
            #menu ul ul{
+
#menu ul ul{
−
                display: none;
+
    display: none;
−
            }
+
}
−
            #menu ul li{
+
#menu ul li{
−
                display: block;
+
    display: block;
−
                float: left;
+
    float: left;
−
                padding-right: .5em;
+
    padding-right: .5em;
−
            }
+
}
−
            #menu ul li:last-child{
+
#menu ul li:last-child{
−
                padding-right: 0;
+
    padding-right: 0;
−
            }
+
}
−
            #menu ul li a{
+
#menu ul li a{
−
                color:white;
+
    color:white;
−
                background: #1f85c9;
+
    background: #1f85c9;
−
                padding: 0.5em 2em;
+
    padding: 0.5em 2em;
−
                font-size: 0.7em;
+
    font-size: 0.7em;
−
                border-radius: 5px;
+
    border-radius: 5px;
−
            }
+
}
−
            #content{
+
#content{
−
                width: 1024px;
+
    width: 1024px;
−
            }
+
}
−
            #contentContainer{
+
#contentContainer{
−
                background: white;
+
    background: white;
−
                border-radius: 10px;
+
    border-radius: 10px;
−
                margin: -8em 0 2em;
+
    margin: -8em 0 2em;
−
                padding: 12em 5em 5em;
+
    padding: 12em 5em 5em;
−
                font-size: 0.7em;
+
    font-size: 0.7em;
−
                text-align: justify;
+
    text-align: justify;
−
            }
+
}
−
            #contentContainer img{
+
#contentContainer img{
−
                max-width: 100%;
+
    max-width: 100%;
−
                margin: 0 auto;
+
    margin: 0 auto;
−
                display: block;
+
    display: block;
−
            }
+
}
  
−
            /* CABECERA IGEM */
+
/* CABECERA IGEM */
−
            #top_menu_14{
+
#top_menu_14{
−
                background: #1f85c9;
+
    background: #1f85c9;
−
                border:none;
+
    border:none;
−
                font-size: .7em;
+
    font-size: .7em;
−
            }
+
}
−
            #top_menu_under{
+
#top_menu_under{
−
                border:none;
+
    border:none;
−
            }
+
}
−
            #top_menu_inside{
+
#top_menu_inside{
−
                margin: 0 auto;
+
    margin: 0 auto;
−
                border: none;
+
    border: none;
−
            }
+
}
−
            #top_menu_inside a{
+
#top_menu_inside a{
−
                color: white;
+
    color: white;
−
            }
+
}
−
            #top_menu_inside a:hover{
+
#top_menu_inside a:hover{
−
                font-weight: 900;
+
    font-weight: 900;
−
            }
+
}
−
            .titulo_seccion {
+
.titulo_seccion {
−
                background: #0071bc;
+
    background: #0071bc;
−
                color: white;
+
    color: white;
−
                padding: 1em 5em;
+
    padding: 1em 5em;
−
                text-transform: uppercase;
+
    text-transform: uppercase;
−
                margin-left: -4.2em;
+
    margin-left: -4.2em;
−
                border-top-right-radius: 10px;
+
    border-top-right-radius: 10px;
−
                border-bottom-right-radius: 10px;
+
    border-bottom-right-radius: 10px;
−
                z-index: 2;
+
    z-index: 2;
−
                display: block;
+
    display: block;
−
                width: 7em;
+
    width: 7em;
−
            }
+
}
−
            section{
+
section{
−
                font-size: 1.2em;
+
    font-size: 1.2em;
−
            }
+
}
−
            section p{
+
section p{
−
                margin-bottom: 2em;
+
    margin-bottom: 2em;
−
                font-size: 1.3em;
+
    font-size: 1.3em;
−
                font-weight: 400;
+
    font-weight: 400;
−
            }
+
}
−
            section img{
+
section img{
−
                margin: 0 auto;
+
    margin: 0 auto;
−
            }
+
}
−
            section .half{
+
section .half{
−
                width: 48%;
+
    width: 48%;
−
                margin-right: 2%;
+
    margin-right: 2%;
−
                float: left;
+
    float: left;
−
            }
+
}
−
            section .half.last{
+
section .half.last{
−
                margin-right: 0;
+
    margin-right: 0;
−
                margin-left: 2%;
+
    margin-left: 2%;
−
            }
+
}
−
            section .one_third{
+
section .one_third{
−
                width: 31.2%;
+
    width: 31.2%;
−
                margin: 1%;
+
    margin: 1%;
−
                float: left;
+
    float: left;
−
            }
+
}
−
            section .two_third{
+
section .two_third{
−
                width: 64%;
+
    width: 64%;
−
                margin-right: 2%;
+
    margin-right: 2%;
−
                float: left;
+
    float: left;
−
            }
+
}
−
            section .last{
+
section .last{
−
                float: right;
+
    float: right;
−
            }
+
}
−
            section .division{
+
section .division{
−
                display: table;
+
    display: table;
−
                width: 100%;
+
    width: 100%;
−
            }
+
}
−
            img.bottom{
+
img.bottom{
−
            }
+
}
−
            img.right{
+
img.right{
−
                float: right;
+
    float: right;
−
            }
+
}
−
            #bacteria_con_capa{
+
#bacteria_con_capa{
−
                padding-top: 4em;
+
    padding-top: 4em;
−
            }
+
}
−
            article:not(:last-child){
+
article:not(:last-child){
−
                border-bottom: 2px solid #0071bc;
+
    border-bottom: 2px solid #0071bc;
−
            }
+
}
−
            article{
+
article{
−
                margin-top: 2em;
+
    margin-top: 2em;
−
                padding-bottom: 2em;
+
    padding-bottom: 2em;
−
            }
+
}
−
            .destacado{
+
.destacado{
−
                color:#0071bc;
+
    color:#0071bc;
−
                font-weight: 600;
+
    font-weight: 600;
−
            }
+
}
−
            #esquema_descripcion .one_third:first-child p{
+
#esquema_descripcion .one_third:first-child p{
−
                padding-left: 50%;
+
    padding-left: 50%;
−
            }
+
}
−
            #esquema_descripcion .one_third:nth-child(2) p{
+
#esquema_descripcion .one_third:nth-child(2) p{
−
                padding: 0 25%;;
+
    padding: 0 25%;;
−
            }
+
}
−
            #esquema_descripcion .one_third:last-child p{
+
#esquema_descripcion .one_third:last-child p{
−
                padding-right: 50%;
+
    padding-right: 50%;
−
            }
+
}
−
            #esquema_descripcion .one_third p{
+
#esquema_descripcion .one_third p{
−
                font-size: .9em;
+
    font-size: .9em;
−
            }
+
}
−
            .harto_margen{
+
.harto_margen{
−
                padding: 0 25%;
+
    padding: 0 25%;
−
            }
+
}
−
            .centered{
+
.centered{
−
                text-align: center;
+
    text-align: center;
−
            }
+
}
−
            #bodyContent,
+
#bodyContent,
−
            #globalWrapper,
+
#globalWrapper,
−
            body{
+
body{
−
                background: none !important;
+
    background: none !important;
−
            }
+
}
−
            .collaborations .titulo_seccion{
+
.collaborations .titulo_seccion{
−
                background-color: #e21831;
+
    background-color: #e21831;
−
            }
+
}
−
            .collaborations article .division .half{
+
.collaborations article .division .half{
−
                height: 100%;
+
    height: 100%;
−
                width: 46%;
+
    width: 46%;
−
                margin: 0;
+
    margin: 0;
−
                padding-right: 3%;
+
    padding-right: 3%;
−
                border-right: solid #e21831 16px;
+
    border-right: solid #e21831 16px;
−
                padding-top: 5em;
+
    padding-top: 5em;
−
            }
+
}
−
            .collaborations article .division .half.last{
+
.collaborations article .division .half.last{
−
                padding-right: 0;
+
    padding-right: 0;
−
                padding-left: 3%;
+
    padding-left: 3%;
−
                border: none;
+
    border: none;
−
            }
+
}
−
            #contentContainer img#activities_title{
+
#contentContainer img#activities_title{
−
                margin-bottom: -35px;
+
    margin-bottom: -35px;
−
                margin-top: -2em;
+
    margin-top: -2em;
−
            }
+
}
−
            .item_actividad-titulo{
+
.item_actividad-titulo{
−
                background: #e21831;
+
    background: #e21831;
−
                padding: 1em;
+
    padding: 1em;
−
                border-radius: 10px;
+
    border-radius: 10px;
−
                color: white;
+
    color: white;
−
                width: 50%;
+
    width: 50%;
−
                margin-left: 44%;
+
    margin-left: 44%;
−
            }
+
}
−
            .half.last .item_actividad-titulo{
+
.half.last .item_actividad-titulo{
−
                margin-left: 0;
+
    margin-left: 0;
−
                margin-right: 44%;
+
    margin-right: 44%;
−
            }
+
}
−
            .item_actividad-titulo:after{
+
.item_actividad-titulo:after{
−
                content:'';
+
    content:'';
−
                background-image: url('https://static.igem.org/mediawiki/2015/d/d6/Activities_circle_left.png');
+
    background-image: url('https://static.igem.org/mediawiki/2015/d/d6/Activities_circle_left.png');
−
                height: 40px;
+
    height: 40px;
−
                width: 60px;
+
    width: 60px;
−
                display: block;
+
    display: block;
−
                position: absolute;
+
    position: absolute;
−
                margin-left: 212px;
+
    margin-left: 212px;
−
                margin-top: -40px;
+
    margin-top: -40px;
−
            }
+
}
−
            .half.last .item_actividad-titulo:after{
+
.half.last .item_actividad-titulo:after{
−
                margin-left: -65px;
+
    margin-left: -65px;
−
                background-image: url('https://static.igem.org/mediawiki/2015/1/16/Activities_circle_right.png');
+
    background-image: url('https://static.igem.org/mediawiki/2015/1/16/Activities_circle_right.png');
−
            }
+
}
−
            .item_actividad-titulo span{
+
.item_actividad-titulo span{
−
                display: block;
+
    display: block;
−
                width:100%;
+
    width:100%;
−
                text-align: center;
+
    text-align: center;
−
                font-size: 1.3em;
+
    font-size: 1.3em;
−
                line-height: 1.3em;
+
    line-height: 1.3em;
−
            }
+
}
−
            .item_actividad-titulo span:last-child{
+
.item_actividad-titulo span:last-child{
−
                font-weight: 900;
+
    font-weight: 900;
−
            }
+
}
−
            .item_actividad{
+
.item_actividad{
−
                font-size: 0.6em;
+
    font-size: 0.6em;
−
            }
+
}
−
            .item_actividad-cuerpo{
+
.item_actividad-cuerpo{
−
                padding-top: 1.5em;
+
    padding-top: 1.5em;
−
            }
+
}
−
            em{
+
em{
−
                font-style: italic;
+
    font-style: italic;
−
            }
+
}
−
            #video{
+
#video{
−
                border:black 2px solid;
+
    border:black 2px solid;
−
                margin-top: 2em;
+
    margin-top: 2em;
−
            }
+
}
−
            .morado .item_actividad-titulo{
+
.morado .item_actividad-titulo{
−
                background-color: #9e147d;
+
    background-color: #9e147d;
−
            }
+
}
−
            .rosado .item_actividad-titulo{
+
.rosado .item_actividad-titulo{
−
                background-color: #e10071;
+
    background-color: #e10071;
−
            }
+
}
−
            .morado .item_actividad-titulo:after{
+
.morado .item_actividad-titulo:after{
−
                background-image: url('https://static.igem.org/mediawiki/2015/e/e1/Activities_circle_left_morado.png');
+
    background-image: url('https://static.igem.org/mediawiki/2015/e/e1/Activities_circle_left_morado.png');
−
            }
+
}
−
            .half.last .morado .item_actividad-titulo:after{
+
.half.last .morado .item_actividad-titulo:after{
−
                background-image: url('https://static.igem.org/mediawiki/2015/9/98/Activities_circle_right_morado.png');
+
    background-image: url('https://static.igem.org/mediawiki/2015/9/98/Activities_circle_right_morado.png');
−
            }
+
}
−
            .rosado .item_actividad-titulo:after{
+
.rosado .item_actividad-titulo:after{
−
                background-image: url('https://static.igem.org/mediawiki/2015/c/cb/Activities_circle_left_rosado.png');
+
    background-image: url('https://static.igem.org/mediawiki/2015/c/cb/Activities_circle_left_rosado.png');
−
            }
+
}
−
            .half.last .rosado .item_actividad-titulo:after{
+
.half.last .rosado .item_actividad-titulo:after{
−
                background-image: url('https://static.igem.org/mediawiki/2015/d/d0/Activities_circle_right_rosado.png');
+
    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;
 +
}
 
         </style>
 
         </style>
 
     </head>
 
     </head>

Revision as of 19:18, 14 September 2015

TODO supply a title