Team:BIOSINT Mexico/Header
From 2014.igem.org
(Difference between revisions)
Line 12: | Line 12: | ||
} | } | ||
- | + | #top-section { | |
+ | height:130px ! important; | ||
+ | border: 0; | ||
+ | width:100%; | ||
+ | background: #bfd255; /* Old browsers */ | ||
+ | background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ | ||
+ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */ | ||
+ | background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */ | ||
+ | background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */ | ||
+ | background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */ | ||
+ | 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 */ | ||
+ | } | ||
#menubar{ | #menubar{ | ||
Line 20: | Line 32: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
- | #searchInput { | + | #searchInput { |
- | + | float:right; | |
+ | height: 25px; | ||
+ | width: 170px; | ||
+ | font-size: 14px; | ||
+ | border: 1px solid #000000; | ||
+ | border-radius: 5px 5px 5px 5px; | ||
+ | -webkit-border-radius: 5px 5px 5px 5px; | ||
+ | -moz-border-radius: 5px 5px 5px 5px; | ||
+ | box-shadow:inset 1px 1px 3px #000; | ||
+ | -webkit-box-shadow:inset 1px 1px 3px #000; | ||
+ | -moz-box-shadow:inset 1px 1px 3px #000; | ||
+ | padding-left:5px; | ||
+ | } | ||
+ | input.searchButton{ | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | input.searchButton:hover{ | ||
+ | color: #4682b4; | ||
} | } | ||
- | |||
- | #footer-box a{ | + | #footer-box a{ |
- | + | color:#fff; | |
} | } | ||
#content { | #content { | ||
Line 45: | Line 73: | ||
-moz-box-shadow: 0px 0px 20px #333; | -moz-box-shadow: 0px 0px 20px #333; | ||
} | } | ||
- | + | #content img{ | |
+ | margin: 10px; | ||
+ | box-shadow: 0px 0px 0px #333; | ||
+ | -webkit-box-shadow: 0px 0px 0px #333; | ||
+ | -moz-box-shadow: 0px 0px 0px #333; | ||
} | } | ||
#bodyContent{ | #bodyContent{ | ||
Line 82: | Line 114: | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
+ | #my_own_top{ | ||
+ | margin: 0 auto; | ||
+ | position: absolute; | ||
+ | top:-186px; | ||
+ | width: 975px; | ||
+ | height: 130px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #my_own_top h1{ | ||
- | + | color:#fff; | |
+ | font-size:50px; | ||
+ | font-weight:bold; | ||
+ | padding:0; | ||
+ | height:50px; | ||
+ | width:300px; | ||
+ | margin:100px 30px 0 350px; | ||
+ | padding-left:30px; | ||
+ | position:relative; | ||
+ | } | ||
+ | #my_own_top img.logo{ | ||
+ | float:right; | ||
+ | position:relative; | ||
+ | } | ||
+ | #my_own_top img{ | ||
+ | position:relative; | ||
+ | } | ||
#navigation{ | #navigation{ | ||
float:left; | float:left; | ||
Line 89: | Line 146: | ||
height: 40px; | height: 40px; | ||
background:#000; | background:#000; | ||
- | margin-top: | + | margin-top:-20px; |
border-bottom-right-radius:8px; | border-bottom-right-radius:8px; | ||
border-bottom-left-radius:8px; | border-bottom-left-radius:8px; | ||
Line 135: | Line 192: | ||
</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 id="navigation"> | <div id="navigation"> | ||
Line 216: | Line 284: | ||
$(this).animate({ fontSize: "15px" }, 50 ); | $(this).animate({ fontSize: "15px" }, 50 ); | ||
}); | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | </html> |
Revision as of 00:36, 21 September 2014