Difference between revisions of "Template:UChile-OpenBio"
Diegusleik (Talk | contribs) |
Diegusleik (Talk | contribs) |
||
| 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; | |
| − | + | font-family: 'Lato', sans-serif; | |
| − | + | font-size: 100%; | |
| − | + | font-style: inherit; | |
| − | + | font-weight: inherit; | |
| − | + | margin: 0; | |
| − | + | outline: 0; | |
| − | + | padding: 0; | |
| − | + | 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; | |
| − | } | + | } |
| − | audio,canvas,video { | + | audio,canvas,video { |
| − | + | display: inline-block; | |
| − | + | max-width: 100%; | |
| − | } | + | } |
| − | html { | + | html { |
| − | + | overflow-y: scroll; | |
| − | + | -webkit-text-size-adjust: 100%; | |
| − | + | -ms-text-size-adjust: 100%; | |
| − | } | + | } |
| − | a { | + | a { |
| − | + | 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; | |
| − | + | height: 100%; | |
| − | + | width: 100%; | |
| − | } | + | } |
| − | body{ | + | body{ |
| − | + | width: 80%; | |
| − | + | margin: 1em auto; | |
| − | } | + | } |
| − | a{ | + | a{ |
| − | + | text-decoration: none; | |
| − | } | + | } |
| − | h1, h2, h3{ | + | h1, h2, h3{ |
| − | } | + | } |
| − | h1{ | + | h1{ |
| − | + | font-size: 2em; | |
| − | + | color: #0071bc; | |
| − | + | margin-bottom: 1em; | |
| − | } | + | } |
| − | h2{ | + | h2{ |
| − | + | font-size: 1.6em; | |
| − | + | color: #0071bc; | |
| − | + | margin-bottom: 1em; | |
| − | } | + | } |
| − | h3{ | + | h3{ |
| − | + | font-size: 1.4em; | |
| − | + | color: #0071bc; | |
| − | + | text-align: center; | |
| − | + | font-style: italic; | |
| − | + | margin-bottom: 1em; | |
| − | } | + | } |
| − | header{ | + | header{ |
| − | + | margin: 0 auto; | |
| − | } | + | } |
| − | header img#logo{ | + | header img#logo{ |
| − | + | display: block; | |
| − | + | width: 90%; | |
| − | + | margin: 0 auto; | |
| − | + | margin-bottom: 2em; | |
| − | } | + | } |
| − | #menu{ | + | #menu{ |
| − | } | + | } |
| − | #menu ul{ | + | #menu ul{ |
| − | + | list-style: none; | |
| − | + | display: table; | |
| − | + | margin: 0 auto; | |
| − | } | + | } |
| − | #menu ul ul{ | + | #menu ul ul{ |
| − | + | display: none; | |
| − | } | + | } |
| − | #menu ul li{ | + | #menu ul li{ |
| − | + | display: block; | |
| − | + | float: left; | |
| − | + | padding-right: .5em; | |
| − | } | + | } |
| − | #menu ul li:last-child{ | + | #menu ul li:last-child{ |
| − | + | padding-right: 0; | |
| − | } | + | } |
| − | #menu ul li a{ | + | #menu ul li a{ |
| − | + | color:white; | |
| − | + | background: #1f85c9; | |
| − | + | padding: 0.5em 2em; | |
| − | + | font-size: 0.7em; | |
| − | + | border-radius: 5px; | |
| − | } | + | } |
| − | #content{ | + | #content{ |
| − | + | width: 1024px; | |
| − | } | + | } |
| − | #contentContainer{ | + | #contentContainer{ |
| − | + | background: white; | |
| − | + | border-radius: 10px; | |
| − | + | margin: -8em 0 2em; | |
| − | + | padding: 12em 5em 5em; | |
| − | + | font-size: 0.7em; | |
| − | + | text-align: justify; | |
| − | } | + | } |
| − | #contentContainer img{ | + | #contentContainer img{ |
| − | + | max-width: 100%; | |
| − | + | margin: 0 auto; | |
| − | + | display: block; | |
| − | } | + | } |
| − | /* CABECERA IGEM */ | + | /* CABECERA IGEM */ |
| − | #top_menu_14{ | + | #top_menu_14{ |
| − | + | background: #1f85c9; | |
| − | + | border:none; | |
| − | + | font-size: .7em; | |
| − | } | + | } |
| − | #top_menu_under{ | + | #top_menu_under{ |
| − | + | border:none; | |
| − | } | + | } |
| − | #top_menu_inside{ | + | #top_menu_inside{ |
| − | + | margin: 0 auto; | |
| − | + | border: none; | |
| − | } | + | } |
| − | #top_menu_inside a{ | + | #top_menu_inside a{ |
| − | + | color: white; | |
| − | } | + | } |
| − | #top_menu_inside a:hover{ | + | #top_menu_inside a:hover{ |
| − | + | font-weight: 900; | |
| − | } | + | } |
| − | .titulo_seccion { | + | .titulo_seccion { |
| − | + | background: #0071bc; | |
| − | + | color: white; | |
| − | + | padding: 1em 5em; | |
| − | + | text-transform: uppercase; | |
| − | + | margin-left: -4.2em; | |
| − | + | border-top-right-radius: 10px; | |
| − | + | border-bottom-right-radius: 10px; | |
| − | + | z-index: 2; | |
| − | + | display: block; | |
| − | + | width: 7em; | |
| − | } | + | } |
| − | section{ | + | section{ |
| − | + | font-size: 1.2em; | |
| − | } | + | } |
| − | section p{ | + | section p{ |
| − | + | margin-bottom: 2em; | |
| − | + | font-size: 1.3em; | |
| − | + | font-weight: 400; | |
| − | } | + | } |
| − | section img{ | + | section img{ |
| − | + | margin: 0 auto; | |
| − | } | + | } |
| − | section .half{ | + | section .half{ |
| − | + | width: 48%; | |
| − | + | margin-right: 2%; | |
| − | + | float: left; | |
| − | } | + | } |
| − | section .half.last{ | + | section .half.last{ |
| − | + | margin-right: 0; | |
| − | + | margin-left: 2%; | |
| − | } | + | } |
| − | section .one_third{ | + | section .one_third{ |
| − | + | width: 31.2%; | |
| − | + | margin: 1%; | |
| − | + | float: left; | |
| − | } | + | } |
| − | section .two_third{ | + | section .two_third{ |
| − | + | width: 64%; | |
| − | + | margin-right: 2%; | |
| − | + | float: left; | |
| − | } | + | } |
| − | section .last{ | + | section .last{ |
| − | + | float: right; | |
| − | } | + | } |
| − | section .division{ | + | section .division{ |
| − | + | display: table; | |
| − | + | width: 100%; | |
| − | } | + | } |
| − | img.bottom{ | + | img.bottom{ |
| − | } | + | } |
| − | img.right{ | + | img.right{ |
| − | + | float: right; | |
| − | } | + | } |
| − | #bacteria_con_capa{ | + | #bacteria_con_capa{ |
| − | + | padding-top: 4em; | |
| − | } | + | } |
| − | article:not(:last-child){ | + | article:not(:last-child){ |
| − | + | border-bottom: 2px solid #0071bc; | |
| − | } | + | } |
| − | article{ | + | article{ |
| − | + | margin-top: 2em; | |
| − | + | padding-bottom: 2em; | |
| − | } | + | } |
| − | .destacado{ | + | .destacado{ |
| − | + | color:#0071bc; | |
| − | + | font-weight: 600; | |
| − | } | + | } |
| − | #esquema_descripcion .one_third:first-child p{ | + | #esquema_descripcion .one_third:first-child p{ |
| − | + | padding-left: 50%; | |
| − | } | + | } |
| − | #esquema_descripcion .one_third:nth-child(2) p{ | + | #esquema_descripcion .one_third:nth-child(2) p{ |
| − | + | padding: 0 25%;; | |
| − | } | + | } |
| − | #esquema_descripcion .one_third:last-child p{ | + | #esquema_descripcion .one_third:last-child p{ |
| − | + | padding-right: 50%; | |
| − | } | + | } |
| − | #esquema_descripcion .one_third p{ | + | #esquema_descripcion .one_third p{ |
| − | + | font-size: .9em; | |
| − | } | + | } |
| − | .harto_margen{ | + | .harto_margen{ |
| − | + | padding: 0 25%; | |
| − | } | + | } |
| − | .centered{ | + | .centered{ |
| − | + | text-align: center; | |
| − | } | + | } |
| − | #bodyContent, | + | #bodyContent, |
| − | #globalWrapper, | + | #globalWrapper, |
| − | body{ | + | body{ |
| − | + | background: none !important; | |
| − | } | + | } |
| − | .collaborations .titulo_seccion{ | + | .collaborations .titulo_seccion{ |
| − | + | background-color: #e21831; | |
| − | } | + | } |
| − | .collaborations article .division .half{ | + | .collaborations article .division .half{ |
| − | + | height: 100%; | |
| − | + | width: 46%; | |
| − | + | margin: 0; | |
| − | + | padding-right: 3%; | |
| − | + | border-right: solid #e21831 16px; | |
| − | + | padding-top: 5em; | |
| − | } | + | } |
| − | .collaborations article .division .half.last{ | + | .collaborations article .division .half.last{ |
| − | + | padding-right: 0; | |
| − | + | padding-left: 3%; | |
| − | + | border: none; | |
| − | } | + | } |
| − | #contentContainer img#activities_title{ | + | #contentContainer img#activities_title{ |
| − | + | margin-bottom: -35px; | |
| − | + | margin-top: -2em; | |
| − | } | + | } |
| − | .item_actividad-titulo{ | + | .item_actividad-titulo{ |
| − | + | background: #e21831; | |
| − | + | padding: 1em; | |
| − | + | border-radius: 10px; | |
| − | + | color: white; | |
| − | + | width: 50%; | |
| − | + | margin-left: 44%; | |
| − | } | + | } |
| − | .half.last .item_actividad-titulo{ | + | .half.last .item_actividad-titulo{ |
| − | + | margin-left: 0; | |
| − | + | margin-right: 44%; | |
| − | } | + | } |
| − | .item_actividad-titulo:after{ | + | .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: 212px; | |
| − | + | margin-top: -40px; | |
| − | } | + | } |
| − | .half.last .item_actividad-titulo:after{ | + | .half.last .item_actividad-titulo:after{ |
| − | + | margin-left: -65px; | |
| − | + | 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; | |
| − | + | width:100%; | |
| − | + | text-align: center; | |
| − | + | font-size: 1.3em; | |
| − | + | line-height: 1.3em; | |
| − | } | + | } |
| − | .item_actividad-titulo span:last-child{ | + | .item_actividad-titulo span:last-child{ |
| − | + | font-weight: 900; | |
| − | } | + | } |
| − | .item_actividad{ | + | .item_actividad{ |
| − | + | font-size: 0.6em; | |
| − | } | + | } |
| − | .item_actividad-cuerpo{ | + | .item_actividad-cuerpo{ |
| − | + | padding-top: 1.5em; | |
| − | } | + | } |
| − | em{ | + | em{ |
| − | + | font-style: italic; | |
| − | } | + | } |
| − | #video{ | + | #video{ |
| − | + | border:black 2px solid; | |
| − | + | margin-top: 2em; | |
| − | } | + | } |
| − | .morado .item_actividad-titulo{ | + | .morado .item_actividad-titulo{ |
| − | + | background-color: #9e147d; | |
| − | } | + | } |
| − | .rosado .item_actividad-titulo{ | + | .rosado .item_actividad-titulo{ |
| − | + | 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'); | |
| − | } | + | } |
| − | .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'); | |
| − | } | + | } |
| − | .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'); | |
| − | } | + | } |
| − | .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'); | |
| − | } | + | } |
</style> | </style> | ||
</head> | </head> | ||
Revision as of 17:00, 14 September 2015
