Difference between revisions of "Template:Swiper"
| Line 195: | Line 195: | ||
.home-banner-image-1 { | .home-banner-image-1 { | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 380px; |
background-position: center; | background-position: center; | ||
background-image: url(https://static.igem.org/mediawiki/2017/7/76/Rohrlightupthepipe.png); | background-image: url(https://static.igem.org/mediawiki/2017/7/76/Rohrlightupthepipe.png); | ||
| Line 254: | Line 254: | ||
transform: translateX(0); | transform: translateX(0); | ||
} | } | ||
| + | } | ||
| + | |||
| + | /** SWIPER SLIDER **/ | ||
| + | .swiper-container { | ||
| + | width: 100%; | ||
| + | height: 480px; | ||
| + | } | ||
| + | .swiper-slide { | ||
| + | text-align: center; | ||
| + | font-size: 18px; | ||
| + | /* Center slide text vertically */ | ||
| + | display: -webkit-box; | ||
| + | display: -ms-flexbox; | ||
| + | display: -webkit-flex; | ||
| + | display: flex; | ||
| + | -webkit-box-pack: center; | ||
| + | -ms-flex-pack: center; | ||
| + | -webkit-justify-content: center; | ||
| + | justify-content: center; | ||
| + | -webkit-box-align: center; | ||
| + | -ms-flex-align: center; | ||
| + | -webkit-align-items: center; | ||
| + | align-items: center; | ||
| + | } | ||
| + | .swiper-button-prev.x0{ | ||
| + | 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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E"); | ||
| + | } | ||
| + | .swiper-button-next.x0 { | ||
| + | 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'%23202020'%2F%3E%3C%2Fsvg%3E"); | ||
| + | } | ||
| + | .swiper-pagination-bullet { | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | } | ||
| + | .swiper-pagination-bullet-active { | ||
| + | background: #ebc163; | ||
} | } | ||
| Line 274: | Line 310: | ||
.container table { | .container table { | ||
width: calc(100% - 50px); | width: calc(100% - 50px); | ||
| + | } | ||
| + | |||
| + | .swiper-container { | ||
| + | height: 400px; | ||
| + | } | ||
| + | .swiper-pagination-bullet { | ||
| + | width: 10px; | ||
| + | height: 10px; | ||
} | } | ||
} | } | ||
| Line 298: | Line 342: | ||
} | } | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</style> | </style> | ||
<script type="application/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> | <script type="application/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> | ||
Revision as of 21:40, 1 November 2017
