|
|
| Line 1: |
Line 1: |
| - | {{:Team:Heidelberg/Templates/MainTemplate}}
| |
| - | {{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}}
| |
| - | {{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstraptheme}}
| |
| - | {{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/overrides}}
| |
| - | {{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/jquery}}
| |
| - | {{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/bootstrapjs}}
| |
| - | {{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/wikipage}}
| |
| - | <html>
| |
| - | <style type="text/css">
| |
| - | #myContainer {
| |
| - | padding:0;
| |
| - | background-color: black;
| |
| - | background-image: url(/wiki/images/6/6a/Heidelberg_epic_background.jpg);
| |
| - | background-repeat: no-repeat;
| |
| - | background-size: 100% auto;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #light:hover {
| |
| - | color: #FF7E25;
| |
| - | }
| |
| - |
| |
| - | .main {
| |
| - | margin-top: 25px;
| |
| - | }
| |
| - |
| |
| - | .middle {
| |
| - | font-size: 3em;
| |
| - | }
| |
| - |
| |
| - | .large {
| |
| - | font-size: 5em;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - |
| |
| - | /* Enlarge Icons on hover */
| |
| - | .toolbox-icon:hover {
| |
| - | transform: scale(1.15);
| |
| - | -webkit-transform: scale(1.15);
| |
| - | -moz-transform: scale(1.15);
| |
| - | -o-transform: scale(1.15);
| |
| - | -ms-transform: scale(1.15);
| |
| - | }
| |
| - |
| |
| - | .toolbox-icon {
| |
| - | transition:transform 0.15s ease;
| |
| - | -webkit-transition:-webkit-transform 0.15s ease;
| |
| - | -moz-transition:-moz-transform 0.15s ease;
| |
| - | -o-transition:-o-transform 0.15s ease;
| |
| - | }
| |
| - |
| |
| - | .ringbox{
| |
| - | width: 750px;
| |
| - | height: 600px;
| |
| - | /*
| |
| - | background-image:url('/wiki/images/d/dc/Ring_Project.png');
| |
| - | background-size: 550px;
| |
| - | background-repeat: no-repeat;
| |
| - | */
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .abstract-special {
| |
| - | color: white;
| |
| - | }
| |
| - |
| |
| - | .abstract-special span {
| |
| - | margin-top: 10px;
| |
| - | margin-bottom: 10px;
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | .abstract-special img {
| |
| - | height: 15px;
| |
| - | }
| |
| - |
| |
| - | .toolbox-icon {
| |
| - | height: 70px;
| |
| - | position: absolute;
| |
| - | top:-45px;
| |
| - | left:-35px;
| |
| - | }
| |
| - |
| |
| - | #ring-background {
| |
| - | position:absolute;
| |
| - | top:0;
| |
| - | left:0;
| |
| - | width: 450px;
| |
| - | height: auto;
| |
| - | }
| |
| - |
| |
| - | .descr-box {
| |
| - | width: 250px;
| |
| - | height: 100px;
| |
| - | position: absolute;
| |
| - | }
| |
| - |
| |
| - | .descr-box h3 {
| |
| - | margin-top: 10px;
| |
| - | margin-bottom: 0;
| |
| - | text-align: right;
| |
| - | }
| |
| - |
| |
| - | .descr-box div {
| |
| - | border-left: solid white 2px;
| |
| - | border-bottom: solid white 2px;
| |
| - | }
| |
| - |
| |
| - | .descr-box span {
| |
| - | margin-left: 40px;
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | #circ-box {
| |
| - | right: 0;
| |
| - | top: 80px;
| |
| - | }
| |
| - |
| |
| - | #oligo-box {
| |
| - | right: 25px;
| |
| - | top: 200px;
| |
| - | }
| |
| - |
| |
| - | #fusion-box {
| |
| - | right: 85px;
| |
| - | top: 300px;
| |
| - | }
| |
| - |
| |
| - | #onoff-box {
| |
| - | right: 180px;
| |
| - | top: 390px;
| |
| - | }
| |
| - |
| |
| - | #purification-box {
| |
| - | left: 190px;
| |
| - | top: 465px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <div id="myContainer" class="container">
| |
| - | </html>
| |
| - | {{:Team:Heidelberg/Templates/BootstrapNav|
| |
| - | red=|
| |
| - | white=true|
| |
| - | red-logo=true|
| |
| - | white-logo=|
| |
| - | header-bg=|
| |
| - | header-img=|
| |
| - | title=
| |
| - | }}
| |
| - | <html>
| |
| - | <div class="container main" style="color: white;">
| |
| - | <div id="abstract-dropdown" class="row abstract-special dark-grey">
| |
| - | <div class="col-lg-offset-1 col-lg-2">
| |
| - | <h4><img src="/wiki/images/7/70/Heidelberg_Abstract-dropdown.png"/> Abstract</h4>
| |
| - | </div>
| |
| - | <div class="col-lg-9">
| |
| - | <span>Click to read full abstract</span>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="ringbox">
| |
| - | <img src="/wiki/images/d/dc/Ring_Project.png" id="ring-background" />
| |
| - | <div id="circ-box" class="descr-box"><img src="/wiki/images/5/58/Heidelberg_Toolbox_Circularization.png" id="circ-icon" class="toolbox-icon"/><div><h3>CIRCULARIZATION</h3></div><span>Create a linker with our crowd computing <a href="/Team:Heidelberg/Software/Linker-Software">software</a> and make your protein heat stable</span></div>
| |
| - | <div id="oligo-box" class="descr-box"><img src="/wiki/images/4/40/Oligomerization.png" id="oligo-icon" class="toolbox-icon"/><div><h3>OLIGOMERIZATION</h3></div><span>Fuse multiple Proteins or Domains using Inteins</span></div>
| |
| - | <div id="fusion-box" class="descr-box"><img src="/wiki/images/8/87/Heidelberg_Toolbox_Fusion.png" id="fusion-icon" class="toolbox-icon"/><div><h3>FUSION</h3></div><span>Fuse two Proteins or Domains together using Inteins</span></div>
| |
| - | <div id="onoff-box" class="descr-box"><img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon"/><div><h3>ON/OFF</h3></div><span>Activate or deactivate Proteins using Inteins</span></div>
| |
| - | <div id="purification-box" class="descr-box"><img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon"/><div><h3>PURIFICATION</h3></div><span></span></div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | </html>
| |
| | {{:Team:Heidelberg/Templates/MainTemplate}} | | {{:Team:Heidelberg/Templates/MainTemplate}} |
| | {{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}} | | {{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}} |
"
Abstract
