Difference between revisions of "Template:Manchester/CSS1"

(Created page with "<html> <head> <style> body { background-color:#111; margin:10px;} →‎******************************** Hyperlink formitting*******************************: a:link {...")
 
m
Line 4: Line 4:
 
body {
 
body {
 
     background-color:#111;
 
     background-color:#111;
−
     margin:10px;}
+
     margin:15px;}
  
  
Line 30: Line 30:
  
 
/********************************* menu bar formatting ********************************/
 
/********************************* menu bar formatting ********************************/
−
menu_ul{
+
.dropdown{
 
     color: white;
 
     color: white;
 
     margin-top: -15px;
 
     margin-top: -15px;
Line 36: Line 36:
 
     background-color: white;
 
     background-color: white;
 
     position: fixed;
 
     position: fixed;
−
     top: 33px;
+
     top: 5px;
 +
    display:inline-block;
 
     width: 1200px;
 
     width: 1200px;
 
     font-size:20px;
 
     font-size:20px;
 +
    list-style-type: none;
 
}
 
}
  
−
menu_li {
+
.dropdown_content {
−
    display: inline-block;
+
−
    margin:2px;
+
 
     float: left;
 
     float: left;
−
     padding: 10px;
+
     display: block;
 
}
 
}
  
  
−
menu_li a {
+
.dropdown_content a{
 +
    display: block;
 
     color: green;
 
     color: green;
 
     text-align: center;
 
     text-align: center;
−
    padding: 10px 20px 10px 20px;
 
−
    text-decoration: none;
 
−
    border-radius: 4px 4px 0 0;
 
 
     text-decoration:none;
 
     text-decoration:none;
 +
    padding: 10px;
 
}
 
}
  
−
menu_li:hover:not(.active){
+
.dropdown_content a:hover:not(.active){
 
     color:white;
 
     color:white;
 
     background-color:purple;
 
     background-color:purple;
Line 65: Line 64:
  
 
.active {
 
.active {
−
     background-color: gold;
+
    float: left;
 +
    display: block;
 +
}
 +
 
 +
.active a{
 +
    display: block;
 +
    color: green;
 +
    text-align: center;
 +
    text-decoration:none;
 +
    padding: 10px;
 +
     background-color:gold;
 
}
 
}
  
Line 198: Line 207:
  
  
−
<menu_ul>
+
<ul class="dropdown">
−
   <menu_li class="active"><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></menu_li>
+
   <li class="active"><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></li>
−
   <menu_li><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a></menu_li>
+
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a></li>
−
   <menu_li><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a></menu_li>
+
   <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a></li>
  
−
</menu_ul>
+
</ul>
  
  

Revision as of 22:31, 15 July 2016