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 }
26 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
27 .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>");
28 right: 10px;
29 left: auto;
30 }
31  
32 /* Pagination Styles */
33 .swiper-pagination {
34 position: absolute;
35 text-align: center;
36 -webkit-transition: 300ms;
37 -moz-transition: 300ms;
38 -o-transition: 300ms;
39 transition: 300ms;
40 -webkit-transform: translate3d(0,0,0);
41 -ms-transform: translate3d(0,0,0);
42 -o-transform: translate3d(0,0,0);
43 transform: translate3d(0,0,0);
44 z-index: 10;
45 &.swiper-pagination-hidden {
46 opacity: 0;
47 }
48 }
49 /* Common Styles */
50 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
51 bottom: 10px;
52 left: 0;
53 width: 100%;
54 }
55 /* Bullets */
56 .swiper-pagination-bullet {
57 width: 8px;
58 height: 8px;
59 display: inline-block;
60 border-radius: 100%;
61 background: #000;
62 opacity: 0.2;
63 button& {
64 border: none;
65 margin: 0;
66 padding: 0;
67 box-shadow: none;
68 -moz-appearance: none;
69 -ms-appearance: none;
70 -webkit-appearance: none;
71 appearance: none;
72 }
73 .swiper-pagination-clickable & {
74 cursor: pointer;
75 }
76 }
77 .swiper-pagination-bullet-active {
78 opacity: 1;
79 background: #007aff;
80 }
81 .swiper-container-vertical {
82 > .swiper-pagination-bullets {
83 right: 10px;
84 top: 50%;
85 -webkit-transform:translate3d(0px,-50%,0);
86 -moz-transform:translate3d(0px,-50%,0);
87 -o-transform:translate(0px,-50%);
88 -ms-transform:translate3d(0px,-50%,0);
89 transform:translate3d(0px,-50%,0);
90 .swiper-pagination-bullet {
91 margin: 5px 0;
92 display: block;
93 }
94 }
95 }
96 .swiper-container-horizontal {
97 > .swiper-pagination-bullets {
98 .swiper-pagination-bullet {
99 margin: 0 5px;
100 }
101 }
102 }
103 /* Progress */
104 .swiper-pagination-progress {
105 background: rgba(0,0,0,0.25);
106 position: absolute;
107 .swiper-pagination-progressbar {
108 background: #007aff;
109 position: absolute;
110 left: 0;
111 top: 0;
112 width: 100%;
113 height: 100%;
114 -webkit-transform: scale(0);
115 -ms-transform: scale(0);
116 -o-transform: scale(0);
117 transform: scale(0);
118 -webkit-transform-origin: left top;
119 -moz-transform-origin: left top;
120 -ms-transform-origin: left top;
121 -o-transform-origin: left top;
122 transform-origin: left top;
123 }
124 .swiper-container-rtl & .swiper-pagination-progressbar {
125 -webkit-transform-origin: right top;
126 -moz-transform-origin: right top;
127 -ms-transform-origin: right top;
128 -o-transform-origin: right top;
129 transform-origin: right top;
130 }
131 .swiper-container-horizontal > & {
132 width: 100%;
133 height: 4px;
134 left: 0;
135 top: 0;
136 }
137 .swiper-container-vertical > & {
138 width: 4px;
139 height: 100%;
140 left: 0;
141 top: 0;
142 }
143 }