Team:Valencia/Gallery

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html><link rel="stylesheet" href="https://2011.igem.org/wiki/index.php?title=User:Arnau/valencia.css&action=raw&ctype=text/css" type="text/css"></html>
 
{{Template:Valencia-0-3}}
{{Template:Valencia-0-3}}
 +
<html>
 +
 +
<body>
 +
 +
<style type="text/css">
 +
 +
img {
 +
display: block;
 +
margin: auto;
 +
}
 +
 +
.center {
 +
 +
width:965px;
 +
height:auto;
 +
margin-left:7px;
 +
        margin-right:32.5px;
 +
        margin-top:20px;
 +
margin-bottom:30px;
 +
}
 +
 +
.col_left{
 +
width:650px;
 +
        height:auto;
 +
float:left;
 +
background-color:transparent;
 +
 +
}
 +
 +
.col_left_top{
 +
width:610px;
 +
background-color:#0087ba;
 +
height:20px;
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:20px;
 +
color:#fff;
 +
padding:20px;
 +
}
 +
 +
.col_left_center{
 +
width:610px;
 +
        text-align:justify;
 +
        height: auto;
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:14px;
 +
color:black;
 +
padding:20px;
 +
}
 +
 +
.col_left_bottom{
 +
width:525px;
 +
        text-align:center;
 +
        height: auto;
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:14px;
 +
color:#fff;
 +
padding:20px;
 +
}
 +
 +
.col_right{
 +
width:290px;
 +
        margin-left:10px;
 +
float:left;
 +
background-color:transparent;
 +
height:auto;
 +
}
 +
 +
.col_right_top{
 +
width:250px;
 +
        background-color:#0087ba;
 +
height:20px;
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:20px;
 +
color:#fff;
 +
padding:20px;
 +
}
 +
 +
.col_right_center{
 +
width:200px;
 +
        height: auto;
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:14px;
 +
color:#666;
 +
padding:20px;
 +
}
 +
 +
.col_right_bottom{
 +
width:335px;
 +
        text-align:center;
 +
        height: auto;
 +
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:14px;
 +
color:#fff;
 +
padding:20px;
 +
}
 +
 +
 +
 +
 +
 +
html, body {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
body {
 +
background:darkblue url(https://static.igem.org/mediawiki/2011/6/65/Valencia_Aguamitadinferior1500x800.jpg) repeat-x top fixed;
 +
 +
}
 +
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 +
#content{
 +
                background:transparent url("https://static.igem.org/mediawiki/2011/f/fd/Valencia_Transpa30a.png") center fixed repeat-y;
 +
                padding: 0px;
 +
        margin:0 auto;
 +
                border: none; 
 +
           
 +
 +
            }
 +
 +
</style>
 +
<script type="text/javascript"
 +
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("ul#topnav li").hover(function() {
 +
$(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'});
 +
$(this).find("span").show();
 +
} , function() { //on hover out...
 +
$(this).css({ 'background' : 'none'});
 +
$(this).find("span").hide();
 +
});
 +
 +
});
 +
</script>
 +
 +
<style type="text/css">
 +
 +
#headerlinks{
 +
      margin-left: -12px;
 +
}
 +
 +
#nav, #nav ul {
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
.abstractext{
 +
float:right;
 +
width="400px"
 +
}
 +
 +
#nav a {
 +
display: block;
 +
        width: 149px;
 +
        height: 40px;
 +
        font-family:Verdana, Arial, Helvetica, sans-serif;
 +
}
 +
 +
#nav li {
 +
float: left;
 +
width: 149px;
 +
margin-right: 41px;
 +
}
 +
 +
#nav li ul {
 +
position: absolute;
 +
width: 130px;
 +
left: -999em;
 +
 +
}
 +
 +
#nav li:hover ul {
 +
left: auto;
 +
      text-decoration: none;
 +
      color: white !important;
 +
 +
}
 +
 +
#nav li:hover ul, #nav li.sfhover ul {
 +
left: auto;
 +
      text-decoration: none;
 +
      color: white !important;
 +
}
 +
 +
sfHover = function() {
 +
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
 +
for (var i=0; i<sfEls.length; i++) {
 +
sfEls[i].onmouseover=function() {
 +
this.className+=" sfhover";
 +
}
 +
sfEls[i].onmouseout=function() {
 +
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
 +
}
 +
}
 +
}
 +
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
 +
 +
 +
body {
 +
font: 10px normal Verdana, Arial, Helvetica, sans-serif;
 +
 +
padding: 0;
 +
}
 +
h1 {
 +
font: 3em normal Verdana, 'Times New Roman', Times, serif;
 +
color: #333;
 +
margin: 0;
 +
padding: 5px 0;
 +
}
 +
h3 {
 +
font: 17px normal Verdana, 'Times New Roman', Times, serif;
 +
color: #0000;
 +
margin: 0;
 +
padding: 5px 0;
 +
margin: 10px;
 +
        text-align:justify;
 +
        margin-top: 8px;
 +
        margin-bottom: 20px;   
 +
        margin-left: 20px;
 +
        margin-right: 20px;
 +
}
 +
h1 small{
 +
font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
 +
text-transform:uppercase;
 +
letter-spacing: 1.5em;
 +
display: block;
 +
color: #fff;
 +
}
 +
.container {width: 970px; margin: 0 auto;}
 +
 +
.curved {
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        behavior:url(border-radius.htc);
 +
}
 +
   
 +
 +
 +
 +
 +
ul#topnav {
 +
margin: 0; padding: 0;
 +
float: left;
 +
width: 970px;
 +
list-style: none;
 +
position: relative;
 +
font-size: 18.8px;
 +
background: url(topnav_stretch.gif) repeat-x;
 +
}
 +
ul#topnav li {
 +
float: left;
 +
margin: 0; padding: 0;
 +
border-right: 1px solid #555;
 +
}
 +
ul#topnav li a {
 +
padding: 10px 15px;
 +
display: block;
 +
color: darkblue;
 +
text-decoration: none;
 +
}
 +
li span {
 +
float: left;
 +
padding: 15px 0;
 +
position: absolute;
 +
left: 0; top:40px;
 +
display: none;
 +
width: 965px;
 +
background: lightblue;
 +
color: white;
 +
-moz-border-radius-bottomright: 5px;
 +
-khtml-border-radius-bottomright: 5px;
 +
-webkit-border-bottom-right-radius: 5px;
 +
-moz-border-radius-bottomleft: 5px;
 +
-khtml-border-radius-bottomleft: 5px;
 +
-webkit-border-bottom-left-radius: 5px;
 +
}
 +
ul#topnav li:hover span { display: block; }
 +
ul#topnav li span a { display: inline; }
 +
ul#topnav li span a:hover {text-decoration: underline;}
 +
</style>
 +
<script type="text/javascript"
 +
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 +
$("ul#topnav li").hover(function() { //Hover over event on list item
 +
$(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item
 +
$(this).find("span").show(); //Show the subnav
 +
} , function() { //on hover out...
 +
$(this).css({ 'background' : 'none'}); //Ditch the background
 +
$(this).find("span").hide(); //Hide the subnav
 +
});
 +
 +
});
 +
</script>
 +
 +
<center>Please feel free to browse our Flickr gallery!
 +
<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=67781776@N03&set_id=72157627600127003&tags=iGEM,Valencia,2011" frameBorder="0" width="600" height="500" scrolling="no"></iframe><br/><small>Created with <a href="http://www.admarket.se" title="Admarket.se">Admarket's</a> <a href="http://flickrslidr.com" title="flickrSLiDR">flickrSLiDR</a>.</small></center>
 +
</div><!-- fin clase col_right_center-->
 +
 +
<div class=col_right_bottom></div><!-- fin clase col_right_bottom-->
 +
</div><!-- fin clase col_right-->
 +
 +
</div><!-- fin clase center-->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</body>
 +
 +
</html>

Revision as of 01:25, 22 September 2011



Please feel free to browse our Flickr gallery!
Created with Admarket's flickrSLiDR.

Retrieved from "http://2011.igem.org/Team:Valencia/Gallery"