Difference between revisions of "Team:UC San Diego/Interlab"

Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
<style>
+
<link rel="stylesheet" href="https://2015.igem.org/Team:UC_San_Diego/table-style.css?action=raw&amp;ctype=text/css">
div.table-title {
+
  display: block;
+
  margin: auto;
+
  max-width: 600px;
+
  padding:5px;
+
  width: 100%;
+
}
+
 
+
.table-title h3 {
+
  color: #fafafa;
+
  font-size: 30px;
+
  font-weight: 400;
+
  font-style:normal;
+
  font-family: "Roboto", helvetica, arial, sans-serif;
+
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
+
  text-transform:uppercase;
+
}
+
 
+
 
+
/*** Table Styles **/
+
 
+
.table-fill {
+
  background: white;
+
  border-radius:3px;
+
  border-collapse: collapse;
+
  height: 320px;
+
  margin: auto;
+
  max-width: 600px;
+
  padding:5px;
+
  width: 100%;
+
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
+
  animation: float 5s infinite;
+
}
+
+
th {
+
  color:#D5DDE5;;
+
  background:#0f155a;
+
  border-bottom:1px solid #9ea7af;
+
  border-right: 1px solid #343a45;
+
  font-size:20px;
+
  font-weight: 100;
+
  padding:20px;
+
  text-align:left;
+
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+
  vertical-align:middle;
+
}
+
 
+
th:first-child {
+
  border-top-left-radius:3px;
+
}
+
+
th:last-child {
+
  border-top-right-radius:3px;
+
  border-right:none;
+
}
+
 
+
tr {
+
  border-top: 1px solid #C1C3D1;
+
  border-bottom-: 1px solid #C1C3D1;
+
  color:#666B85;
+
  font-size:16px;
+
  font-weight:normal;
+
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
+
}
+
+
tr:hover td {
+
  background:#4E5066;
+
  color:#FFFFFF;
+
  border-top: 1px solid #22262e;
+
  border-bottom: 1px solid #22262e;
+
}
+
+
tr:first-child {
+
  border-top:none;
+
}
+
 
+
tr:last-child {
+
  border-bottom:none;
+
}
+
+
tr:nth-child(odd) td {
+
  background:#EBEBEB;
+
}
+
+
tr:nth-child(odd):hover td {
+
  background:#4E5066;
+
}
+
 
+
tr:last-child td:first-child {
+
  border-bottom-left-radius:3px;
+
}
+
+
tr:last-child td:last-child {
+
  border-bottom-right-radius:3px;
+
}
+
+
td {
+
  background:#FFFFFF;
+
  padding:20px;
+
  text-align:left;
+
  vertical-align:middle;
+
  font-weight:300;
+
  font-size:18px;
+
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
+
  border-right: 1px solid #C1C3D1;
+
}
+
 
+
td:last-child {
+
  border-right: 0px;
+
}
+
 
+
th.text-left {
+
  text-align: left;
+
}
+
 
+
th.text-center {
+
  text-align: center;
+
}
+
 
+
th.text-right {
+
  text-align: right;
+
}
+
 
+
td.text-left {
+
  text-align: left;
+
}
+
 
+
td.text-center {
+
  text-align: center;
+
}
+
 
+
td.text-right {
+
  text-align: right;
+
}
+
</style>
+
 
+
 
</head>
 
</head>
  

Revision as of 05:01, 4 August 2015

Interlab

Donec dignissim, enim vitae dapibus aliquam, enim tellus dignissim purus, a interdum felis tellus vel felis.

Interlab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.

Data Table

One Two Three
1 2 3 1 2 3 1 2 3
Dev1 12345 12345 12345 12345 12345 12345 12345 12345 12345
Dev2 # # # # # # # # #
Dev3 # # # # # # # # #
Neg # # # # # # # # #
Pos # # # # # # # # #
image here

[Plasmid Diagram]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.
image here?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu suscipit lectus. Pellentesque ut risus rhoncus, congue tortor at, aliquam augue. Vestibulum ex mi, varius quis sollicitudin at, blandit ac lorem. Vivamus mattis sapien turpis, in fringilla nulla cursus id. Vestibulum vestibulum velit et accumsan aliquet. Aenean nulla justo, scelerisque id pulvinar eu, fringilla et nisl. Cras sapien magna, tincidunt in sapien et, sagittis sodales lacus. Praesent a ex ut augue fringilla interdum.