Team:UPO-Sevilla/header

From 2010.igem.org

(Difference between revisions)
 
(119 intermediate revisions not shown)
Line 7: Line 7:
                 document.getElementById("headerBanner").setAttribute("src",banner);
                 document.getElementById("headerBanner").setAttribute("src",banner);
                 document.getElementById("linkHeaderBanner").setAttribute("href",banner);
                 document.getElementById("linkHeaderBanner").setAttribute("href",banner);
 +
            }
 +
 +
            function showTweets(){
 +
                var twitter = document.getElementById("twitter");
 +
                twitter.setAttribute("onclick","closeTweets()");
 +
 +
                var twitterContent = document.createElement("div");
 +
                 
 +
                twitterContent.setAttribute("id","twitter_content");
 +
                var twitter_list = document.createElement("ul");
 +
                twitter_list.setAttribute("id","twitter_update_list");
 +
               
 +
                twitterContent.appendChild(twitter_list);
 +
 +
                var script1 = document.createElement("script");
 +
                script1.setAttribute("id","script1");
 +
                script1.setAttribute("type","text/javascript");
 +
                script1.setAttribute("src","http://twitter.com/javascripts/blogger.js");
 +
 +
                var script2 = document.createElement("script");
 +
                script2.setAttribute("id","script2");
 +
                script2.setAttribute("type","text/javascript");
 +
                script2.setAttribute("src","http://twitter.com/statuses/user_timeline/iGEMupoSevilla.json?callback=twitterCallback2&count=5");
 +
 +
                twitter.appendChild(twitterContent);
 +
                twitter.appendChild(script1);
 +
                twitter.appendChild(script2);
 +
            }
 +
 +
            function closeTweets(){
 +
                var twitter = document.getElementById("twitter");
 +
                var twitterContent = document.getElementById("twitter_content");
 +
                var script1 = document.getElementById("script1");
 +
                var script2 = document.getElementById("script2");
 +
                twitter.setAttribute("onclick","showTweets()");
 +
                twitter.removeChild(twitterContent);
 +
                twitter.removeChild(script1);
 +
                twitter.removeChild(script2);
 +
 +
            }
 +
 +
            function showMenuTeam(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 5em; width:14.4em; z-index:1;");
 +
            }
 +
 +
            function closeMenuTeam(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: none;");
 +
            }
 +
 +
          function showMenuProject(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 13.5em; width:9em; z-index:1;");
 +
            }
 +
 +
            function closeMenuProject(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: none;");
 +
            }
 +
 +
            function showMenuModeling(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 29em; width:9em; z-index:1;");
 +
            }
 +
 +
            function closeMenuModeling(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: none;");
 +
            }
 +
 +
            function showMenuBiobricks(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 21em; width:7em; z-index:1;");
 +
            }
 +
 +
            function closeMenuBiobricks(idListMenu){
 +
                var listMenu = document.getElementById(idListMenu);
 +
                listMenu.setAttribute("style","display: none;");
             }
             }
             -->
             -->
         </script>
         </script>
         <style type="text/css">
         <style type="text/css">
-
             #html {
+
             /*--------------------------Original mod-------------------------------*/
-
                background: #a4b101;
+
-
            }
+
-
 
+
             .firstHeading {
             .firstHeading {
                 display:none;
                 display:none;
Line 21: Line 97:
             #content{
             #content{
                 background: transparent;
                 background: transparent;
-
                 /*padding: 0px;*/
+
                 padding: 0px;
        margin:0 auto;
        margin:0 auto;
                 border: none;   
                 border: none;   
Line 27: Line 103:
             #globalWrapper{
             #globalWrapper{
-
                 background: #a4b101;  
+
                 background: url(http://2010.igem.org/wiki/images/e/e3/BackgroundBacterialCrowding.png) repeat #a4b101;  
             }
             }
Line 34: Line 110:
             }
             }
 +
 +
            /*--------------------------Content-------------------------------*/
 +
 +
            .globalBC{
 +
              background: white;
 +
            }
             .contentBC{
             .contentBC{
               background: white;
               background: white;
-
               padding: 5px;
+
               padding: 0 1em;
             }
             }
 +
            .main{
 +
              float: left;
 +
              display: inline;
 +
              width: 55em;
 +
            }
 +
            .left{
 +
              border-right: 4px groove #656f04;
 +
              float: left;
 +
              display: inline;
 +
              margin: 0 1em 0 0;
 +
              padding: 0 1em 0 0;
 +
              width: 15em;
 +
            }
 +
 +
            .imgRight{
 +
              float: right;
 +
              display: inline;
 +
              margin: 0 1em;
 +
              width: 20em;
 +
            }
 +
 +
            .imgLeft{
 +
              float: left;
 +
              display: inline;
 +
              margin: 0 1em;
 +
              width: 20em;
 +
            }
 +
 +
            h1{
 +
                padding: 0.5em;
 +
                color: #576d07;
 +
                font: 900 20px "Arial", Helvetica, sans-serif;
 +
            }
 +
 +
            h2{
 +
                padding: 0.8em;
 +
                color: #999;
 +
                font: 900 15px "Arial", Helvetica, sans-serif;
 +
            }
 +
 +
            h3{
 +
                padding: 0.4em;
 +
                color: #CF9126;
 +
                font: 900 15px "Arial", Helvetica, sans-serif;
 +
            }
 +
 +
            img.center{               
 +
                padding: 0px;
 +
        margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 35em;
 +
            }
 +
 +
            img.centerVerySmall{               
 +
                padding: 0px;
 +
        margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 10em;
 +
            }
 +
 +
            img.centerSmall{               
 +
                padding: 0px;
 +
        margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 20em;
 +
            }
 +
 +
            img.centerMedium{               
 +
                padding: 0px;
 +
        margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 25em;
 +
            }
 +
 +
            img.centerBig{               
 +
                padding: 0px;
 +
        margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 60em;
 +
            }
 +
 +
            img.right{
 +
                margin: 0 auto;
 +
                width: 20em;
 +
            }
 +
           
 +
            img.ileft{
 +
                margin: 0 auto;
 +
                width: 20em;
 +
            }
 +
            img.subBanner{               
 +
                padding: 0px;
 +
                margin: 0.5em 1em;
 +
                display:inline;
 +
                width: 20em;
 +
            }
 +
 +
            img.device{
 +
                padding: 0px;
 +
                margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 60em;
 +
            }
 +
 +
            img.circuit{
 +
                padding: 0px;
 +
                margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 65em;
 +
            }
 +
 +
            p, li {
 +
                text-align: justify;
 +
        margin: 0.6em auto;             
 +
            }
 +
 +
            p.caption{
 +
                text-align: center;
 +
            }
 +
 +
            div.clear{
 +
                clear:both;
 +
            }
             /*--------------------------Header-------------------------------*/
             /*--------------------------Header-------------------------------*/
Line 64: Line 269:
                 margin: 10px auto;
                 margin: 10px auto;
                 list-style: none;
                 list-style: none;
-
                 width: 53em;
+
                 width: 56em;
                 clear: both;
                 clear: both;
 +
                position: relative;
 +
                z-index:0;
 +
            }
 +
 +
            ul.green_sub {
 +
                background: url(http://2010.igem.org/wiki/images/a/a7/BacterialCrowdingBibackground.png) #E0FFAF;
 +
                border: solid 1px #BACD08;
 +
                padding: 5px;
 +
                margin: 10px auto;
 +
                list-style: none;
 +
                width: 58em;
 +
                clear: both;
 +
                position: relative;
 +
                z-index:0;
             }
             }
-
             ul.green li {
+
             ul.green_sub li, ul.green li {
                 float: left;
                 float: left;
                 display: inline; /*For ignore double margin in IE6*/
                 display: inline; /*For ignore double margin in IE6*/
Line 74: Line 293:
             }
             }
-
             ul.green li a {
+
             ul.green_sub li a, ul.green li a {
                 text-decoration: none;
                 text-decoration: none;
                 float:left;
                 float:left;
Line 82: Line 301:
             }
             }
-
             ul.green li a span {
+
             ul.green_sub li a span,ul.green li a span {
                 margin: 0 10px 0 -10px;
                 margin: 0 10px 0 -10px;
                 padding: 1px 8px 5px 18px;
                 padding: 1px 8px 5px 18px;
Line 89: Line 308:
             }
             }
-
             ul.green li a.current, ul.green li a:hover {
+
             ul.green_sub li a.current, ul.green_sub li a:hover,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;
                 background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top right;
                 color: #576d07;
                 color: #576d07;
             }
             }
-
             ul.green li a.current span, ul.green li a:hover span {
+
             ul.green_sub li a.current span, ul.green_sub li a:hover span, 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;
                 background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top left;
 +
            }
 +
 +
            /*--------------------------Buttons----------------------*/
 +
            a.return_button{
 +
                margin: 1.5em 10px 0 -10px;
 +
                padding: 1px 8px 5px 6em;
 +
                float:left;
 +
                text-decoration: none;
 +
                cursor: pointer;
 +
                font: 900 14px/22px "Arial", Helvetica, sans-serif;
 +
                background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top right;
 +
                color: #576d07;
 +
            }
 +
 +
 +
            a.next_button{
 +
                margin: 1.5em -10px 0 10px;
 +
                padding: 1px 6em 5px 8px;
 +
                float:right;
 +
                text-decoration: none;
 +
                cursor: pointer;
 +
                font: 900 14px/22px "Arial", Helvetica, sans-serif;
 +
                background: url(http://2010.igem.org/wiki/images/7/72/Green.png) no-repeat top left;
 +
                color: #576d07;
 +
            }     
 +
 +
            /*--------------------------Twitter----------------------*/
 +
            .twitter{
 +
                position: fixed;
 +
                margin: 11em 0 0 -10em;
 +
            }
 +
 +
            #twitter_content{
 +
                background:url('http://2010.igem.org/wiki/images/2/29/TwitterBackgroundBacterialCrowding.gif') #EFFAFE;
 +
                width:400px;
 +
                background-repeat:no-repeat;
 +
                border:#5AA5BC 1px solid;
 +
                font-family:Arial, Helvetica, sans-serif;
 +
                font-size:0.9em;
 +
                margin-top:10px;
 +
                padding-top:30px;
 +
                padding-right:5px;
 +
                padding-left:5px}
 +
 +
            #twitter_content ul li{
 +
                color:#0C93BA;
 +
                border-bottom-style:solid;
 +
                border-bottom-width:1px;
 +
                border-bottom-color:#A1E8F7
             }
             }
         </style>
         </style>
Line 108: Line 376:
                 <ul class="green">
                 <ul class="green">
                     <li><a id="home" href="http://2010.igem.org/Team:UPO-Sevilla" title="home"><span>Home</span></a></li>
                     <li><a id="home" href="http://2010.igem.org/Team:UPO-Sevilla" title="home"><span>Home</span></a></li>
-
                     <li><a id="team" href="http://2010.igem.org/Team:UPO-Sevilla/Team" title="team"><span>Team</span></a></li>
+
                     <li onmouseover="showMenuTeam('teamList')" onmouseout="closeMenuTeam('teamList')"><a id="team" href="http://2010.igem.org/Team:UPO-Sevilla/Team" title="team"><span>Team</span></a>
-
                     <li><a id="project" href="http://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a></li>
+
                      <ul class="green_sub" id="teamList" style="display: none;">
-
                     <li><a id="parts" 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/Team/Members" title="Members"><span>Members & Contact</span></a></li>
-
                     <li><a id="modeling" 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/Team/Acknowledgments" title="Acknowledgments"><span>Acknowledgments</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Team/Gallery" title="Gallery"><span>Gallery</span></a></li>
 +
                      </ul>
 +
                     </li>
 +
                    <li onmouseover="showMenuProject('projectList')" onmouseout="closeMenuProject('projectList')"><a id="project" href="http://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a>
 +
                      <ul class="green_sub" id="projectList" style="display: none;">
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project/Abstract" title="Abstract"><span>Abstract</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project/Sensing" title="Sensing"><span>Sensing</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project/Chemotaxis" title="Chemotaxis"><span>Chemotaxis</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project/Assays" title="Assays"><span>Assays</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Project/Results" title="Results"><span>Results</span></a></li>
 +
                      </ul>
 +
                     </li>
 +
                    <li onmouseover="showMenuBiobricks('biobricksList')" onmouseout="closeMenuBiobricks('biobricksList')"><a id="parts" href="http://2010.igem.org/Team:UPO-Sevilla/Biobricks" title="Biobricks"><span>Biobricks</span></a>
 +
                      <ul class="green_sub" id="biobricksList" style="display: none;">
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Biobricks/Circuits" title="Circuits"><span>Circuits</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Biobricks/Devices" title="Devices"><span>Devices</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Biobricks/Parts" title="Parts"><span>Parts</span></a></li>
 +
                      </ul>
 +
</li>
 +
                     <li onmouseover="showMenuModeling('modelingList')" onmouseout="closeMenuModeling('modelingList')"><a id="modeling" href="http://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a>
 +
                      <ul class="green_sub" id="modelingList" style="display: none;">
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Modeling/Chemotaxis" title="Chemotaxis"><span>Chemotaxis</span></a></li>
 +
                          <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Modeling/Signaling" title="Signaling"><span>Signaling</span></a></li>
 +
                        </ul>
 +
</li>
                     <li><a id="notebook" href="http://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li>
                     <li><a id="notebook" href="http://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li>
                     <li><a id="safety" href="http://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li>
                     <li><a id="safety" href="http://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li>

Latest revision as of 18:49, 26 October 2010