Difference between revisions of "Template:Swiper"

 
(7 intermediate revisions by the same user not shown)
Line 140: Line 140:
 
         }
 
         }
  
 +
        .nav>li>a {
 +
            padding: 15px 10px;
 +
        }
 
         .navbar-default .navbar-nav > li > a {
 
         .navbar-default .navbar-nav > li > a {
 
             color: white;
 
             color: white;
Line 320: Line 323:
 
             .swiper-slide > img {
 
             .swiper-slide > img {
 
                 height: 350px;
 
                 height: 350px;
−
            }
 
−
            .swiper-pagination-bullet {
 
−
                width: 10px;
 
−
                height: 10px;
 
 
             }
 
             }
 
         }
 
         }
  
−
         /* IF THE SCREEN IS LESS THAN 320PX */
+
         /* IF THE SCREEN IS LESS THAN 414PX */
−
         @media only screen and (max-width: 375px) {
+
         @media only screen and (max-width: 414px) {
 +
            body {
 +
                margin-top: 36px;
 +
            }
 
             h1 {
 
             h1 {
 
                 font-size: 44px;
 
                 font-size: 44px;
Line 349: Line 351:
  
 
             .swiper-container {
 
             .swiper-container {
−
                 height: 280px;
+
                 height: 310px;
 
             }
 
             }
 
             .swiper-slide > img {
 
             .swiper-slide > img {
−
                 height: 280px;
+
                 height: 310px;
 
             }
 
             }
 
             .swiper-button-prev.swiper-button-black{
 
             .swiper-button-prev.swiper-button-black{
Line 359: Line 361:
 
             .swiper-button-next.swiper-button-black {
 
             .swiper-button-next.swiper-button-black {
 
                 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 
                 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 +
            }
 +
        }
 +
        /* IF THE SCREEN IS LESS THAN 320PX */
 +
        @media only screen and (max-width: 320px) {
 +
            .swiper-container {
 +
                height: 280px;
 +
            }
 +
            .swiper-slide > img {
 +
                height: 280px;
 
             }
 
             }
 
         }
 
         }
Line 425: Line 436:
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Keratinases">Keratinases</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Keratinases">Keratinases</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Rose and Limonene Fragrance">Rose and Limonene Fragrance</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Rose and Limonene Fragrance">Rose and Limonene Fragrance</a></li>
−
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Demonstrate">Demonstrate</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Demonstrate">Achievements</a></li>
 
                         <!--<li role="separator" class="divider"></li>-->
 
                         <!--<li role="separator" class="divider"></li>-->
 
                     </ul>
 
                     </ul>

Latest revision as of 07:51, 15 December 2017