Last change
on this file since 34950c6 was e5b84dc, checked in by Marko <Marko@…>, 2 years ago |
Prototype version
|
-
Property mode
set to
100644
|
File size:
1.3 KB
|
Line | |
---|
1 | .phonecard{
|
---|
2 | /* background-color: #B6E2C8; */
|
---|
3 | padding:15px;
|
---|
4 | justify-items: center;
|
---|
5 | padding-top: 35px;
|
---|
6 | width: 250px;
|
---|
7 | height: 400px;
|
---|
8 | border-radius: 25px;
|
---|
9 | border: 3px solid #B6E2C8;
|
---|
10 | border-radius: 50px;
|
---|
11 | }
|
---|
12 |
|
---|
13 | .phonecard:hover{
|
---|
14 | /* background-color: #B6E2C8; */
|
---|
15 | cursor: pointer;
|
---|
16 | box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
|
---|
17 | transition: box-shadow 0.5s, background-color 0.5s ;
|
---|
18 | border-radius: 50px;
|
---|
19 | }
|
---|
20 |
|
---|
21 | .phonecard img{
|
---|
22 | width: 200px;
|
---|
23 | height: 250px;
|
---|
24 | border-radius: 25px;
|
---|
25 | margin-left: 25px;
|
---|
26 | }
|
---|
27 |
|
---|
28 | .phonecard-paper{
|
---|
29 | width: fit-content;
|
---|
30 | border-radius: 25px;
|
---|
31 | }
|
---|
32 |
|
---|
33 | .phonecard-lowestprice-header, .phonecard-totaloffers-header{
|
---|
34 | margin-top: 20px;
|
---|
35 | text-align: right;
|
---|
36 | }
|
---|
37 |
|
---|
38 | .phonecard-totaloffers-header{
|
---|
39 | margin-top: -15px;
|
---|
40 | }
|
---|
41 |
|
---|
42 | .phonecard-model-header{
|
---|
43 | text-align: center;
|
---|
44 | border: 1px solid rgb(161, 165, 163);
|
---|
45 | border-radius: 20px 100px;
|
---|
46 | background-color: rgb(222, 228, 225);
|
---|
47 | padding: 5px;
|
---|
48 | padding-right: 10px;
|
---|
49 |
|
---|
50 | }
|
---|
51 |
|
---|
52 |
|
---|
53 | .phonecard-lowestprice{
|
---|
54 | font-size: 20px;
|
---|
55 | }
|
---|
56 |
|
---|
57 | .phonecard-totaloffers{
|
---|
58 | font-size: 20px;
|
---|
59 | }
|
---|
60 |
|
---|
61 | .phonecard-lowestprice-header{
|
---|
62 | /* color: rgb(24, 117, 24); */
|
---|
63 | }
|
---|
64 |
|
---|
65 | .phonecard-totaloffers-header{
|
---|
66 | /* color: rgb(24, 117, 24); */
|
---|
67 | }
|
---|
68 |
|
---|
69 | .phonecard > h5 > p{
|
---|
70 | display: inline;
|
---|
71 | }
|
---|
72 |
|
---|
73 | .phonecard > h6 > p{
|
---|
74 | display: inline;
|
---|
75 | } |
---|
Note:
See
TracBrowser
for help on using the repository browser.