Difference between revisions of "Team:CU Boulder/Parts"

Line 2: Line 2:
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 +
<style>
 +
body{
 +
width: 780px;
 +
}
 +
h2 {
 +
    font-size: 35px;
 +
}
 +
h1, h2 {
 +
    color: #32639a;
 +
    font-family: "Times New Roman",Times,serif;
 +
    font-weight: normal;
 +
    margin: 0;
 +
    padding: 0;
 +
border-bottom: 0 none;
 +
margin-bottom: 10px;
 +
}
 +
table{
 +
width:100%;
 +
border-collapse:collapse;
 +
margin-left: 50px;
 +
/*table-layout: fixed;*/
 +
}
 +
table tr:nth-child(1){
 +
background-color: grey;
 +
color: white;
 +
        -moz-border-radius: 15px;
 +
        border-radius: 15px 15px 5px 5px;
 +
        border: 2px solid black;
 +
}
 +
/*table td{
 +
padding:7px; border:#4e95f4 1px solid;
 +
}*/
 +
/* provide some minimal visual accomodation for IE8 and below */
 +
table tr{
 +
background: #b8d1f3;
 +
}
 +
th {
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
font-size: 20px;
 +
text-align: left;
 +
padding-left: 7px;
 +
}
 +
 +
 +
td:nth-child(1),
 +
th:nth-child(1){
 +
  width: 180px;
 +
}
 +
td:nth-child(2),
 +
th:nth-child(2){
 +
  width: 100px;
 +
}
 +
td:nth-child(3),
 +
th:nth-child(3){
 +
  width: 275px;
 +
}
 +
td:nth-child(4),
 +
th:nth-child(4){
 +
  width: 50px;
 +
}
 +
 +
 +
/************** Table 1 ****************/
 +
/*  Define the background color for all the ODD background rows  */
 +
.table1 tr:nth-child(odd){
 +
background: #B9D1AA;
 +
}
 +
/*  Define the background color for all the EVEN background rows  */
 +
.table1 tr:nth-child(even){
 +
background: #DAE8D5;
 +
}
 +
.table1 tr:nth-child(1){
 +
background-color: #74A84D;
 +
border-color: #74A84D;
 +
}
 +
.table1 td{
 +
padding:7px; border:#74A84D 1px solid;
 +
}
 +
 +
/************** Table 2 ****************/
 +
/*  Define the background color for all the ODD background rows  */
 +
.table2 tr:nth-child(odd){
 +
background: #AFCCBE;
 +
}
 +
/*  Define the background color for all the EVEN background rows  */
 +
.table2 tr:nth-child(even){
 +
background: #D7E4DD;
 +
}
 +
.table2 tr:nth-child(1){
 +
background-color: #5B9875;
 +
border-color: #5B9875;
 +
}
 +
.table2 td{
 +
padding:7px; border:#5B9875 1px solid;
 +
}
 +
 +
/************** Table 3 ****************/
 +
/*  Define the background color for all the ODD background rows  */
 +
.table3 tr:nth-child(odd){
 +
background: #AFCDD6;
 +
}
 +
/*  Define the background color for all the EVEN background rows  */
 +
.table3 tr:nth-child(even){
 +
background: #D8E5DF;
 +
}
 +
.table3 tr:nth-child(1){
 +
background-color: #3F7A90;
 +
border-color: #3F7A90;
 +
}
 +
.table3 td{
 +
padding:7px; border:#3F7A90 1px solid;
 +
}
 +
 +
 +
/************** Table 4 ****************/
 +
/*  Define the background color for all the ODD background rows  */
 +
.table4 tr:nth-child(odd){
 +
background: #B8DFF6;
 +
}
 +
/*  Define the background color for all the EVEN background rows  */
 +
.table4 tr:nth-child(even){
 +
background: #DEEEF9;
 +
}
 +
.table4 tr:nth-child(1){
 +
background-color: #5B9DC4;
 +
border-color: #5B9DC4;
 +
}
 +
.table4 td{
 +
padding:7px; border:#5B9DC4 1px solid;
 +
}
 +
 +
</style>
 +
 +
 
</head>
 
</head>
 
<body>
 
<body>
Line 7: Line 142:
 
  <article>
 
  <article>
 
<h1>Parts</h1>
 
<h1>Parts</h1>
−
   
+
  <h2>Team Parts</h2>
−
+
<table class= "table1">
 +
    <tr><th>Name</th><th>Type</th><th>Description</th><th>Length</th></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
</table>
  
 +
<br /><br />
 +
<h2>Basic Parts</h2>
 +
<table class= "table2">
 +
    <tr><th>Name</th><th>Type</th><th>Description</th><th>Length</th></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
</table>
  
 +
<br /><br />
 +
<h2>Composite Parts</h2>
 +
<table class= "table3">
 +
    <tr><th>Name</th><th>Type</th><th>Description</th><th>Length</th></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
</table>
 +
 +
<br /><br />
 +
<h2>Parts Collection</h2>
 +
<table class= "table4">
 +
    <tr><th>Name</th><th>Type</th><th>Description</th><th>Length</th></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
<tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
 +
</table>
 +
  
 
</article>
 
</article>

Revision as of 14:45, 19 July 2015


<!DOCTYPE html> Team:CU_Boulder - 2015.igem.org

Parts

Team Parts

NameTypeDescriptionLength
TextTextTextText
TextTextTextText
TextTextTextText
TextTextTextText


Basic Parts

NameTypeDescriptionLength
TextTextTextText
TextTextTextText
TextTextTextText
TextTextTextText


Composite Parts

NameTypeDescriptionLength
TextTextTextText
TextTextTextText
TextTextTextText
TextTextTextText


Parts Collection

NameTypeDescriptionLength
TextTextTextText
TextTextTextText
TextTextTextText
TextTextTextText
Team:CU-Boulder - 2015.igem.org