MediaWiki:Gadget-SlickTheme.css — различия между версиями

Версия 11:14, 18 апреля 2015

.slick-loading .slick-list
{
    background: #fff url(/extensions/Slick/slick/ajax-loader.gif) center center no-repeat;
}

.slick-prev,
.slick-next
{
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 50%;
   display: block;
   width: 20px;
   height: 20px;
   margin-top: -10px;
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
   padding: 0;
}

.slick-prev: hover,
.slick-prev: focus,
.slick-next: hover,
.slick-next: focus
{
   color: transparent;
   outline: none;
   background: transparent;
}

.slick-prev: hover: before,
.slick-prev: focus: before,
.slick-next: hover: before,
.slick-next: focus: before
{
   opacity: 1;
}

.slick-prev.slick-disabled: before,
.slick-next.slick-disabled: before
{
   opacity: .25;
}

.slick-prev: before,
.slick-next: before
{
   font-size: 20px;
   line-height: 1;
   opacity: .75;
   color: #000;
}

.slick-prev
{
   left: -25px;
}

[dir='rtl'] .slick-prev
{
   right: -25px;
   left: auto;
}

.slick-prev: before
{
   content: '←';
}

[dir='rtl'] .slick-prev: before
{
   content: '→';
}

.slick-next
{
   right: -25px;
}

[dir='rtl'] .slick-next
{
   right: auto;
   left: -25px;
}

.slick-next: before
{
   content: '→';
}

[dir='rtl'] .slick-next: before
{
   content: '←';
}

.slick-slider
{
   margin: 0 30px 30px;
}

.slick-dots
{
   position: absolute;
   bottom: -45px;
   display: block;
   width: 100%;
   list-style: none;
   text-align: center;
   padding: 0;
}

.slick-dots li
{
   position: relative;
   display: inline-block;
   width: 20px;
   height: 20px;
   cursor: pointer;
   margin: 0 5px;
   padding: 0;
}

.slick-dots li button
{
   display: block;
   color: #000;
   background: #000;
   border: 0;
   border-radius: 10px;
   width: 10px;
   height: 10px;
   vertical-align: middle;
   opacity: .5;
   margin: 5px;
   padding: 5px;
   cursor: pointer;
}

.slick-dots li button: hover,
.slick-dots li button: focus
{
   outline: none;
}

.slick-dots li button: hover: before,
.slick-dots li button: focus: before
{
   opacity: 1;
}

.slick-dots li button: before
{
   position: absolute;
   top: 0;
   left: 0;
   opacity: .25;
   color: #000;
}

.slick-dots li.slick-active button
{
   opacity: 1;
}