taktak
/ *
* JQuery FlexSlider v2.0
* Http://www.woothemes.com/flexslider/
*
* prawa autorskie 2012 WooThemes
* Bezpłatne używać na licencji GPLv2.
* Http://www.gnu.org/licenses/gpl-2.0.html
*
* Wkład autor: Tyler Smith (mbmufffin)
* /
/ * Przeglądarka Przywraca * /
.flex-pojemnik: aktywny,
.flexslider: aktywny,
.flex-pojemnik: focus,
.flexslider skupić {a:
nakreślić: none;
}
.slides,
.flex-kontrola-nav,
.flex-kierunek-nav {
margin: 0;
padding: 0;
list-style: none;
}
/ * FlexSlider Niezbędne Style
********************************* /
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides> li {
display: none;
-webkit-tylna-widoczność: ukryte;
-moz-tylna-widoczność: ukryte;
-ms-tylna-widoczność: ukryte;
-o-tylna strona-widoczności: ukryte;
tylna widoczności: ukryte;
}
/ * Ukrywanie slajdy przed JS jest załadowany. Unika skoki obrazu * /
.flexslider .slides img {
Szerokość: 100%;
display: block;
}
.flex-pauseplay rozpiętość {
text-transform: wykorzystać;
}
/ * Clearfix dla elementu .slides * /
.flexslider a.intro {
dno: 0;
kolor: RGBA (0, 0, 0, 0,1);
font-size: 14px;
position: absolute;
prawo: 0;
text-decoration: none;
z-index: 99999;
}
.slides: po {
Zawartość:; "."
display: block;
clear: both;
widoczność: ukryte;
line-height: 0;
wysokość: 0;
}
[html] .slides {xmlns
display: block;
}
* html .slides {
wysokość: 1%;
}
/ * Brak JavaScript awaryjna * /
/ * Jeśli nie używasz innego skryptu, takie jak Modernizr, upewnij się,
* To js, który eliminuje tę klasę na stronie obciążenia * /
.no-js .slides> li: first-child {
display: block;
}
/ * FlexSlider Domyślny motyw
********************************* /
.flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px stałe #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px RGBA (0,0,0, 0,2);
-moz-box-shadow: 0 1px 4px RGBA (0,0,0, 0,2);
box-shadow: 0 1px 4px RGBA (0,0,0, 0,2);
zoom: 1;
}
.flex-rzutnia {
max-height: 2000px;
-webkit-przejście: wszystkie 1s złagodzić;
-moz-przejście: wszystkie 1s złagodzić;
-o-przejście: wszystkie 1s złagodzić;
Przejście: wszystkie 1s złagodzić;
}
.loading .flex-rzutni {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
}
/ * Kierunek Nav * /
.flexslider li {
border: 0 żadne ważne;!
wyściółka: 0 ważne;
text-indent: 0 ważne;
}
.flex-kierunek-nav {
width: 30px;
wysokość: 30px;
margin: -20px 0 0;
display: block;
background: url (http://project.dimpost.com/flexslider-carousel/images/bg_direction_nav.png) no-repeat 0 0;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
krycie: 0;
-webkit-przejście: wszystkie .3s złagodzić;
-moz-przejście: wszystkie .3s złagodzić;
-o-przejście: wszystkie .3s złagodzić;
Przejście: wszystkie .3s złagodzić;
}
.flex-kierunek-nav .flex-obok {
background-position: 100% 0;
prawo: -36px;
}
.flex-kierunek-nav .flex-poprz {
lewa: -36px;
}
.flexslider: hover .flex-obok {
krycie: 0,8;
prawo: 5px;
}
.flexslider: hover .flex-poprzednie {
krycie: 0,8;
lewa: 5px;
}
.flexslider: hover .flex-obok: hover, .flexslider: hover .flex-poprzednie: hover {
krycie: 1;
}
.flex-kierunek-nav .disabled {
krycie: 0,3 ważne;
filter: alpha (krycie = 30);
Kursor: default;
}
/ * Kontrola Nav * /
.flex-kontrola-nav {
Szerokość: 100%;
position: absolute;
dno: -40px;
text-align: center;
}
.flex-kontrola-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
* Display: inline;
}
.flex-kontrola-stronicowania li {
width: 11px;
wysokość: 11px;
display: block;
background: # 666;
background: RGBA (0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: wstawka 0 0 3px RGBA (0,0,0,0.3);
-moz-box-shadow: wstawka 0 0 3px RGBA (0,0,0,0.3);
box-shadow: wstawka 0 0 3px RGBA (0,0,0,0.3);
}
.flex-kontrola-stronicowania li: hover {
background: # 333;
background: RGBA (0,0,0,0.7);
}
.flex-kontrola-stronicowania li a.flex czynne {
background: # 000;
background: RGBA (0,0,0,0.9);
Kursor: default;
}
.flex-kontroli-kciuki {
margin: 5px 0 0;
Pozycja: static;
overflow: hidden;
}
.flex-kontrola-kciuki li {
width: 25%;
unosić się: z lewej;
margin: 0;
}
.flex-kontrola-kciuki img {
Szerokość: 100%;
display: block;
krycie: 0,7;
cursor: pointer;
}
.flex-kontrola-kciuki img: hover {
krycie: 1;
}
.flex-kontroli-kciuki .active {
krycie: 1;
Kursor: default;
}