Line 1,437: | Line 1,437: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
+ | |||
+ | <!-- START JS and CSS for the Scrollbox --> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(window).scroll(function(e) { | $(window).scroll(function(e) { | ||
Line 1,457: | Line 1,461: | ||
} | } | ||
</script> | </script> | ||
+ | |||
+ | <style> | ||
+ | .scrollbox { | ||
+ | z-index: 999; | ||
+ | } | ||
+ | |||
+ | .scrollbox.scrolled { | ||
+ | position: fixed; | ||
+ | top: 50px; | ||
+ | bottom: auto; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 800px) { | ||
+ | .page { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .page > .abstract { | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | .right { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .scrollbox { | ||
+ | width: 100%; | ||
+ | left: 0px; | ||
+ | background-color: whitesmoke; | ||
+ | } | ||
+ | |||
+ | .scrollbox.scrolled { | ||
+ | top: auto; | ||
+ | bottom: 0; | ||
+ | } | ||
+ | |||
+ | .scrollbox > div { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- 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> |
Revision as of 14:56, 5 October 2016