Team:UPO-Sevilla/header

From 2010.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 50: Line 50:
             function showMenuTeam(idListMenu){
             function showMenuTeam(idListMenu){
                 var listMenu = document.getElementById(idListMenu);
                 var listMenu = document.getElementById(idListMenu);
-
                 listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 5em; width:14.2em; z-index:1;");
+
                 listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 5em; width:14.4em; z-index:1;");
             }
             }
             function closeMenuTeam(idListMenu){
             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);
                 var listMenu = document.getElementById(idListMenu);
                 listMenu.setAttribute("style","display: none;");
                 listMenu.setAttribute("style","display: none;");
Line 100: 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 109: 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 119: 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;
             }
             }
Line 163: Line 276:
             ul.green_sub {
             ul.green_sub {
-
                 background: #E0FFAF;
+
                 background: url(http://2010.igem.org/wiki/images/a/a7/BacterialCrowdingBibackground.png) #E0FFAF;
                 border: solid 1px #BACD08;
                 border: solid 1px #BACD08;
                 padding: 5px;
                 padding: 5px;
Line 206: 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 214: Line 327:
                 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;
-
             }    
+
             }
 +
 
 +
 
 +
            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----------------------*/
Line 258: Line 383:
                       </ul>
                       </ul>
                     </li>
                     </li>
-
                     <li><a id="project" href="http://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a></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>
-
                     <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="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;">
                       <ul class="green_sub" id="biobricksList" style="display: none;">
-
                           <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Team/Circuits" title="Circuits"><span>Circuits</span></a></li>
+
                           <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/Team/Devices" title="Devices"><span>Devices</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/Team/Parts" title="Parts"><span>Parts</span></a></li>
+
                           <li><a href="http://2010.igem.org/Team:UPO-Sevilla/Biobricks/Parts" title="Parts"><span>Parts</span></a></li>
                       </ul>
                       </ul>
</li>
</li>
-
                     <li><a id="modeling" href="http://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a></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