Team:CIDEB-UANL Mexico/project
From 2014hs.igem.org
(Difference between revisions)
DiegoValadez (Talk | contribs) (Created page with "{{:Team:CIDEB-UANL_Mexico/menu_project}}") |
DiegoValadez (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{:Team:CIDEB-UANL_Mexico/menu_project}} | {{:Team:CIDEB-UANL_Mexico/menu_project}} | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Oxygen:400,700' rel='stylesheet' type='text/css'> | ||
+ | <title>iGEM CIDEB 2014</title> | ||
+ | <style> | ||
+ | body | ||
+ | { | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | background: #2056ac; | ||
+ | font-family: 'Oxygen', sans-serif; | ||
+ | font-size: 12pt; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014hs/3/32/Cideb_Fondo1.gif); | ||
+ | } | ||
+ | |||
+ | |||
+ | h1, h2, h3 | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | color: #404040; | ||
+ | } | ||
+ | |||
+ | p, ol, ul | ||
+ | { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | ol, ul | ||
+ | { | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | p | ||
+ | { | ||
+ | line-height: 180%; | ||
+ | } | ||
+ | |||
+ | strong | ||
+ | { | ||
+ | } | ||
+ | |||
+ | a | ||
+ | { | ||
+ | color: #2056ac; | ||
+ | } | ||
+ | |||
+ | a:hover | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .container | ||
+ | { | ||
+ | margin: 0px auto; | ||
+ | width: 1200px; | ||
+ | } | ||
+ | |||
+ | .wrapper | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | padding: 0em 0em 5em 0em; | ||
+ | background: #FFF; | ||
+ | } | ||
+ | |||
+ | #wrapper1 | ||
+ | { | ||
+ | background: #FFF; | ||
+ | } | ||
+ | |||
+ | #wrapper2 | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | background: #F3F3F3; | ||
+ | padding: 5em 0em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #wrapper3 | ||
+ | { | ||
+ | } | ||
+ | |||
+ | #wrapper4 | ||
+ | { | ||
+ | } | ||
+ | #banner | ||
+ | { | ||
+ | padding-top: 2em; | ||
+ | } | ||
+ | #welcome | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | width: 1000px; | ||
+ | padding: 6em 100px 0em 100px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #welcome .content | ||
+ | { | ||
+ | padding: 0em 8em; | ||
+ | } | ||
+ | |||
+ | #welcome .title h2 | ||
+ | { | ||
+ | } | ||
+ | |||
+ | #welcome a, | ||
+ | #welcome strong | ||
+ | { | ||
+ | } | ||
+ | .title | ||
+ | { | ||
+ | margin-bottom: 3em; | ||
+ | } | ||
+ | |||
+ | .title h2 | ||
+ | { | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | |||
+ | .title .byline | ||
+ | { | ||
+ | font-size: 1.1em; | ||
+ | color: #6F6F6F#; | ||
+ | } | ||
+ | #three-column | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | margin-top: 5em; | ||
+ | padding-top: 1em; | ||
+ | border-top: 1px solid rgba(0,0,0,0.2); | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #three-column h2 | ||
+ | { | ||
+ | margin: 1em 0em; | ||
+ | font-size: 1.5em; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | #three-column .icon | ||
+ | { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin: 0px auto 0.80em auto; | ||
+ | background: none; | ||
+ | line-height: 150px; | ||
+ | font-size: 4em; | ||
+ | width: 150px; | ||
+ | height: 100px; | ||
+ | border-radius: 100px; | ||
+ | border: 6px solid #67128F; | ||
+ | text-align: center; | ||
+ | color: #FFF; | ||
+ | |||
+ | } | ||
+ | |||
+ | #three-column #tbox1, | ||
+ | #three-column #tbox2, | ||
+ | #three-column #tbox3 | ||
+ | { | ||
+ | float: left; | ||
+ | width: 320px; | ||
+ | padding: 30px 40px 50px 40px; | ||
+ | } | ||
+ | |||
+ | #three-column .title | ||
+ | { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #three-column .title h2 | ||
+ | { | ||
+ | font-size: 1.60em; | ||
+ | } | ||
+ | |||
+ | #three-column .title .byline | ||
+ | { | ||
+ | padding-top: 0.50em; | ||
+ | font-size: 0.90em; | ||
+ | color: #858585; | ||
+ | } | ||
+ | |||
+ | #three-column .arrow-down | ||
+ | { | ||
+ | border-top-color: #292929; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.tools | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0em 0em 0em 0em; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | ul.tools li | ||
+ | { | ||
+ | display: inline-block; | ||
+ | padding: 0em .2em; | ||
+ | font-size: 4em; | ||
+ | } | ||
+ | |||
+ | ul.tools li span | ||
+ | { | ||
+ | display: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | ul.tools li a | ||
+ | { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | ul.tools li a:before | ||
+ | { | ||
+ | display: inline-block; | ||
+ | background: #1ABC9C; | ||
+ | width: 120px; | ||
+ | height: 120px; | ||
+ | border-radius: 50%; | ||
+ | line-height: 120px; | ||
+ | text-align: center; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | .button | ||
+ | { | ||
+ | display: inline-block; | ||
+ | margin-top: 2em; | ||
+ | padding: 0.8em 2em; | ||
+ | background: #64ABD1; | ||
+ | line-height: 1.8em; | ||
+ | letter-spacing: 1px; | ||
+ | text-decoration: none; | ||
+ | font-size: 1em; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .button:before | ||
+ | { | ||
+ | display: inline-block; | ||
+ | background: #8DCB89; | ||
+ | margin-right: 1em; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | line-height: 40px; | ||
+ | border-radius: 20px; | ||
+ | text-align: center; | ||
+ | color: #272925; | ||
+ | } | ||
+ | |||
+ | .button-small | ||
+ | { | ||
+ | } | ||
+ | #portfolio | ||
+ | { | ||
+ | overflow: hidden; | ||
+ | padding-top: 5em; | ||
+ | border-top: 1px solid rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | #portfolio .box | ||
+ | { | ||
+ | text-align: center; | ||
+ | color: rgba(0,0,0,0.5); | ||
+ | } | ||
+ | |||
+ | #portfolio h3 | ||
+ | { | ||
+ | display: block; | ||
+ | padding-bottom: 1em; | ||
+ | font-size: 1em; | ||
+ | color: rgba(0,0,0,0.6); | ||
+ | } | ||
+ | |||
+ | #portfolio .title | ||
+ | { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #portfolio .title h2 | ||
+ | { | ||
+ | color: rgba(0,0,0,0.8); | ||
+ | } | ||
+ | |||
+ | .column1, | ||
+ | .column2, | ||
+ | .column3, | ||
+ | .column4 | ||
+ | { | ||
+ | width: 282px; | ||
+ | } | ||
+ | |||
+ | .column1, | ||
+ | .column2, | ||
+ | .column3 | ||
+ | { | ||
+ | float: left; | ||
+ | margin-right: 24px; | ||
+ | } | ||
+ | |||
+ | .column4 | ||
+ | { | ||
+ | float: right; | ||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | </body> | ||
+ | </html> |
Revision as of 15:08, 2 June 2014