File tree Expand file tree Collapse file tree 2 files changed +678
-886
lines changed Expand file tree Collapse file tree 2 files changed +678
-886
lines changed Original file line number Diff line number Diff line change 33body {
44 background-image : url(./images/Internship\ bg.jpg);
55}
6+ /* Toggle Switch styling starts here */
7+ .checkbox {
8+ opacity : 0 ;
9+ position : absolute;
10+ }
11+
12+ .label {
13+ width : 44px ;
14+ height : 20px ;
15+ background-color : white;
16+ border : 0.8px solid # 4C4C4C ;
17+ display : flex;
18+ border-radius : 50px ;
19+ align-items : center;
20+ justify-content : space-between;
21+ padding : 5px ;
22+ position : relative;
23+ transform : scale (1.5 );
24+ }
25+
26+ .ball {
27+ width : 14px ;
28+ height : 14px ;
29+ background-color : white;
30+ position : absolute;
31+ top : 2px ;
32+ left : 2px ;
33+ border : 1px solid # 4C4C4C ;
34+ border-radius : 50% ;
35+ transition : transform 0.2s linear;
36+ }
37+
38+ /* target the elemenent after the label*/
39+ .checkbox : checked + .label .ball {
40+ transform : translateX (24px );
41+ }
42+
43+ .bi-moon {
44+ color : black;
45+ }
46+
47+ .bi-sun {
48+ color : white;
49+ }
50+ /* Toggle Switch styling ends here */
651
52+ /* dark mode styling starts here */
53+ .dark-mode {
54+ background-color : black;
55+ color : white;
56+ }
57+ .dark-nav {
58+ background-color : black;
59+ }
60+ .dark-anchor-tag {
61+ color : white;
62+ }
63+ .dark-anchor-tag : hover {
64+ color : white;
65+ }
66+ .dark-card {
67+ background-color : # 121212 ;
68+ }
69+ /* dark mode styling ends here */
770.back-button {
871 text-decoration : none;
972 color : rgb (151 , 151 , 151 );
1275/**card styling starts **/
1376.internships-card {
1477 margin-top : 5vh ;
78+ border-color : # 121212 ;
1579}
1680
1781.company-name {
You can’t perform that action at this time.
0 commit comments