Last change
on this file since ffd50db was e5b84dc, checked in by Marko <Marko@…>, 2 years ago |
Prototype version
|
-
Property mode
set to
100644
|
File size:
1.3 KB
|
Rev | Line | |
---|
[dbd4834] | 1 | .phonecard{
|
---|
[e5b84dc] | 2 | /* background-color: #B6E2C8; */
|
---|
[dbd4834] | 3 | padding:15px;
|
---|
| 4 | justify-items: center;
|
---|
[e5b84dc] | 5 | padding-top: 35px;
|
---|
[dbd4834] | 6 | width: 250px;
|
---|
| 7 | height: 400px;
|
---|
| 8 | border-radius: 25px;
|
---|
[e5b84dc] | 9 | border: 3px solid #B6E2C8;
|
---|
| 10 | border-radius: 50px;
|
---|
[dbd4834] | 11 | }
|
---|
| 12 |
|
---|
| 13 | .phonecard:hover{
|
---|
[e5b84dc] | 14 | /* background-color: #B6E2C8; */
|
---|
[dbd4834] | 15 | cursor: pointer;
|
---|
[e5b84dc] | 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;
|
---|
[dbd4834] | 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{
|
---|
[e5b84dc] | 34 | margin-top: 20px;
|
---|
| 35 | text-align: right;
|
---|
| 36 | }
|
---|
| 37 |
|
---|
| 38 | .phonecard-totaloffers-header{
|
---|
| 39 | margin-top: -15px;
|
---|
[dbd4834] | 40 | }
|
---|
| 41 |
|
---|
| 42 | .phonecard-model-header{
|
---|
| 43 | text-align: center;
|
---|
[e5b84dc] | 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 |
|
---|
[dbd4834] | 50 | }
|
---|
| 51 |
|
---|
| 52 |
|
---|
| 53 | .phonecard-lowestprice{
|
---|
| 54 | font-size: 20px;
|
---|
| 55 | }
|
---|
| 56 |
|
---|
| 57 | .phonecard-totaloffers{
|
---|
| 58 | font-size: 20px;
|
---|
| 59 | }
|
---|
| 60 |
|
---|
[e5b84dc] | 61 | .phonecard-lowestprice-header{
|
---|
| 62 | /* color: rgb(24, 117, 24); */
|
---|
| 63 | }
|
---|
| 64 |
|
---|
| 65 | .phonecard-totaloffers-header{
|
---|
| 66 | /* color: rgb(24, 117, 24); */
|
---|
| 67 | }
|
---|
| 68 |
|
---|
[dbd4834] | 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.