Difference between revisions of "Team:Heidelberg/Toolbox"
Lukas Adam (Talk | contribs) |
Lukas Adam (Talk | contribs) |
||
| Line 3: | Line 3: | ||
<html> | <html> | ||
<style> | <style> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.getPlasmidButton{ | .getPlasmidButton{ | ||
| − | + | max-width: 400px; | |
text-align: center; | text-align: center; | ||
border-radius:15px; | border-radius:15px; | ||
| − | padding: 25px 20px | + | padding: 25px 20px 25px 20px; |
background-color: #9d1c20; | background-color: #9d1c20; | ||
opacity: 1; | opacity: 1; | ||
| + | margin: 20px auto !important; | ||
| + | font-size: 50px !important; | ||
| + | line-height: 50px !important; | ||
| + | border: 3px solid #9d1c20; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
font-weight: 400 !important; | font-weight: 400 !important; | ||
| − | + | ||
-webkit-transition: background-color 0.25s, color 0.25s; /* Safari */ | -webkit-transition: background-color 0.25s, color 0.25s; /* Safari */ | ||
transition: background-color 0.25s, color 0.25s; | transition: background-color 0.25s, color 0.25s; | ||
| Line 28: | Line 23: | ||
.getPlasmidButton:hover{ | .getPlasmidButton:hover{ | ||
background-color: #ffffff; | background-color: #ffffff; | ||
| + | |||
color: #9d1c20 !important; | color: #9d1c20 !important; | ||
cursor:pointer; | cursor:pointer; | ||
| Line 116: | Line 112: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="t-container input-form" style="position: relative;top: 20px;"> | + | <div class="t-container input-form" style="position: relative; top: 20px;"> |
<h2 style="text-align: center; color:#6698BE !important; font-weight: 400 !important ">Plasmid</h2> | <h2 style="text-align: center; color:#6698BE !important; font-weight: 400 !important ">Plasmid</h2> | ||
<div class="t-col t-col_4"> | <div class="t-col t-col_4"> | ||
| − | <h3>Resistance & Ori </h3> | + | <h3>Resistance & Ori </h3> |
<input name="input_origin" value="origin" type="hidden"> | <input name="input_origin" value="origin" type="hidden"> | ||
<select required id="input_origin_select" style="width: 100%;"> | <select required id="input_origin_select" style="width: 100%;"> | ||
| Line 144: | Line 140: | ||
| − | <div class="t-container input-form" style="position: relative;top: | + | <div class="t-container input-form content" style="position: relative;top: 40px;text-alin: center !important"> |
| − | <h2 style="text-align: center; color: #ffd200!important;font-weight: 400 !important ">Activator & Promoter</h2> | + | <h2 style="text-align: center; color: #ffd200!important;font-weight: 400 !important ">Activator & Promoter</h2> |
| − | + | Choose on of our sequences or upload your own | |
| − | + | ||
<div class="t-col t-col_12"> | <div class="t-col t-col_12"> | ||
<input name="promotor" id="input_promotor" value="Promoter" type="hidden"> | <input name="promotor" id="input_promotor" value="Promoter" type="hidden"> | ||
| Line 154: | Line 150: | ||
</select> | </select> | ||
</div> | </div> | ||
| − | + | ||
| − | + | ||
<div class="t-col t-col_12"> | <div class="t-col t-col_12"> | ||
<div id="input_promotor_upload" style="visibility:visible;display:none"> | <div id="input_promotor_upload" style="visibility:visible;display:none"> | ||
<input type="file" id="input_promotor_file" style="visibility:visible;display:inline-block; margin-bottom:20px;" id="input_promotor_upload" name="files[]" | <input type="file" id="input_promotor_file" style="visibility:visible;display:inline-block; margin-bottom:20px;" id="input_promotor_upload" name="files[]" | ||
multiple/> | multiple/> | ||
| − | + | ||
<br/> | <br/> | ||
<input name="" id="input_overlaps_promotor_upload" value="true" type="checkbox" border="0"> | <input name="" id="input_overlaps_promotor_upload" value="true" type="checkbox" border="0"> | ||
| Line 176: | Line 172: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
</div> | </div> | ||
| − | <div class="t-container input-form" style="position: relative;top: | + | <div class="t-container input-form" style="position: relative;top: 60px;text-align: center !important"> |
<h2 style="text-align: center; color:#f8991d !important; font-weight: 400 !important ">Additional sequence</h2> | <h2 style="text-align: center; color:#f8991d !important; font-weight: 400 !important ">Additional sequence</h2> | ||
| − | + | Choose on of our sequences or upload your own | |
<div class="t-row"> | <div class="t-row"> | ||
<div class="t-col t-col_12"> | <div class="t-col t-col_12"> | ||
| Line 221: | Line 217: | ||
<div style="padding-top: 80px;padding-bottom: 80px; background-color: #222;"> | <div style="padding-top: 80px;padding-bottom: 80px; background-color: #222;"> | ||
<div class="t-container" style="position: relative;background-color: white; border-radius: 10px;"> | <div class="t-container" style="position: relative;background-color: white; border-radius: 10px;"> | ||
| − | + | <div class="getPlasmidButton" onclick="submit_p1()">Create Plasmid</div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<div class="t-row" style="display:none" id="results_area" style="min-height:600px !important"> | <div class="t-row" style="display:none" id="results_area" style="min-height:600px !important"> | ||
<div class="t-col t-col_6"> | <div class="t-col t-col_6"> | ||
Revision as of 19:59, 26 October 2017
Create Plasmid
