3 * Detailed stylings are all yours, get yourself dirty.
5 * Transform is more performed than positions.
8 .slick--skin--classic .slick__slide {
12 .slick--skin--classic .slide__caption {
13 background-color: #000;
14 background-color: rgba(0, 0, 0, 0.8);
20 -webkit-transition: -webkit-transform 1s ease-in-out 0.2s;
21 transition: transform 1s ease-in-out 0.2s;
25 .slick--skin--classic .slide__description {
29 .slick--skin--classic .slide--caption--below .slide__caption {
34 .slick--skin--classic .slide--caption--center .slide__caption {
36 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
39 -webkit-transition: all 0.4s ease-in-out 0s;
40 transition: all 0.4s ease-in-out 0s;
41 -webkit-backface-visibility: hidden;
44 .slick--skin--classic .slide--caption--center:hover .slide__caption {
45 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
50 @media (min-width: 64em) {
51 .slick--skin--classic .slide__caption {
59 .slick--skin--classic .slide__caption .slide__data {
65 .slick--skin--classic .slide--caption--center .slide__caption {
68 margin: -60px 0 0 -40%;
74 .slick--skin--classic .slide--caption--top .slide__caption,
75 .slick--skin--classic .slide--caption--center-top .slide__caption,
76 .slick--skin--classic .slide--caption--bottom .slide__caption,
77 .slick--skin--classic .slide--caption--below .slide__caption {
84 .slick--skin--classic .slide--caption--bottom .slide__caption {
86 -ms-transform: translateY(210px);
87 -webkit-transform: translateY(210px);
88 transform: translateY(210px);
93 .slick--skin--classic .slide--caption--stage-zebra .slide__title {
97 .slick--skin--classic .slide--caption--stage-zebra:nth-child(odd) .slide__caption,
98 .slick--skin--classic .slide--caption--stage-left .slide__caption,
99 .slick--skin--classic .slide--caption--left .slide__caption {
101 -ms-transform: translateX(-320px);
102 -webkit-transform: translateX(-320px);
103 transform: translateX(-320px);
106 .slick--skin--classic .slide--caption--stage-zebra:nth-child(even) .slide__caption,
107 .slick--skin--classic .slide--caption--stage-right .slide__caption,
108 .slick--skin--classic .slide--caption--right .slide__caption {
111 -ms-transform: translateX(320px);
112 -webkit-transform: translateX(320px);
113 transform: translateX(320px);
116 .slick--skin--classic .slide--caption--top .slide__caption,
117 .slick--skin--classic .slide--caption--center-top .slide__caption {
119 -ms-transform: translateY(-210px);
120 -webkit-transform: translateY(-210px);
121 transform: translateY(-210px);
124 .slick--skin--classic .slick__slide.slick-active .slide__caption {
125 -ms-transform: translateY(0);
126 -webkit-transform: translateY(0);
127 transform: translateY(0);
128 -webkit-transition-delay: 0s;
129 transition-delay: 0s;