Team:UPO-Sevilla/footer

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
  <head>
+
    <head>
-
    <title>Prueba CSS</title>
+
        <title>Prueba CSS</title>
-
    <script type="text/javascript" language="javascript">
+
        <script type="text/javascript" language="javascript">
-
    <!--
+
            <!--
-
    -->
+
            -->
-
    </script>
+
        </script>
-
    <style type="text/css">
+
        <style type="text/css">
-
ul.green {
+
            .content{
-
    padding: 5px;
+
                margin: 10px auto;
-
    margin: 10px auto;
+
                width: 68em;
-
    list-style: none;
+
                background: url(http://2010.igem.org/wiki/images/7/7b/BackgroundHeaderBacterialCrowding.jpg) repeat-x;
-
            width: 68em;
+
            }
-
}
+
-
ul.green li {
+
            /*--------------------------Header-------------------------------*/
-
    float: left;
+
-
    display: inline; /*For ignore double margin in IE6*/
+
-
    margin: 0 10px;
+
-
}
+
-
ul.green li a {
+
            .header{
-
    text-decoration: none;
+
              height: 15em;
-
    float:left;
+
            }
-
    color: #999;
+
-
    cursor: pointer;
+
-
    font: 900 14px/22px "Arial", Helvetica, sans-serif;
+
-
}
+
-
ul.green li a span {
+
            img.logo{
-
    margin: 0 10px 0 -10px;
+
                float: left;
-
    padding: 1px 8px 5px 18px;
+
                padding: 2.5em 3.4em;
-
    position: relative;
+
            }
-
    float:left;
+
-
}
+
-
        ul.green li a.current, ul.green li a:hover {
+
            img.headerBanner{
-
    background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top right;
+
                float: right;
-
    color: #0d5f83;
+
                padding: 1.5em 1em;
-
}
+
            }
-
ul.green li a.current span, ul.green li a:hover span {
+
            /*--------------------------Horizontal Bar----------------------*/
-
    background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top left;
+
            ul.green {
-
}
+
                padding: 5px;
-
    </style>
+
                margin: 10px auto;
-
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
                list-style: none;
-
  </head>
+
                width: 53em;
-
  <body>
+
                clear: both;
-
      <ul class="green">
+
            }
-
    <li><a href="http://2010.igem.org/Team:UPO-Sevilla" title="home" class="current"><span>Home</span></a></li>
+
 
-
    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Team" title="team"><span>Team</span></a></li>
+
            ul.green li {
-
    <li><a href="http://igem.org/Team.cgi?year=2010&team_name=UPO-Sevilla Official Team Profile" title="team"><span>Official Team Profile</span></a></li>
+
                float: left;
-
    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a></li>
+
                display: inline; /*For ignore double margin in IE6*/
-
            <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Parts" title="Parts"><span>Parts</span></a></li>
+
                margin: 0 10px;
-
            <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a></li>
+
            }
-
            <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li>
+
 
-
            <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li>  
+
            ul.green li a {
-
</ul>
+
                text-decoration: none;
-
  </body>
+
                float:left;
 +
                color: #999;
 +
                cursor: pointer;
 +
                font: 900 14px/22px "Arial", Helvetica, sans-serif;
 +
            }
 +
 
 +
            ul.green li a span {
 +
                margin: 0 10px 0 -10px;
 +
                padding: 1px 8px 5px 18px;
 +
                position: relative;
 +
                float:left;
 +
            }
 +
 
 +
            ul.green li a.current, ul.green li a:hover {
 +
                background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top right;
 +
                color: #0d5f83;
 +
            }
 +
 
 +
            ul.green li a.current span, ul.green li a:hover span {
 +
                background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top left;
 +
            }
 +
        </style>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
    </head>
 +
    <body>
 +
        <div class="content">
 +
            <div class="header">
 +
               
 +
                <img class="logo" src="http://2010.igem.org/wiki/images/1/19/LogoBacterialCrowding.png" alt="Bacterial Crowding Logo" />
 +
                <img class="headerBanner" src="http://2010.igem.org/wiki/images/6/6e/BannerHomeBacterialCrowding.jpg" alt="Home Banner" />
 +
 
 +
                <ul class="green">
 +
                    <li><a href="http://2010.igem.org/Team:UPO-Sevilla" title="home" class="current"><span>Home</span></a></li>
 +
                    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Team" title="team"><span>Team</span></a></li>
 +
                    <li><a href="http://igem.org/Team.cgi?year=2010&team_name=UPO-Sevilla Official Team Profile" title="team"><span>Official Team Profile</span></a></li>
 +
                    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a></li>
 +
                    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Parts" title="Parts"><span>Parts</span></a></li>
 +
                    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a></li>
 +
                    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li>
 +
                    <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li>
 +
                </ul>
 +
 
 +
            </div>
 +
        </div>
 +
    </body>
</html>
</html>

Revision as of 16:22, 20 July 2010

Prueba CSS