Subversion Repositories SmartDukaan

Rev

Rev 29965 | Rev 29975 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
29965 manish 1
.realme p {
2
        position: absolute;
3
       top: 50%;
4
       left: 50%;
5
       transform: translate(-50%, -50%);
6
       margin: 0;
7
       font-size: 15px;
8
       color: green;
9
      }
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 {
30
        position: absolute;
31
       top: 50%;
32
       left: 50%;
33
       transform: translate(-50%, -50%);
34
       margin: 0;
35
       font-size: 31px;
36
       color: white;
37
      }
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 {
57
        position: absolute;
58
       top: 50%;
59
       left: 50%;
60
       transform: translate(-50%, -50%);
61
       margin: 0;
62
       font-size: 20px;
63
      }
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;
88
    font-size: 28px;
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 {
138
        position: absolute;
139
       top: 50%;
140
       left: 50%;
141
       transform: translate(-50%, -50%);
142
       margin: 0;
143
       font-size: 22px;
144
      }
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 {
164
        position: absolute;
165
       top: 50%;
166
       left: 50%;
167
       transform: translate(-50%, -50%);
168
       margin: 0;
169
       font-size: 22px;
170
      }
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
}