Difference between revisions of "Team:Heidelberg/Sandbox8"

(Blanked the page)
 
Line 1: Line 1:
{{Heidelberg/header}}
 
{{Heidelberg/navbar}}
 
<html>
 
<head>
 
  
<style>
 
* {
 
  box-sizing: border-box;
 
}
 
 
.contain {
 
  max-width: 1170px;
 
  margin-left: auto;
 
  margin-right: auto;
 
  padding: 1em;
 
}
 
@media (min-width: 600px) {
 
  .contain {
 
    padding: 0;
 
  }
 
}
 
 
 
input:focus,
 
textarea:focus {
 
  outline: 3px solid #9d1c20;
 
}
 
 
input,
 
textarea,
 
button {
 
  width: 100%;
 
  border: 1px solid #000;
 
}
 
 
    input[type="number"] {
 
        height: 2.8em !important;
 
    }
 
.form-wrapper {
 
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
 
}
 
.form-wrapper > * {
 
  padding: 1em;
 
}
 
@media (min-width: 700px) {
 
  .form-wrapper {
 
    display: grid;
 
    grid-template-columns: 1fr 2fr;
 
  }
 
  .form-wrapper > * {
 
    padding: 2em 2em;
 
  }
 
}
 
 
ul {
 
  list-style: none;
 
  padding: 0;
 
}
 
 
.form-description {
 
  background: #222;
 
}
 
.form-description > * {
 
  color: #fff !important;
 
    }
 
.form-description > ul li, .form-description > ol li {
 
  color: #fff !important;
 
    }
 
 
.form {
 
  background: #fff;
 
}
 
 
form {
 
  display: grid;
 
  grid-template-columns: 1fr 1fr;
 
  grid-gap: 20px;
 
}
 
form label {
 
  display: block;
 
    text-align: center !important;
 
}
 
form p {
 
  margin: 0;
 
}
 
 
.full-width {
 
  grid-column: 1 / 3;
 
}
 
 
button,
 
input,
 
textarea {
 
  padding: 1em;
 
}
 
 
button {
 
  background: #222;
 
  width: 100%;
 
  border: 0;
 
    color: white;
 
    font-size: 25px;
 
}
 
button:hover, button:focus {
 
  background: dimgrey;
 
  outline: 0;
 
    transition: all 1s ease;
 
}                       
 
 
 
</style>
 
</head>
 
<body>
 
<div class="page-title" style="padding-top: 100px;">
 
    <div class="t-container">
 
            <div class="t-col t-col_12">
 
               
 
    <div class="header-title heidelberg-orange">SafetyNet.</div><br>
 
    <div class="header-subtitle" style="white-space: pre-line;">Subtitle</div>
 
        </div>
 
       
 
    </div>
 
</div>
 
</div>
 
<div class="container" style="background-color: white;padding-top: 100px;">
 
<div class="col-lg-12 col-md-12 col-xs-12">
 
<div class="form-wrapper" style="margin-bottom: 50px;">
 
    <div class="form-description content">
 
      <h3>Enter your input sequence here &#8680;</h3>
 
 
  <p style="color: white !important">Paste a PROTEIN sequence in FASTA format</p>
 
    </div>
 
 
    <div class="form" id="first_input">
 
            <textarea id="blast_sequence"></textarea>
 
            <button id="blastit">Submit &#8680;</button>
 
                 
 
            </div>
 
 
                </div> 
 
<div class="form-wrapper" style="margin-bottom: 50px;">
 
    <div class="form-description">
 
        <h3>Enter your Request ID here &#8680;</h3>
 
                </div>
 
          <div class="form" id="second_input">     
 
            <textarea id="get_sequence"></textarea>
 
            <button id="hyperreference2">Submit &#8680;</button>
 
                 
 
            </div>
 
                        </div>
 
             
 
            <div class="form-wrapper">
 
    <div class="form-description">           
 
                  <h3>Enter NCBI Result here &#8680;</h3>
 
                </div> 
 
            <div class="form" id="third_input"> 
 
           
 
            <textarea id="get_safety"></textarea>
 
            <button id="hyperreference3">Submit &#8680;</button>
 
                 
 
            </div> 
 
                        </div> 
 
 
<div id="safety_table" style="overflow-x: auto !important"></div>
 
           
 
                        </div>
 
                       
 
 
</div>
 
 
 
</body>
 
</html>
 
{{Heidelberg/footer}}
 

Latest revision as of 18:03, 14 December 2017