"
Team:BIOSINT Mexico/Header
From 2013.igem.org
(Difference between revisions)
| (43 intermediate revisions not shown) | |||
| Line 8: | Line 8: | ||
} | } | ||
#p-logo{ | #p-logo{ | ||
| - | + | display:none; | |
| - | + | ||
} | } | ||
| Line 15: | Line 15: | ||
height:130px ! important; | height:130px ! important; | ||
border: 0; | border: 0; | ||
| + | width:100%; | ||
background: #bfd255; /* Old browsers */ | background: #bfd255; /* Old browsers */ | ||
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ | background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ | ||
| Line 23: | Line 24: | ||
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */ | background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */ | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */ | ||
| - | + | } | |
#menubar{ | #menubar{ | ||
| Line 56: | Line 57: | ||
} | } | ||
#content { | #content { | ||
| - | background: | + | background: #fff; |
border: 0; | border: 0; | ||
color: #333; | color: #333; | ||
margin: 50 auto; | margin: 50 auto; | ||
| - | + | ||
position: relative; | position: relative; | ||
| - | width: | + | width: 85%; |
z-index: 2; | z-index: 2; | ||
border-radius: 5px 5px; | border-radius: 5px 5px; | ||
| Line 74: | Line 75: | ||
#content img{ | #content img{ | ||
margin: 10px; | margin: 10px; | ||
| + | box-shadow: 0px 0px 0px #333; | ||
| + | -webkit-box-shadow: 0px 0px 0px #333; | ||
| + | -moz-box-shadow: 0px 0px 0px #333; | ||
} | } | ||
#bodyContent{ | #bodyContent{ | ||
| - | margin: | + | width:95%; |
| + | background:#fff; | ||
| + | margin:0 auto; | ||
| + | |||
} | } | ||
| Line 118: | Line 125: | ||
color:#fff; | color:#fff; | ||
| - | font-size: | + | font-size:50px; |
font-weight:bold; | font-weight:bold; | ||
padding:0; | padding:0; | ||
| - | height: | + | height:50px; |
| - | width: | + | width:300px; |
| - | margin: | + | margin:100px 30px 0 350px; |
| - | padding-left: | + | padding-left:30px; |
position:relative; | position:relative; | ||
} | } | ||
#my_own_top img.logo{ | #my_own_top img.logo{ | ||
| - | float: | + | float:right; |
position:relative; | position:relative; | ||
} | } | ||
| Line 135: | Line 142: | ||
} | } | ||
#navigation{ | #navigation{ | ||
| - | + | float:left; | |
| - | + | width:100%; | |
| - | width:100% | + | |
height: 40px; | height: 40px; | ||
| - | background:# | + | background:#000; |
| + | margin-top:-20px; | ||
| + | border-bottom-right-radius:8px; | ||
| + | border-bottom-left-radius:8px; | ||
} | } | ||
#navigation ul{ | #navigation ul{ | ||
| Line 146: | Line 155: | ||
} | } | ||
#navigation ul li{ | #navigation ul li{ | ||
| - | + | width:130px; | |
| - | + | ||
| - | width: | + | |
min-height: 35px; | min-height: 35px; | ||
text-align:center; | text-align:center; | ||
| Line 155: | Line 162: | ||
float: left; | float: left; | ||
margin-right: 10px; | margin-right: 10px; | ||
| + | background:#000; | ||
} | } | ||
#navigation a{ | #navigation a{ | ||
| - | + | text-decoration:none; | |
font-size: 17px; | font-size: 17px; | ||
color: #FFF; | color: #FFF; | ||
| + | text-shadow: 1px 1px 5px #fff; | ||
} | } | ||
#navigation a:hover{ | #navigation a:hover{ | ||
| - | color:# | + | color:#fff; |
| + | background:#2E2E2E; | ||
| + | font-size:1.4em; | ||
| + | text-shadow:1px 1px 5px #81F7F3; | ||
| + | } | ||
| + | |||
| + | #navigation li:hover{ | ||
| + | background:#2E2E2E; | ||
| + | |||
} | } | ||
.menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;} | .menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;} | ||
| Line 169: | Line 186: | ||
.menu_body li a{color:#fffafa; text-decoration:none; padding:10px; display:block;} | .menu_body li a{color:#fffafa; text-decoration:none; padding:10px; display:block;} | ||
.menu_body li a:hover{ font-weight:bold;} | .menu_body li a:hover{ font-weight:bold;} | ||
| + | p{ font-style:italic; padding-left:20px;padding:right:20px; margin-right:20px;} | ||
| + | |||
| + | |||
</style> | </style> | ||
| + | <div id="my_own_top"> | ||
| + | <a href="https://2011.igem.org/Team:ITESM_Mexico" ><img src="http://s22.postimg.org/7n99nq2b5/A_lo_largo.png" alt="Biobrickoatl Home" class="logo" /></a> | ||
| + | <div style="float:center;position:absolute;" > | ||
| + | <h1>SmartPro</h1> | ||
| + | <h1 style="font-size: 36px; color:#db0976; height:50px;">Smartpro</h1> | ||
| + | </div> | ||
| + | <a href="https://igem.org" ><img src="http://deviatan.com/sponsoring/igem_light.png" alt="Igem" style="margin:50px 100px 50px 0;"/></a> | ||
| + | <a href="http://postimg.org/image/6ptdqlbp5/" ><img src="http://s12.postimg.org/6ptdqlbp5/Logotipo_Definitivo.png" alt="LogotipoDefinitivo" style="margin:0px 0px 42px 600;" /></a> | ||
| + | |||
</div> | </div> | ||
| + | |||
<div id="navigation"> | <div id="navigation"> | ||
<ul> | <ul> | ||
| - | <li > | + | <li> |
<a href="https://2013.igem.org/Team:BIOSINT_Mexico">Home</a> | <a href="https://2013.igem.org/Team:BIOSINT_Mexico">Home</a> | ||
| Line 186: | Line 216: | ||
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Acknowledgment">Special Thanks</a></li> | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Acknowledgment">Special Thanks</a></li> | ||
<li><a href="https://igem.org/Team.cgi">Official team page</a></li> | <li><a href="https://igem.org/Team.cgi">Official team page</a></li> | ||
| + | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Sponsors">Sponsors</a></li> | ||
</ul> | </ul> | ||
| Line 197: | Line 228: | ||
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Safety: Kill switch">Safety: Kill switch</a> | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Safety: Kill switch">Safety: Kill switch</a> | ||
</li> | </li> | ||
| + | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Construction">Construction</a></li> | ||
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Results">Results</a></li> | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Results">Results</a></li> | ||
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Future research">Future research</a></li> | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Future research">Future research</a></li> | ||
| Line 215: | Line 247: | ||
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Workshop">Workshop</a></li> | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Workshop">Workshop</a></li> | ||
<li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Publicity">Publicity</a></li> | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Publicity">Publicity</a></li> | ||
| - | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 221: | Line 253: | ||
<a href="https://2013.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a> | <a href="https://2013.igem.org/Team:BIOSINT_Mexico/Notebook">Notebook</a> | ||
<ul class="menu_body"> | <ul class="menu_body"> | ||
| - | + | <li><a href="https://2013.igem.org/Team:BIOSINT_Mexico/Protocols">Protocols</a></li> | |
| - | + | ||
<li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Lab work">Lab Work</a></li> | <li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Lab work">Lab Work</a></li> | ||
<li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Gallery">Gallery</a></li> | <li><a href="https://2013.igem.org/Team:BIOINT_Mexico/Gallery">Gallery</a></li> | ||
Latest revision as of 03:06, 28 September 2013
SmartPro
Smartpro
