source: jobvista-frontend/src/views/job_advertisements/JobAdDetails.css@ befb988

main
Last change on this file since befb988 was befb988, checked in by 223021 <daniel.ilievski.2@…>, 3 months ago

Added an edit profile page for both job seekers and recruiters, where they can upload profile pictures/company logos and edit their profile data. Added profile page specifically for recruiters. Refactored existing code.

  • Property mode set to 100644
File size: 2.0 KB
RevLine 
[19398ad]1
2/*font-family: 'Ubuntu', sans-serif;*/
3/*font-family: 'Cairo', sans-serif;*/
4/*font-family: 'Poppins', sans-serif;*/
5
6* {
7 //font-family: Poppins, sans-serif;
8}
9
10.details-wrap {
11 width: 100%;
[befb988]12 height: auto;
13 max-height: 80vh;
[19398ad]14 overflow-y: auto;
[befb988]15 background-color: #fff;
16 border-radius: 12px;
17 padding: 15px 20px;
18 margin-bottom: 20px;
19
20 /*scrollbar-width: thin; !* "auto" hides scrollbar on some browsers, "thin" shows a thin scrollbar *!*/
21 /*scrollbar-color: #999999 #fff;*/
22}
23
24.details-wrap .span-about {
25 color: darkgray;
26}
27
28
29
30.details-wrap-profile {
31 width: 100%;
32 height: auto;
33
[19398ad]34 background-color: #fff;
35 border-radius: 12px;
36 padding: 15px 20px;
37 margin-bottom: 20px;
38 margin-top: 30px;
39}
40
41.details-wrap .details-head-info {
42 font-size: 18px;
43}
44
45.job-type, .expired {
46 font-size: 16px;
47 padding: 3px 8px;
48 border-radius: 5px;
49 font-family: Poppins;
50 position: relative;
51 bottom: 5px;
52 margin-left: 13px;
53}
54
55.expired {
56 background-color: transparent;
57 border: 1px solid indianred;
58 color: indianred;
59 font-weight: 600;
60}
61
62.job-type {
63 background-color: indianred;
64 color: white;
65}
66
67.title {
68 //display: inline-flex;
69 //justify-items: start;
70 display: block;
71}
72
73.title h2, .title span {
74 display: inline-block;
75}
76
[befb988]77.apply-button {
78 border: 0;
79 border-radius: 8px;
80 width: 45%;
81 background-image: linear-gradient(to right, #a1c4fd 0%, aliceblue 61%, #a1c4fd 100%);
82 background-size: 200% auto;
83 font-weight: bold;
84 padding: 5px 10px;
85 transition: 0.4s;
86}
87
88.apply-button:not(.disabled):hover{
89 background-color: rgb(187, 215, 235);
90 color: black;
91}
92
93.disabled {
94 cursor: default !important;
95 opacity: 0.6;
96}
97
[19398ad]98.apply:not(.expired) {
99 width: 20% !important;
100 background-size: 200% auto;
101
102}
103.apply:not(.expired):hover {
104 width: 20% !important;
105 background-position: right center;
[befb988]106}
107
108.recruiter-link {
109 color: black;
110 font-size: 30px;
111 text-decoration:none;
[19398ad]112}
Note: See TracBrowser for help on using the repository browser.