|
|
| Line 150: |
Line 150: |
| | | | |
| | | | |
| − | <!-- START JS and CSS for the Scrollbox --> | + | <!-- START Scrollbox --> |
| − | | + | |
| | <script type="text/javascript" src="https://2016.igem.org/Template:Team:TU_Darmstadt/Js? | | <script type="text/javascript" src="https://2016.igem.org/Template:Team:TU_Darmstadt/Js? |
| | action=raw&ctype=text/javascript"></script> | | action=raw&ctype=text/javascript"></script> |
| − |
| |
| − | <style>
| |
| − | .scrollbox {
| |
| − | z-index: 999;
| |
| − | -webkit-transition: top 1.5s;
| |
| − | transition: top 1.5s;
| |
| − | width: 13.6vw;
| |
| − | }
| |
| − |
| |
| − | .scrollbox div, .scrollbox button {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .scrollbox.scrolled {
| |
| − | position: fixed;
| |
| − | top: 70px;
| |
| − | bottom: auto;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (max-width: 800px) {
| |
| − |
| |
| − | body{
| |
| − | width:100%;
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | .vviki{
| |
| − | width:100%;
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | #HQ_page{
| |
| − | width:100%;
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | #head{
| |
| − | padding:0;
| |
| − | margin:0;
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − | .page {
| |
| − | width: 100%;
| |
| − | float: none;
| |
| − | margin-left:0;
| |
| − | margin-right:0;
| |
| − | }
| |
| − |
| |
| − | .page_full {
| |
| − | width: 100%;
| |
| − | float: none;
| |
| − | margin-left:0;
| |
| − | margin-right:0;
| |
| − | }
| |
| − |
| |
| − | .page > .abstract {
| |
| − | width: 90%;
| |
| − | }
| |
| − |
| |
| − | .abstract2{
| |
| − | width:80%;
| |
| − | }
| |
| − |
| |
| − | .right {
| |
| − | width: 100%;
| |
| − | float: none;
| |
| − | }
| |
| − |
| |
| − | .scrollbox {
| |
| − | width: 100%;
| |
| − | left: 0px;
| |
| − | right:0px;
| |
| − | background-color: whitesmoke;
| |
| − | box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
| |
| − | border:3px solid #019ac8;
| |
| − | border-radius:6px;
| |
| − | }
| |
| − |
| |
| − | .scrollbox.scrolled {
| |
| − | top: auto;
| |
| − | bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .scrollbox > div {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .back_top_full{
| |
| − | width:auto;
| |
| − | }
| |
| − |
| |
| − | .see_other_full{
| |
| − | width:auto;
| |
| − | }
| |
| − |
| |
| − | .highlights{
| |
| − | border:none;
| |
| − | }
| |
| − |
| |
| − | .banner{
| |
| − | width:100%;
| |
| − | margin:0;
| |
| − | }
| |
| − |
| |
| − | #banner{
| |
| − | width:100%;
| |
| − | margin:0;
| |
| − | }
| |
| − |
| |
| − | #title{
| |
| − | width:100%;
| |
| − | margin:0;
| |
| − | }
| |
| − | .navbar{
| |
| − | width:100%;
| |
| − | margin:0;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| | <!-- END Scrollbox --> | | <!-- END Scrollbox --> |
| | <style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style> | | <style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style> |
| | </head> | | </head> |
| | </html> | | </html> |
