Difference between revisions of "Team:Uppsala/Parts"

Line 20: Line 20:
 
body {
 
body {
 
background-color: #FFFFFF;
 
background-color: #FFFFFF;
padding: 0 15%;
+
/*padding: 0 15%;*/
 
}
 
}
  
Line 60: Line 60:
 
}
 
}
 
*/
 
*/
/* What are these for?*/
 
.grid-container{
 
  max-width: 600px;
 
  min-height: 10%;
 
  background-color: #c7c7c7;
 
  margin: 0 auto;
 
  text-align: justify;
 
}
 
 
.grid-container:after{
 
  content:'';
 
  display: inline-block;
 
  width: 100%;
 
}
 
 
.grid-item{
 
  width: 25%;
 
  min-width: 50px;
 
  display: inline-block;
 
  vertical-align: top;
 
  height: 125px;
 
  background-color: #ff3819;
 
  margin-bottom: 20px;
 
  margin-top: 25px;
 
}
 
  
  
Line 129: Line 104:
 
nav ul {  
 
nav ul {  
 
     background-color: #A5A5C1;
 
     background-color: #A5A5C1;
        background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
+
    /*background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
     background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
+
     background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);*/
 
     font-family: serif;
 
     font-family: serif;
 
     text-align: center;
 
     text-align: center;
        list-style: none;
+
    list-style: none;
 
      
 
      
 
     padding: 0 15px;
 
     padding: 0 15px;
Line 139: Line 114:
 
}
 
}
 
nav > ul {
 
nav > ul {
     margin-top: 0px;
+
     margin-top: 10px;
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
Line 149: Line 124:
 
/*Only affects links in the first ul, the bar*/
 
/*Only affects links in the first ul, the bar*/
 
nav ul li:hover > a{  
 
nav ul li:hover > a{  
        background-color: #4b545f;
 
 
     color: #CC0000;
 
     color: #CC0000;
        text-decoration: none;
+
    text-decoration: none;
 
     background-color: #A5A5C1;
 
     background-color: #A5A5C1;
 
}
 
}
Line 160: Line 134:
 
     padding: 2px 15px;  
 
     padding: 2px 15px;  
 
     text-decoration: none;
 
     text-decoration: none;
        color: white;
+
    color: white;
 
}
 
}
 
/*List of sub-menus*/
 
/*List of sub-menus*/
Line 168: Line 142:
 
     padding: 0;
 
     padding: 0;
 
     position: absolute;  
 
     position: absolute;  
        top: 100%;
+
    top: 100%;
 
}
 
}
 
/*The individual sub-menu elements*/
 
/*The individual sub-menu elements*/
Line 198: Line 172:
 
}
 
}
  
#footer {
 
        background: #d3dfe4
 
       
 
}
 
  
 
</style>
 
</style>
Line 214: Line 184:
 
   <li class="listelem"><a href="#">Project
 
   <li class="listelem"><a href="#">Project
 
       <ul>
 
       <ul>
     <a href="https://2015.igem.org/Team:Uppsala/Description"><li>Description</li></a>
+
     <li><a href="https://2015.igem.org/Team:Uppsala/Description">Description</a></li
     <a href="https://2015.igem.org/Team:Uppsala/Experiments"><li>Experiments &amp; Protocols</li></a>   
+
     <li><a href="https://2015.igem.org/Team:Uppsala/Experiments">Experiments &amp; Protocols</a><li>   
     <a href="https://2015.igem.org/Team:Uppsala/Results"><li>Results</li></a>   
+
     <li><a href="https://2015.igem.org/Team:Uppsala/Results">Results</a></li>   
     <a href="https://2015.igem.org/Team:Uppsala/Design"><li>Design</li></a>
+
     <li><a href="https://2015.igem.org/Team:Uppsala/Design">Design</a></li>
 
       </ul>
 
       </ul>
 
   </a></li>
 
   </a></li>
Line 240: Line 210:
  
  
 
+
     <div id=main">
     <h1 class="header">Title</h1>
+
     <h1 class="header">Parts</h1>
     <h2 class="header">subtitle</h2>
+
 
     <hr>
 
     <hr>
 
     <p>
 
     <p>
Line 250: Line 219:
 
     <hr>
 
     <hr>
 
     </div>
 
     </div>
 
<div id="footer">
 
Copyright © Wiki Team
 
</div>
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 08:23, 30 July 2015

Parts


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum elit nec lectus varius posuere. Vivamus vitae eros luctus, volutpat ipsum nec, mattis turpis. Suspendisse at volutpat augue. Duis nec sem nec mi rutrum fringilla. Donec et ligula nibh. Morbi non tincidunt diam. Integer hendrerit ut lorem a ullamcorper. Nulla facilisi. Etiam at dignissim velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent leo tortor, facilisis eu augue sed, fringilla hendrerit nisl. Nunc lacus orci, placerat ac imperdiet a, tristique vel quam. Etiam lorem purus, suscipit nec congue eget, efficitur et urna.