Difference between revisions of "Template:UPMC-Paris/CSS"

(Created page with " #top_title, #sideMenu{ display: block; } #content{ width:95%; position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; background-...")
 
Line 1: Line 1:
 +
<html>
 +
<!-- CSS-->
 +
 +
<style type='text/css'>
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
 
     #top_title, #sideMenu{
 
     #top_title, #sideMenu{
       display: block;
+
       display: none;
 
     }
 
     }
 
     #content{
 
     #content{
 
     width:95%;
 
     width:95%;
  position: absolute;
+
    padding: 0;
  right: 0;
+
    margin: auto;
  bottom: 0;
+
  left: 0;
+
  padding: 1rem;
+
  background-color: #efefef;
+
  text-align: center;
+
}
+
 
     }  
 
     }  
 
     p {
 
     p {
Line 26: Line 26:
 
     margin-right: auto;
 
     margin-right: auto;
 
position:fixed;
 
position:fixed;
bottom:50px;
+
top:50px;
 
}
 
}
 
#colorNav > ul > li{ /* will style only the top level li */
 
#colorNav > ul > li{ /* will style only the top level li */
Line 50: Line 50:
 
left:50%;
 
left:50%;
 
margin-left:-90px;
 
margin-left:-90px;
top:-30px;
+
top:30px;
 
font:bold 12px 'Open Sans Condensed', sans-serif;
 
font:bold 12px 'Open Sans Condensed', sans-serif;
  
Line 87: Line 87:
 
#colorNav li ul li:first-child{
 
#colorNav li ul li:first-child{
 
border-radius:3px 3px 0 0;
 
border-radius:3px 3px 0 0;
margin-bottom:25px;
+
margin-top:25px;
 
position:relative;
 
position:relative;
 
}
 
}
Line 99: Line 99:
 
border-bottom-color:#313131;
 
border-bottom-color:#313131;
 
left:50%;
 
left:50%;
bottom:10px;
+
top:-10px;
 
margin-left:-5px;
 
margin-left:-5px;
 
}
 
}
Line 124: Line 124:
 
#colorNav li.red{background-color:#f00000;color:#000000;}
 
#colorNav li.red{background-color:#f00000;color:#000000;}
 
#colorNav li.grey{background-color:#d3d3d3;color:#000000;}
 
#colorNav li.grey{background-color:#d3d3d3;color:#000000;}
 
+
</style>
<nav id="colorNav">
+
</html>
<ul>
+
<li class="green">
+
<a href="https://2016.igem.org/Team:UPMC-Paris"> HOME </a>
+
</li>
+
<li class="red">
+
<a href="#"> TEAM </a>
+
<ul>
+
<li><a href=" https://2016.igem.org/Team:UPMC-Paris/Team">Team</a></li>
+
<li><a href="#">Collaborations</a></li>
+
<!-- More dropdown options -->
+
</ul>
+
</li>
+
<li class="blue">
+
<a href="#"> PROJECT </a>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Description">Description</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Design">Design</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Experiments">Experiments</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Proof">Proof of Concept</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Demonstrate">Demonstrate</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Results">Results</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Notebook">Notebook</a></li>
+
<!-- More dropdown options -->
+
</ul>
+
</li>
+
<li class="yellow">
+
<a href="#"> PARTS </a>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Parts">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Basic_Part">Basic Parts</a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Composite_Part">Composite Parts </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Part_Collection">Part Collection </a></li>
+
<!-- More dropdown options -->
+
</ul>
+
</li>
+
<li class="pink">
+
<a href="https://2016.igem.org/Team:UPMC-Paris/Safety"> SAFETY </a>
+
</li>
+
                <li class="orange">
+
<a href="https://2016.igem.org/Team:UPMC-Paris/Attributions"> ATTRIBUTIONS </a>
+
</li>
+
<li class="brown"> <a href="#">HUMAN PRACTICES </a>
+
<ul>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Human_Practices"> Human Practices </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/HP/Silver">Silver </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/HP/Gold">Gold </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Integrated_Practices">Integrated Practices </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Engagement">Engagement </a></li>
+
                    </ul>
+
                </li>
+
                <li class="grey">
+
<a href="#"> AWARDS </a>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:UPMC-Paris/Entrepreneurship">Entrepreneurship </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Hardware">Hardware </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Software">Software </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Measurement"> Measurement </a></li>
+
<li> <a href="https://2016.igem.org/Team:UPMC-Paris/Model">Model </a></li>
+
 
+
<!-- More dropdown options -->
+
</ul>
+
</li>
+
 
+
<!-- More menu items -->
+
 
+
</ul>
+
</nav>
+

Revision as of 13:51, 3 August 2016