source: phonelux-frontend/src/components/CompareOffersComponent/CompareOffersComponent.css@ 34950c6

Last change on this file since 34950c6 was d66b8eb, checked in by Marko <Marko@…>, 2 years ago

Component for editing offers added

  • Property mode set to 100644
File size: 1.3 KB
Line 
1.compare-offers-header{
2 background-color: #B6E2C8;
3 justify-content: center;
4 align-content: center;
5 margin-top: -30px;
6 width: 100%;
7 display: flex;
8 font-size: 18px;
9}
10.compare-offers-header-text{
11 width: fit-content;
12}
13
14.compare-offers-table{
15 border-collapse: collapse;
16 width: 100%;
17 table-layout: fixed;
18}
19
20
21.compare-offers-table-row:nth-of-type(even){
22 background-color: #eef2f0;
23}
24
25.compare-offers-table-row{
26 border: 1px solid gainsboro;
27 padding: 20px ;
28}
29
30.compare-offers-table td{
31 text-align: center;
32 border: 1px solid gainsboro;
33 word-wrap: break-word;
34}
35
36
37.compare-offers-table-row td a{
38 text-decoration: none;
39}
40
41.compare-offers-table th{
42 background-color: #afd3b4
43}
44
45.no-offers-saved-message{
46 background-color: #afd3b4;
47 padding: 20px;
48 width: 30%;
49 text-align: center;
50 border-radius: 50px;
51 border: 1px solid black;
52 margin-left: auto;
53 margin-right: auto;
54 margin-top: 150px;
55}
56
57.compare-offer-table-headers{
58 width: 200px;
59}
60
61
62.compare-offers-top-headers{
63 background-color: #afd3b4;
64 font-weight: bold;
65}
66.compare-offers-top-headers:hover{
67 cursor: pointer;
68 background-color: rgb(203, 56, 56);
69 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
70 transition: box-shadow 0.5s, background-color 0.5s ;
71}
72
Note: See TracBrowser for help on using the repository browser.