Difference between revisions of "Team:CHINA CD UESTC/Protocol"
| Line 40: | Line 40: | ||
} | } | ||
| + | /*********green button***********/ | ||
| + | .button{ | ||
| + | width: 140px; | ||
| + | line-height: 38px; | ||
| + | text-align: center; | ||
| + | font-weight: bold; | ||
| + | color: #fff; | ||
| + | text-shadow:1px 1px 1px #333; | ||
| + | border-radius: 5px; | ||
| + | margin:0 20px 20px 0; | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .button.green{ | ||
| + | border:1px solid #64c878; | ||
| + | box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset; | ||
| + | background: -webkit-linear-gradient(top,#90dfa2,#84d494); | ||
| + | background: -moz-linear-gradient(top,#90dfa2,#84d494); | ||
| + | background: linear-gradient(top,#90dfa2,#84d494); | ||
| + | } | ||
| + | .green.larrow:before{ | ||
| + | background: #64C878; | ||
| + | } | ||
| + | .green.larrow:after{ | ||
| + | box-shadow: 0 -1px 0 #6C9F76 inset,0 -2px 0 #B9ECC4 inset,1px 0 0 #B9ECC4 inset; | ||
| + | background:-webkit-linear-gradient(top left,#90DFA2,#84D494); | ||
| + | background:-moz-linear-gradient(top left,#90DFA2,#84D494); | ||
| + | background:linear-gradient(top left,#90DFA2,#84D494); | ||
| + | } | ||
| + | |||
| + | /***green button over*/ | ||
table.tftable {font-size:12px;color:#333333;width:90%;border-width: 1px;border-color: #bcaf91;border-collapse: collapse;} | table.tftable {font-size:12px;color:#333333;width:90%;border-width: 1px;border-color: #bcaf91;border-collapse: collapse;} | ||
table.tftable th {font-size:12px;background-color:#ded0b0;border-width: 1px;padding: 8px;border-style: solid;border-color: #bcaf91;text-align:left;} | table.tftable th {font-size:12px;background-color:#ded0b0;border-width: 1px;padding: 8px;border-style: solid;border-color: #bcaf91;text-align:left;} | ||
| Line 115: | Line 146: | ||
<div class="leftside"> | <div class="leftside"> | ||
<ul> | <ul> | ||
| − | <li><button onclick="showprot('#prot1')">Heat Shock Transformation</button> </li> | + | <li><button class="button green larrow" onclick="showprot('#prot1')">Heat Shock Transformation</button> </li> |
| − | <li><button onclick="showprot('#prot2')">CaCl2 Competent Cells</button></li> | + | <li><button class="button green larrow" onclick="showprot('#prot2')">CaCl2 Competent Cells</button></li> |
| − | <li><button onclick="showprot('#prot3')">Glycerol Stocks</button></li> | + | <li><button class="button green larrow" onclick="showprot('#prot3')">Glycerol Stocks</button></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Revision as of 23:32, 20 August 2015
<!DOCTYPE html>
PROTOCOL
We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.