scratch – Blame information for rev 117

Subversion Repositories:
Rev:
Rev Author Line No. Line
117 office 1 /* Arrows */
2 .swiper-button-prev, .swiper-button-next {
3 position: absolute;
4 top: 50%;
5 width: 27px;
6 height: 44px;
7 margin-top: -22px;
8 z-index: 10;
9 cursor: pointer;
10 -moz-background-size: 27px 44px;
11 -webkit-background-size: 27px 44px;
12 background-size: 27px 44px;
13 background-position: center;
14 background-repeat: no-repeat;
15 &.swiper-button-disabled {
16 opacity: 0.35;
17 cursor: auto;
18 pointer-events: none;
19 }
20 }
21 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
22 .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#007aff'/></svg>");
23 left: 10px;
24 right: auto;
25 &.swiper-button-black {
26 .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#000000'/></svg>");
27 }
28 &.swiper-button-white {
29 .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#ffffff'/></svg>");
30 }
31 }
32 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
33 .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#007aff'/></svg>");
34 right: 10px;
35 left: auto;
36 &.swiper-button-black {
37 .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#000000'/></svg>");
38 }
39 &.swiper-button-white {
40 .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#ffffff'/></svg>");
41 }
42 }
43 /* Pagination Styles */
44 .swiper-pagination {
45 position: absolute;
46 text-align: center;
47 -webkit-transition: 300ms;
48 -moz-transition: 300ms;
49 -o-transition: 300ms;
50 transition: 300ms;
51 -webkit-transform: translate3d(0,0,0);
52 -ms-transform: translate3d(0,0,0);
53 -o-transform: translate3d(0,0,0);
54 transform: translate3d(0,0,0);
55 z-index: 10;
56 &.swiper-pagination-hidden {
57 opacity: 0;
58 }
59 }
60 /* Common Styles */
61 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
62 bottom: 10px;
63 left: 0;
64 width: 100%;
65 }
66 /* Bullets */
67 .swiper-pagination-bullet {
68 width: 8px;
69 height: 8px;
70 display: inline-block;
71 border-radius: 100%;
72 background: #000;
73 opacity: 0.2;
74 button& {
75 border: none;
76 margin: 0;
77 padding: 0;
78 box-shadow: none;
79 -moz-appearance: none;
80 -ms-appearance: none;
81 -webkit-appearance: none;
82 appearance: none;
83 }
84 .swiper-pagination-clickable & {
85 cursor: pointer;
86 }
87 .swiper-pagination-white & {
88 background: #fff;
89 }
90 }
91 .swiper-pagination-bullet-active {
92 opacity: 1;
93 background: #007aff;
94 .swiper-pagination-white & {
95 background: #fff;
96 }
97 .swiper-pagination-black & {
98 background: #000;
99 }
100 }
101 .swiper-container-vertical {
102 > .swiper-pagination-bullets {
103 right: 10px;
104 top: 50%;
105 -webkit-transform:translate3d(0px,-50%,0);
106 -moz-transform:translate3d(0px,-50%,0);
107 -o-transform:translate(0px,-50%);
108 -ms-transform:translate3d(0px,-50%,0);
109 transform:translate3d(0px,-50%,0);
110 .swiper-pagination-bullet {
111 margin: 5px 0;
112 display: block;
113 }
114 }
115 }
116 .swiper-container-horizontal {
117 > .swiper-pagination-bullets {
118 .swiper-pagination-bullet {
119 margin: 0 5px;
120 }
121 }
122 }
123 /* Progress */
124 .swiper-pagination-progress {
125 background: rgba(0,0,0,0.25);
126 position: absolute;
127 .swiper-pagination-progressbar {
128 background: #007aff;
129 position: absolute;
130 left: 0;
131 top: 0;
132 width: 100%;
133 height: 100%;
134 -webkit-transform: scale(0);
135 -ms-transform: scale(0);
136 -o-transform: scale(0);
137 transform: scale(0);
138 -webkit-transform-origin: left top;
139 -moz-transform-origin: left top;
140 -ms-transform-origin: left top;
141 -o-transform-origin: left top;
142 transform-origin: left top;
143 }
144 .swiper-container-rtl & .swiper-pagination-progressbar {
145 -webkit-transform-origin: right top;
146 -moz-transform-origin: right top;
147 -ms-transform-origin: right top;
148 -o-transform-origin: right top;
149 transform-origin: right top;
150 }
151 .swiper-container-horizontal > & {
152 width: 100%;
153 height: 4px;
154 left: 0;
155 top: 0;
156 }
157 .swiper-container-vertical > & {
158 width: 4px;
159 height: 100%;
160 left: 0;
161 top: 0;
162 }
163 &.swiper-pagination-white {
164 background: rgba(255,255,255,0.5);
165 .swiper-pagination-progressbar {
166 background: #fff;
167 }
168 }
169 &.swiper-pagination-black {
170 .swiper-pagination-progressbar {
171 background: #000;
172 }
173 }
174 }