Difference between revisions of "Team:Toronto/WetLab/Parts"

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
   <style>
 
   <style>
  * {
 
    box-sizing: border-box;
 
  }
 
 
    
 
    
  /* Center website */
 
 
   .main {
 
   .main {
 
     max-width: 1000px;
 
     max-width: 1000px;
 
     margin: auto;
 
     margin: auto;
  }
 
  h1 {
 
    font-size: 50px;
 
    line-height: 70px;
 
    word-break: break-all;
 
  }
 
  h3 {
 
    font-size: 40px;
 
    line-height: 45px;
 
    word-break: break-all;
 
    text-align: center;
 
    padding: 0px;
 
    margin-bottom: 0px;
 
  }
 
  h4 {
 
    font-size: 25px;
 
    line-height: 35px;
 
    word-break: break-all;
 
    text-align: center;
 
    padding: 0px;
 
 
   }
 
   }
 
    
 
    
   .row {
+
   table {
     margin: 8px -16px;
+
     font-family: arial, sans-serif;
 +
    border-collapse: collapse;
 +
    width: 100%;
 
   }
 
   }
 
    
 
    
   /* Add padding BETWEEN each column */
+
   td, th {
  .row,
+
    border: 1px solid #dddddd;
  .row > .column {
+
    text-align: left;
 
     padding: 8px;
 
     padding: 8px;
 
   }
 
   }
 
    
 
    
   /* Create four equal columns that floats next to each other */
+
   tr:nth-child(even) {
  .column15 {
+
     background-color: #dddddd;
    float: left;
+
    width: 15%;
+
  }
+
  .column20 {
+
    float: left;
+
    width: 20%;
+
  }
+
  .column10 {
+
    float: left;
+
    width: 10%;
+
  }
+
  .column40 {
+
    float: left;
+
    width: 40%;
+
  }
+
 
+
  /* Clear floats after rows */
+
  .row:after {
+
    content: "";
+
    display: table;
+
    clear: both;
+
  }
+
 
+
  /* Content */
+
  .content {
+
     background-color: white;
+
    padding: 10px;
+
    border-style: solid;
+
 
   }
 
   }
 
</style>
 
</style>
Line 82: Line 31:
 
     <hr>
 
     <hr>
 
     <h2>Supervisors:</h2>
 
     <h2>Supervisors:</h2>
     <div class="row">
+
     <table>
       <div class="column15">
+
       <tr>
         <div class="content">
+
         <th>Name</th>
          <p>
+
         <th>Part number</th>
            Name
+
         <th>Type</th>
          </p>
+
         <th>Length (bps)</th>
         </div>
+
         <th>Function</th>
      </div>
+
         <th>UNS</th>
      <div class="column15">
+
       </tr>
         <div class="content">
+
       <tr>
          <p> 
+
         <th>Name</th>
            Part number
+
         <th>Part number</th>
          </p>
+
         <th>Type</th>
         </div>
+
         <th>Length (bps)</th>
      </div>
+
         <th>Function</th>
      <div class="column10">
+
         <th>UNS</th>
         <div class="content">
+
       </tr>
          <p> 
+
       <tr>
            Type
+
         <th>Name</th>
          </p>
+
         <th>Part number</th>
         </div>
+
         <th>Type</th>
       </div>
+
        <th>Length (bps)</th>
       <div class="column10">
+
         <th>Function</th>
         <div class="content">
+
         <th>UNS</th>
          <p> 
+
       </tr>
            Length (bps)
+
     </table>
          </p>
+
         </div>
+
      </div>
+
      <div class="column40">
+
         <div class="content">
+
          <p> 
+
            Function
+
          </p>
+
         </div>
+
      </div>
+
      <div class="column10">
+
         <div class="content">
+
          <p> 
+
            UNS
+
          </p>
+
         </div>
+
      </div>
+
       <!-- END GRID -->
+
    </div>
+
   
+
    <div class="row">
+
       <div class="column">
+
         <div class="content">
+
          <p>
+
            Name
+
          </p>
+
         </div>
+
      </div>
+
      <div class="column2">
+
         <div class="content">
+
          <p>
+
            Assistant Professor </br>
+
            Pardee Lab Principal Investigator </br>
+
            Leslie Dan Faculty of Pharmacy</br>
+
            University of Toronto</br>
+
          </p>
+
         </div>
+
      </div>
+
      <div class="column3">
+
         <div class="content">
+
        </div>
+
       </div>
+
      <!-- END GRID -->
+
     </div>
+
    <!-- END MAIN -->
+
 
   </div>
 
   </div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:38, 17 October 2018

Submitted parts


Supervisors:

Name Part number Type Length (bps) Function UNS
Name Part number Type Length (bps) Function UNS
Name Part number Type Length (bps) Function UNS