Team:UPO-Sevilla/header

From 2010.igem.org

(Difference between revisions)
 
(72 intermediate revisions not shown)
Line 29: Line 29:
                 script2.setAttribute("id","script2");
                 script2.setAttribute("id","script2");
                 script2.setAttribute("type","text/javascript");
                 script2.setAttribute("type","text/javascript");
-
                 script2.setAttribute("src","http://twitter.com/statuses/user_timeline/motedu.json?callback=twitterCallback2&count=1");
+
                 script2.setAttribute("src","http://twitter.com/statuses/user_timeline/iGEMupoSevilla.json?callback=twitterCallback2&count=5");
                 twitter.appendChild(twitterContent);
                 twitter.appendChild(twitterContent);
Line 46: Line 46:
                 twitter.removeChild(script2);
                 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 51: Line 91:
         <style type="text/css">
         <style type="text/css">
             /*--------------------------Original mod-------------------------------*/
             /*--------------------------Original mod-------------------------------*/
-
 
             .firstHeading {
             .firstHeading {
                 display:none;
                 display:none;
Line 81: 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 90: Line 158:
             h2{
             h2{
-
                 padding: 0.5em;
+
                 padding: 0.8em;
                 color: #999;
                 color: #999;
 +
                font: 900 15px "Arial", Helvetica, sans-serif;
 +
            }
 +
 +
            h3{
 +
                padding: 0.4em;
 +
                color: #CF9126;
                 font: 900 15px "Arial", Helvetica, sans-serif;
                 font: 900 15px "Arial", Helvetica, sans-serif;
             }
             }
Line 100: Line 174:
                 display:block;
                 display:block;
                 width: 35em;
                 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 {
             p, li {
                 text-align: justify;
                 text-align: justify;
-
        margin: 0 auto;               
+
        margin: 0.6em auto;               
             }
             }
Line 137: 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 147: 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 155: 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 162: 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 173: 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 181: 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----------------------*/
             .twitter{
             .twitter{
                 position: fixed;
                 position: fixed;
-
                 margin: 0 0 0 -10em;
+
                 margin: 11em 0 0 -10em;
             }
             }
             #twitter_content{
             #twitter_content{
-
                 background:url('images/twitter.gif') #EFFAFE;
+
                 background:url('https://static.igem.org/mediawiki/2010/2/29/TwitterBackgroundBacterialCrowding.gif') #EFFAFE;
                 width:400px;
                 width:400px;
                 background-repeat:no-repeat;
                 background-repeat:no-repeat;
Line 218: 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