Team:UPO-Sevilla/header

From 2010.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 54: Line 54:
             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 111: Line 160:
                 padding: 0.8em;
                 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 121: Line 176:
             }
             }
-
             img.subBanner{                 
+
             img.centerVerySmall{                 
                 padding: 0px;
                 padding: 0px;
-
        margin: auto 0.3em;
+
        margin: 2em auto 0.3em;
                 display:block;
                 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;
                 width: 20em;
             }
             }
Line 184: Line 276:
             ul.green_sub {
             ul.green_sub {
-
                 background: #E0FFAF;
+
                 background: url(https://static.igem.org/mediawiki/2010/a/a7/BacterialCrowdingBibackground.png) #E0FFAF;
                 border: solid 1px #BACD08;
                 border: solid 1px #BACD08;
                 padding: 5px;
                 padding: 5px;
Line 227: 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 235: 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----------------------*/
Line 279: Line 383:
                       </ul>
                       </ul>
                     </li>
                     </li>
-
                     <li><a id="project" href="https://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="https://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a>
-
                     <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="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;">
                       <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/Circuits" title="Circuits"><span>Circuits</span></a></li>
Line 287: Line 399:
                       </ul>
                       </ul>
</li>
</li>
-
                     <li><a id="modeling" href="https://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="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