Team:BIOSINT Mexico/Header2
From 2014.igem.org
(Difference between revisions)
JuanjoQuispe (Talk | contribs) |
|||
(68 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
body{ | body{ | ||
background: url(http://bgfons.com/upload/brick_texture108.jpg); repeat-y; | background: url(http://bgfons.com/upload/brick_texture108.jpg); repeat-y; | ||
- | + | height:auto; | |
- | + | ||
} | } | ||
- | + | p, h1,h2,h3,h4,h5,ul,ol{ | |
- | + | margin-left:10%; | |
- | + | margin-right:10%; | |
- | + | ||
- | + | ||
+ | blockquote { | ||
+ | margin: 1em 20px; | ||
+ | padding-left: 200px; | ||
+ | background: transparent url(quote.gif) no-repeat; | ||
+ | } | ||
+ | } | ||
+ | #top-section { display:flex; | ||
+ | height:14px ! important; | ||
+ | border: 0; position:relative; z-index:100} | ||
+ | #p-logo {display:none; | ||
+ | |||
} | } | ||
- | #searchInput {display:none; | + | #searchInput {display:none; position:relative; z-index:-100; |
} | } | ||
- | input.searchButton{display:none; | + | input.searchButton{display:none; position:relative; z-index:-2000; |
} | } | ||
- | input.searchButton:hover{display:none; | + | input.searchButton:hover{display:none; position:relative; z-index:2000; |
} | } | ||
- | + | #footer-box { | |
- | + | background: url("https://static.igem.org/mediawiki/2014/5/58/Foot2.jpg") black no-repeat center; | |
+ | |||
+ | border: 0px; | ||
+ | margin:10px auto; | ||
+ | padding:5px; | ||
+ | padding-top:200px; | ||
+ | width: 80%; | ||
} | } | ||
+ | #footer-box a{ | ||
+ | color:grey;} | ||
+ | |||
#content { | #content { | ||
- | background: url( | + | background: url(https://static.igem.org/mediawiki/2014/d/db/BIOSINT-MEXbody.jpg) repeat-y; |
- | overflow: hidden; | + | overflow:hidden; |
- | + | height: auto; | |
+ | position:fixed; | ||
+ | top:50px; | ||
+ | display:block; | ||
- | + | border-radius: 7px 7px; | |
position: relative; | position: relative; | ||
width: 80%; | width: 80%; | ||
Line 46: | Line 66: | ||
font-family: 'PT Sans Narrow', sans-serif; | font-family: 'PT Sans Narrow', sans-serif; | ||
font-size: 20px; | font-size: 20px; | ||
+ | text-align: justify; | ||
line-height: 120%; | line-height: 120%; | ||
- | + | min-width: 1000px; | |
- | + | max-width: 1200px; | |
+ | |||
box-shadow: 0px 0px 20px #333; | box-shadow: 0px 0px 20px #333; | ||
Line 56: | Line 78: | ||
} | } | ||
- | |||
- | |||
- | |||
.firstHeading { | .firstHeading { | ||
Line 74: | Line 93: | ||
h1{ | h1{ | ||
border-bottom:10; | border-bottom:10; | ||
+ | font-size:40px; | ||
} | } | ||
Line 94: | Line 114: | ||
color:#fff; | color:#fff; | ||
- | font-size: | + | font-size:70px; |
font-weight:bold; | font-weight:bold; | ||
padding:0; | padding:0; | ||
height:500px; | height:500px; | ||
width:300px; | width:300px; | ||
- | margin:100px 30px | + | margin:100px 30px 350px; |
padding-left:30px; | padding-left:30px; | ||
position:relative; | position:relative; | ||
Line 111: | Line 131: | ||
} | } | ||
- | + | ||
- | + | h1, h2, h3, h5{ | |
- | + | ||
- | + | ||
- | h1, h2, h3{ | + | |
font-family: 'Francois One', sans-serif; | font-family: 'Francois One', sans-serif; | ||
} | } | ||
+ | |||
+ | h2{ | ||
+ | font-size:33px; | ||
+ | } | ||
+ | |||
+ | h3{ | ||
+ | font-size:25px; | ||
+ | } | ||
+ | |||
+ | h4{ | ||
+ | font-size:23px; | ||
+ | } | ||
+ | |||
+ | h5{font-size:17px;} | ||
.parrafo{ | .parrafo{ | ||
font-family: 'PT Sans Narrow', sans-serif; | font-family: 'PT Sans Narrow', sans-serif; | ||
font-size: 20px; | font-size: 20px; | ||
- | line-height: 120% | + | line-height: 120%; |
+ | text-align: justify; | ||
} | } | ||
+ | .logoigem{ | ||
+ | float: left; | ||
+ | } | ||
/* Navigation Menu */ | /* Navigation Menu */ | ||
.navmenubkg { | .navmenubkg { | ||
+ | min-width: 1100px; | ||
position:fixed; | position:fixed; | ||
display:block; | display:block; | ||
z-index:50; | z-index:50; | ||
- | top: | + | top:0px; |
- | height: | + | height:35px; |
- | left: | + | left:70px; |
- | right: | + | right:70px; |
background:black; | background:black; | ||
/*line-height:40px;*/ | /*line-height:40px;*/ | ||
- | border-bottom: | + | border-bottom:2px solid #FFFFFF; |
+ | border-top:40px solid black; | ||
+ | border-radius:7px 7px; | ||
} | } | ||
.navmenubkg2 { | .navmenubkg2 { | ||
+ | align:center; | ||
position:fixed; | position:fixed; | ||
display:none; | display:none; | ||
z-index:50; | z-index:50; | ||
- | top: | + | top:75px; |
- | height: | + | height:32px; |
- | left: | + | left:70px; |
- | right: | + | right:70px; |
background:black; | background:black; | ||
+ | border-radius:7px 7px; | ||
+ | border-top:2px solid #FFFFFF; | ||
} | } | ||
#navmenubox { | #navmenubox { | ||
- | padding: | + | padding:0px; |
margin-left:auto; | margin-left:auto; | ||
- | margin-right: auto; | + | margin-right:auto; |
+ | border-radius:7px 7px; | ||
+ | border-bottom:0px; | ||
width:950px; | width:950px; | ||
height:40px; | height:40px; | ||
Line 161: | Line 204: | ||
text-align:center; | text-align:center; | ||
/*line-height:40px;*/ | /*line-height:40px;*/ | ||
- | |||
} | } | ||
Line 270: | Line 312: | ||
<div id="navmenubox"> | <div id="navmenubox"> | ||
<ul id="nav"> | <ul id="nav"> | ||
+ | <img class="logoigem" src="https://static.igem.org/mediawiki/igem.org/a/af/Igemlogo_whiteletters.png" style=" position:fixed; z-index=30; top:10px; left:100px; height:50px;"> | ||
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico" title="Project Overview">HOME</a></li> | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico" title="Project Overview">HOME</a></li> | ||
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">PROJECT</a> | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project">PROJECT</a> | ||
Line 286: | Line 329: | ||
<div class="navmenubkg2"> | <div class="navmenubkg2"> | ||
<ul> | <ul> | ||
- | <li style="margin-left:141px;"> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/ | + | <li style="margin-left:141px;"> <a href="https://igem.org/Safety/Safety_Form?team_id=1471" title="Safety form">SAFETY FORM</a> |
+ | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Garden" title="Garden">GARDEN</a> </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</li> | </li> | ||
- | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Policyandpractices" title="Policy&Practices"> | + | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Policyandpractices" title="Policy&Practices">PRACTICES</a> |
<div class="navmenubkg2"> | <div class="navmenubkg2"> | ||
<ul> | <ul> | ||
Line 308: | Line 352: | ||
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Gallery" title="Gallery">GALLERY</a></li> | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Gallery" title="Gallery">GALLERY</a></li> | ||
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Atributions" title="Atributions">ATRIBUTIONS</a></li> | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Atributions" title="Atributions">ATRIBUTIONS</a></li> | ||
+ | <li> <a href="https://igem.org/Team.cgi?id=1471" title="Official page">OFFICIAL PAGE</a></li> | ||
</ul> | </ul> | ||
Line 319: | Line 364: | ||
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Results" title="Results">RESULTS</a></li> | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Results" title="Results">RESULTS</a></li> | ||
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Modeling" title="Modeling">MODELING</a></li> | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Modeling" title="Modeling">MODELING</a></li> | ||
- | |||
<li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Judging" title="Judging">JUDGING</a></li> | <li> <a href="https://2014.igem.org/Team:BIOSINT_Mexico/Judging" title="Judging">JUDGING</a></li> | ||
</ul> | </ul> |
Latest revision as of 00:35, 18 October 2014