Team:UPO-Sevilla/header

From 2010.igem.org

(Difference between revisions)
 
(89 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;");
             }
             }
             -->
             -->
Line 12: Line 91:
         <style type="text/css">
         <style type="text/css">
             /*--------------------------Original mod-------------------------------*/
             /*--------------------------Original mod-------------------------------*/
-
 
             .firstHeading {
             .firstHeading {
                 display:none;
                 display:none;
Line 42: Line 120:
               background: white;
               background: white;
               padding: 0 1em;
               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;
             }
             }
Line 51: Line 158:
             h2{
             h2{
-
                 padding: 0.5em;
+
                 padding: 0.8em;
                 color: #999;
                 color: #999;
                 font: 900 15px "Arial", Helvetica, sans-serif;
                 font: 900 15px "Arial", Helvetica, sans-serif;
             }
             }
-
             img.center{
+
            h3{
-
                 text-align: center;              
+
                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{
+
             p.caption{
-
                 text-align: justify;              
+
                 text-align: center;
             }
             }
Line 90: 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(https://static.igem.org/mediawiki/2010/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 100: 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 108: 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 115: 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(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right;
                 background: url(https://static.igem.org/mediawiki/2010/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(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left;
                 background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left;
             }
             }
Line 126: Line 319:
             /*--------------------------Buttons----------------------*/
             /*--------------------------Buttons----------------------*/
             a.return_button{
             a.return_button{
-
                 margin: 1em 10px 0 -10px;
+
                 margin: 1.5em 10px 0 -10px;
                 padding: 1px 8px 5px 6em;
                 padding: 1px 8px 5px 6em;
                 float:left;
                 float:left;
Line 134: Line 327:
                 background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right;
                 background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right;
                 color: #576d07;
                 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(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left;
 +
                color: #576d07;
 +
            }     
 +
 +
            /*--------------------------Twitter----------------------*/
 +
            .twitter{
 +
                position: fixed;
 +
                margin: 11em 0 0 -10em;
 +
            }
 +
 +
            #twitter_content{
 +
                background:url('https://static.igem.org/mediawiki/2010/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>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Line 148: Line 376:
                 <ul class="green">
                 <ul class="green">
                     <li><a id="home" href="https://2010.igem.org/Team:UPO-Sevilla" title="home"><span>Home</span></a></li>
                     <li><a id="home" href="https://2010.igem.org/Team:UPO-Sevilla" title="home"><span>Home</span></a></li>
-
                     <li><a id="team" href="https://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="https://2010.igem.org/Team:UPO-Sevilla/Team" title="team"><span>Team</span></a>
-
                     <li><a id="project" href="https://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="https://2010.igem.org/Team:UPO-Sevilla/Parts" title="Parts"><span>Parts</span></a></li>
+
                          <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Team/Members" title="Members"><span>Members & Contact</span></a></li>
-
                     <li><a id="modeling" href="https://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a></li>
+
                          <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Team/Acknowledgments" title="Acknowledgments"><span>Acknowledgments</span></a></li>
 +
                          <li><a href="https://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="https://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="https://2010.igem.org/Team:UPO-Sevilla/Project/Abstract" title="Abstract"><span>Abstract</span></a></li>
 +
                          <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Sensing" title="Sensing"><span>Sensing</span></a></li>
 +
                          <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Chemotaxis" title="Chemotaxis"><span>Chemotaxis</span></a></li>
 +
                          <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Assays" title="Assays"><span>Assays</span></a></li>
 +
                          <li><a href="https://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="https://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="https://2010.igem.org/Team:UPO-Sevilla/Biobricks/Circuits" title="Circuits"><span>Circuits</span></a></li>
 +
                          <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Biobricks/Devices" title="Devices"><span>Devices</span></a></li>
 +
                          <li><a href="https://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="https://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="https://2010.igem.org/Team:UPO-Sevilla/Modeling/Chemotaxis" title="Chemotaxis"><span>Chemotaxis</span></a></li>
 +
                          <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Modeling/Signaling" title="Signaling"><span>Signaling</span></a></li>
 +
                        </ul>
 +
</li>
                     <li><a id="notebook" href="https://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li>
                     <li><a id="notebook" href="https://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li>
                     <li><a id="safety" href="https://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li>
                     <li><a id="safety" href="https://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li>

Latest revision as of 18:49, 26 October 2010