Difference between revisions of "Template:Freiburg/wiki content start"

Line 1: Line 1:
 
<html>
 
<html>
−
 
−
<style>
 
−
 
−
/* upwards navigation blob */
 
−
 
−
#upwards_blob{
 
−
    display: none;
 
−
}
 
−
 
−
/* min-width is chosen so the blob does just not interfere with the content box */
 
−
/* 1021 content_box-width + 46 blob-width + 20 scrollbar + some buffer space */
 
−
@media screen and (min-width: 1144px){
 
−
    #upwards_blob{
 
−
        transition: transform 0.5s ease;
 
−
        display: block;
 
−
        position: absolute;
 
−
        right: -100px;
 
−
        top: 320px;
 
−
    }
 
−
}
 
−
 
−
</style>
 
  
 
<script>
 
<script>
Line 41: Line 19:
 
     if (y <  60) {
 
     if (y <  60) {
 
     console.log('lower');
 
     console.log('lower');
−
     $blob.css({"top": y , "transform": "translateX(0)"}); // = 30 px under bottom
+
     $blob.css({"top": y + $window.height() -30, "transform": "translateX(0)"}); // = 30 px under bottom
 
   }
 
   }
  
Line 48: Line 26:
 
       if (y <($pageheight-100)) {
 
       if (y <($pageheight-100)) {
 
         console.log('middle');
 
         console.log('middle');
−
         $blob.css({"top": y , "transform": "translateX(-130px)"}); // = 30 px from bottom
+
         $blob.css({"top": y + $window.height() -30 , "transform": "translateX(-130px)"}); // = 30 px from bottom
 
       }
 
       }
 
     }
 
     }
Line 172: Line 150:
 
<div class="content_background_wrapper">
 
<div class="content_background_wrapper">
 
<div class="central_position_wrap">
 
<div class="central_position_wrap">
−
  <div id="upwards_blob"><a href="#header"><img src="https://static.igem.org/mediawiki/2015/9/93/Freiburg_upwards_blob.png"></a></div>
 
 
<div class="background_image_left"><img src="https://static.igem.org/mediawiki/2015/8/85/Freiburg_wiki_background_2_parted_left.png"></div>
 
<div class="background_image_left"><img src="https://static.igem.org/mediawiki/2015/8/85/Freiburg_wiki_background_2_parted_left.png"></div>
 
<div class="background_image_right"><img src="https://static.igem.org/mediawiki/2015/f/f4/Freiburg_wiki_background_2_parted_right.png"></div>
 
<div class="background_image_right"><img src="https://static.igem.org/mediawiki/2015/f/f4/Freiburg_wiki_background_2_parted_right.png"></div>
 
<div class="page_content">
 
<div class="page_content">
 
</html>
 
</html>

Revision as of 06:39, 8 September 2015