Difference between revisions of "Template:CSU CHINA"

Line 51: Line 51:
 
.navbar {
 
.navbar {
 
margin-top: 16px;
 
margin-top: 16px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 
     font-size:16px;
 
     font-size:16px;
 
}
 
}
Line 56: Line 58:
 
height: 100px;
 
height: 100px;
 
}
 
}
−
nav.navbar.shrink {
+
nav.navbar{
 
     width: 100%;
 
     width: 100%;
−
     background-color: rgba(17, 17, 17, 0.73) !important;
+
     background-color: rgba(17, 17, 17, 0.65) !important;
 +
    transition: all 0.3s ease;
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 +
}
 +
nav.shrink{
 +
width: 100%;
 +
    background-color: rgba(17, 17, 17, 0.85) !important;
 
     transition: all 0.3s ease;
 
     transition: all 0.3s ease;
 
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
Line 131: Line 140:
 
     <nav class="navbar navbar-expand-lg navbar-light fixed-top shrink">
 
     <nav class="navbar navbar-expand-lg navbar-light fixed-top shrink">
 
         <a class="navbar-brand" href="index.html">
 
         <a class="navbar-brand" href="index.html">
−
                <img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--LOGOWITHWORDS.png" alt="logo" style="height:90px;">
+
            <img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--LOGOWITHWORDS.png" alt="logo" style="height:80px;">
 
         </a>
 
         </a>
 
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
 
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
Line 197: Line 206:
 
</script>
 
</script>
 
         <!-- //dropdown nav -->
 
         <!-- //dropdown nav -->
−
            <!-- fixed nav -->
+
    <!-- fixed nav -->
−
            <script>
+
    <script>
−
                $(window).scroll(function () {
+
        $(window).scroll(function () {
−
                    if ($(document).scrollTop() > 50) {
+
            if ($(document).scrollTop() > 50) {
−
                        $('nav').addClass('shrink');
+
                $('nav').addClass('shrink');
−
                    } else {
+
            } else {
−
                        $('nav').removeClass('shrink');
+
                $('nav').removeClass('shrink');
−
                    }
+
            }
−
                });
+
        });
−
            </script>
+
    </script>
 
<!-- //fixed nav -->
 
<!-- //fixed nav -->
 
<script type="text/javascript">
 
<script type="text/javascript">

Revision as of 13:05, 22 September 2019