Subversion Repositories SmartDukaan

Rev

Rev 30061 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
29965 manish 1 
.realme p {
29975 amit.gupta 2 
    position: absolute;
3 
    top: 50%;
4 
    left: 50%;
5 
    transform: translate(-50%, -50%);
6 
    margin: 0;
7 
    font-size: 36px;
8 
    color: green;
9 
}
29965 manish 10 
 
11 
.realme {
12 
  position: relative;
13 
  width: 130px;
14 
  height: 55px;
15 
  margin: 20px 0;
16 
  background: #FFA500;
17 
  color: white;
18 
  text-align: center;
19 
  text-indent: .1em;
20 
}
21 
.realme:before {
22 
  content: '';
23 
  position: absolute;
24 
  background: inherit;
25 
  border-radius: 2% / 50%;
26 
}
27 
 
28 
 
29 
.itel p {
29975 amit.gupta 30 
    position: absolute;
31 
    top: 50%;
32 
    left: 50%;
33 
    transform: translate(-50%, -50%);
34 
    margin: 0;
35 
    font-size: 36px;
36 
    color: white;
37 
}
29965 manish 38 
 
39 
.itel {
40 
  position: relative;
41 
  width: 130px;
42 
  height: 55px;
43 
  margin: 20px 0;
44 
  background: #DC143C;
45 
  color: white;
46 
  text-align: center;
47 
  text-indent: .1em;
48 
}
49 
.itel:before {
50 
  content: '';
51 
  position: absolute;
52 
  background: inherit;
53 
  border-radius: 2% / 50%;
54 
}
55 
 
56 
.samsung p {
29975 amit.gupta 57 
    position: absolute;
58 
    top: 50%;
59 
    left: 50%;
60 
    transform: translate(-50%, -50%);
61 
    margin: 0;
62 
    font-size: 36px;
63 
}
29965 manish 64 
 
65 
.samsung {
66 
  position: relative;
67 
  width: 130px;
68 
  height: 55px;
69 
  margin: 20px 0;
70 
  background: hsl(240, 50%, 25%);
71 
  color: white;
72 
  text-align: center;
73 
  text-indent: .1em;
74 
}
75 
.samsung:before {
29967 amit.gupta 76 
    content: '';
77 
    position: absolute;
78 
    background: inherit;
79 
    border-radius: 2% / 50%;
29965 manish 80 
}
81 
 
29967 amit.gupta 82 
.tecno p {
83 
    position: absolute;
84 
    top: 50%;
85 
    left: 50%;
86 
    transform: translate(-50%, -50%);
87 
    margin: 0;
29975 amit.gupta 88 
    font-size: 36px;
29965 manish 89 
}
29967 amit.gupta 90 
 
91 
.tecno {
92 
    position: relative;
93 
    width: 130px;
94 
    height: 55px;
95 
    margin: 20px 0;
96 
    background: deepskyblue;
97 
    color: white;
98 
    text-align: center;
99 
    text-indent: .1em;
29965 manish 100 
}
101 
 
29967 amit.gupta 102 
.tecno:before {
103 
    content: '';
104 
    position: absolute;
105 
    background: inherit;
106 
    border-radius: 2% / 50%;
107 
}
29965 manish 108 
 
109 
 
29967 amit.gupta 110 
 
29965 manish 111 
.vivo p {
112 
        position: absolute;
113 
       top: 50%;
114 
       left: 50%;
115 
       transform: translate(-50%, -50%);
116 
       margin: 0;
117 
       font-size: 36px;
118 
      }
119 
 
120 
.vivo {
121 
  position: relative;
122 
  width: 130px;
123 
  height: 55px;
124 
  margin: 20px 0;
125 
  background:deepskyblue;
126 
  color: white;
127 
  text-align: center;
128 
  text-indent: .1em;
129 
}
130 
.vivo:before {
131 
  content: '';
132 
  position: absolute;
133 
  background: inherit;
134 
  border-radius: 2% / 50%;
135 
}
136 
 
137 
.oppo p {
29975 amit.gupta 138 
    position: absolute;
139 
    top: 50%;
140 
    left: 50%;
141 
    transform: translate(-50%, -50%);
142 
    margin: 0;
143 
    font-size: 36px;
144 
}
29965 manish 145 
 
146 
.oppo {
147 
  position: relative;
148 
  width: 130px;
149 
  height: 55px;
150 
  margin: 20px 0;
151 
  background: seagreen;
152 
  color: white;
153 
  text-align: center;
154 
  text-indent: .1em;
155 
}
156 
.oppo:before {
157 
  content: '';
158 
  position: absolute;
159 
  background: inherit;
160 
  border-radius: 2% / 50%;
161 
}
162 
 
163 
.nokia p {
29975 amit.gupta 164 
    position: absolute;
165 
    top: 50%;
166 
    left: 50%;
167 
    transform: translate(-50%, -50%);
168 
    margin: 0;
169 
    font-size: 36px;
170 
}
29965 manish 171 
 
172 
.nokia {
173 
  position: relative;
174 
  width: 130px;
175 
  height: 55px;
176 
  margin: 20px 0;
177 
  background: darkblue;
178 
  color: white;
179 
  text-align: center;
180 
  text-indent: .1em;
181 
}
182 
.nokia:before {
183 
  content: '';
184 
  position: absolute;
185 
  background: inherit;
186 
  border-radius: 2% / 50%;
187 
}
188 
.mi p {
189 
        position: absolute;
190 
       top: 50%;
191 
       left: 50%;
192 
       transform: translate(-50%, -50%);
193 
       margin: 0;
194 
       font-size: 36px;
195 
      }
196 
 
197 
.mi {
198 
  position: relative;
199 
  width: 130px;
200 
  height: 55px;
201 
  margin: 20px 0;
202 
  background: #FF6347;
29967 amit.gupta 203 
    color: white;
204 
    text-align: center;
205 
    text-indent: .1em;
29965 manish 206 
}
29967 amit.gupta 207 
 
29965 manish 208 
.mi:before {
29967 amit.gupta 209 
    content: '';
210 
    position: absolute;
211 
    background: inherit;
212 
    border-radius: 2% / 50%;
29965 manish 213 
}
214 
 
29967 amit.gupta 215 
.oneplus p {
216 
    position: absolute;
217 
    top: 50%;
218 
    left: 50%;
219 
    transform: translate(-50%, -50%);
220 
    margin: 0;
221 
    font-size: 36px;
222 
}
223 
 
224 
.oneplus {
225 
    position: relative;
226 
    width: 130px;
227 
    height: 55px;
228 
    margin: 20px 0;
229 
    background: red;
230 
    color: white;
231 
    text-align: center;
232 
    text-indent: .1em;
233 
}
234 
 
235 
.oneplus:before {
236 
    content: '';
237 
    position: absolute;
238 
    background: inherit;
239 
    border-radius: 2% / 50%;
240 
}
241 
 
242 
 
243 
.xiaomi p {
244 
    position: absolute;
245 
    top: 50%;
246 
    left: 50%;
247 
    transform: translate(-50%, -50%);
248 
    margin: 0;
249 
    font-size: 36px;
250 
}
251 
 
252 
.xiaomi {
253 
    position: relative;
254 
    width: 130px;
255 
    height: 55px;
256 
    margin: 20px 0;
257 
    background: orange;
258 
    color: white;
259 
    text-align: center;
260 
    text-indent: .1em;
261 
}
262 
 
263 
.xiaomi:before {
264 
    content: '';
265 
    position: absolute;
266 
    background: inherit;
267 
    border-radius: 2% / 50%;
268 
}
269 
 
270 
 
271 
.flix p {
272 
    position: absolute;
273 
    top: 50%;
274 
    left: 50%;
275 
    transform: translate(-50%, -50%);
276 
    margin: 0;
277 
    font-size: 36px;
278 
}
279 
 
280 
.flix {
281 
    position: relative;
282 
    width: 130px;
283 
    height: 55px;
284 
    margin: 20px 0;
285 
    background: darkkhaki;
286 
    color: white;
287 
    text-align: center;
288 
    text-indent: .1em;
289 
}
290 
 
291 
.flix:before {
292 
    content: '';
293 
    position: absolute;
294 
    background: inherit;
295 
    border-radius: 2% / 50%;
296 
}
29978 amit.gupta 297 
 
298 
 
299 
.total p {
300 
    position: absolute;
301 
    top: 50%;
302 
    left: 50%;
303 
    transform: translate(-50%, -50%);
304 
    margin: 0;
305 
    font-size: 36px;
306 
}
307 
 
308 
.total {
309 
    position: relative;
310 
    width: 130px;
311 
    height: 55px;
312 
    margin: 20px 0;
313 
    text-align: center;
314 
    text-indent: .1em;
315 
}
316 
 
317 
.total:before {
318 
    content: '';
319 
    position: absolute;
320 
    background: inherit;
321 
    border-radius: 2% / 50%;
322 
}
29992 amit.gupta 323 
 
324 
.kodak p {
325 
    position: absolute;
326 
    top: 50%;
327 
    left: 50%;
328 
    transform: translate(-50%, -50%);
329 
    margin: 0;
330 
    font-size: 36px;
331 
    color: orangered;
332 
}
333 
 
334 
.kodak {
335 
    position: relative;
336 
    width: 130px;
337 
    height: 55px;
338 
    margin: 20px 0;
339 
    text-align: center;
30062 amit.gupta 340 
    background: #eed202;
29992 amit.gupta 341 
    text-indent: .1em;
342 
}
343 
 
344 
.kodak:before {
345 
    content: '';
346 
    position: absolute;
347 
    border-radius: 2% / 50%;
348 
}
30058 amit.gupta 349 
 
350 
.lava p {
351 
    position: absolute;
352 
    top: 50%;
353 
    left: 50%;
354 
    transform: translate(-50%, -50%);
355 
    margin: 0;
356 
    font-size: 36px;
357 
    color: white;
358 
}
359 
 
360 
.lava {
361 
    position: relative;
362 
    width: 130px;
363 
    height: 55px;
364 
    margin: 20px 0;
365 
    text-align: center;
366 
    text-indent: .1em;
30062 amit.gupta 367 
    background: #e45356;
30058 amit.gupta 368 
}
369 
 
30061 amit.gupta 370 
.lava:before {
30058 amit.gupta 371 
    content: '';
372 
    position: absolute;
373 
    border-radius: 2% / 50%;
374 
}