123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
-
- /* Required CSS ========================================== */
- /* Resets */
- .mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- }
- .mis-stage, .mis-slider {
- position: relative;
- overflow: hidden;
- }
- .mis-stage {
- width: 100%;
- margin: 0 auto;
- text-align: center;
- }
- .mis-slider {
- list-style: none;
- overflow: visible;
- height: 100%;
- margin-top: 0;
- }
- /* Set slide width and padding */
- .mis-slide {
- /* Set width in pixels to restrict width of slides
- for multi-item slider, default is 100%
- for single-item slider. Use padding to add space
- between slides */
- width: 100%;
- height: auto;
- padding: 0;
- display: block;
- position: relative;
- float: left;
- overflow: visible !important;
- }
- .mis-slide.mis-current {
- z-index: 100;
- }
- /* Slide container - inserted around the contents
- of each slide by the plugin */
- .mis-container {
- display: block;
- width: auto;
- height: auto;
- border: 0;
- }
- /* Style list navigation */
- .mis-nav-list {
- position: absolute;
- bottom: .5em;
- width: 100%;
- margin: 0 auto; /* center it */
- z-index: 300;
- padding: 0;
- }
- .mis-nav-list li {
- display: inline-block;
- margin: 0 .25em;
- }
- .mis-nav-list li a {
- display: block;
- width: 14px;
- height: 14px;
- text-indent: 100%; /* Replace text */
- overflow: hidden;
- white-space: nowrap;
- border: 2px solid #ffb300;
- border-radius: 7px; /* Make items round */
- opacity: .3;
- -webkit-box-shadow: inset 0 0 4px #333;
- box-shadow: inset 0 0 4px 2px #333;
- }
- .mis-nav-list li.mis-current a, .mis-nav-list li a:hover {
- background: #333;
- }
- .mis-nav-buttons {
- display: block;
- position: absolute;
- height: 0;
- top: 0;
- opacity: 0.5;
- z-index: 200;
- }
- .mis-nav-buttons a {
- display: none;
- position: absolute;
- color: #eee;
- font-size: 0; /* Hide for browser except Android */
- line-height: .01; /* 0 is inconsistent in Opera */
- font-family: Verdana, Geneva, sans-serif;
- font-weight: bold;
- text-decoration: none;
- text-indent: -9999px; /* Hide for Android */
- }
- .mis-nav-buttons a:hover {
- color: #ccc;
- }
- .mis-nav-buttons a.mis-next {
- left: auto;
- right: 0;
- }
- .mis-nav-buttons a.mis-prev {
- left: 0;
- }
- .mis-nav-buttons a.mis-prev:before, .mis-nav-buttons a.mis-next:after {
- content: "\2039"; /* left single angle quote */
- display: block;
- font-size: 80px;
- text-indent: 0;
- }
- .mis-nav-buttons a.mis-next:after {
- content: "\203A"; /* right single angle quote */
- }
- @media (max-width:1080px){
- .mis-stage {
- width: 100%;
- }
- }
- @media (max-width:991px){
- .mis-stage {
- height: 300px !important;
- }
- }
- @media (max-width:900px){
- .mis-stage {
- height: 280px !important;
- }
- }
- @media (max-width:480px){
- .mis-stage {
- height: 250px !important;
- }
- }
- @media (max-width: 384px){
- .mis-stage {
- height: 280px !important;
- }
- }
|