source: frontend/web3-eDnevnik_Frontend/src/pages/RoditelPages/Roditel_NedelenPlan/Roditel_NedelenPlanStyles.module.css

Last change on this file was 81cdf2d, checked in by Nikola Janev <nikolajanev57@…>, 9 days ago

initial commit

  • Property mode set to 100644
File size: 1.9 KB
Line 
1.wrapper {
2 background-color: #5CCCD2;
3 min-height: 100vh;
4 padding-bottom: 50px;
5}
6
7.contentContainer {
8 background-color: #D9D9D9;
9 width: 85%;
10 margin: 40px auto;
11 padding: 30px;
12 border: 2px solid #555;
13 min-height: 70vh;
14}
15
16.title {
17 text-align: center;
18 font-size: 1.8rem;
19 font-weight: bold;
20 margin-bottom: 5px;
21}
22
23.dates {
24 text-align: center;
25 font-weight: bold;
26 margin-bottom: 30px;
27}
28
29.weeklyTable {
30 width: 80%;
31 margin: 0 auto;
32 background-color: white;
33 border-collapse: collapse;
34}
35
36.weeklyTable th, .weeklyTable td {
37 border: 1px solid #000;
38 width: 16.66%;
39 height: 80px;
40 vertical-align: top;
41 padding: 10px;
42 text-align: center;
43}
44
45.weeklyTable th {
46 background-color: #fff;
47 font-weight: bold;
48}
49
50.activityBox {
51 text-align: left;
52 font-size: 0.9rem;
53}
54
55.activityBox strong {
56 display: block;
57 margin-bottom: 5px;
58 text-decoration: underline;
59}
60
61
62.loaderContainer {
63 display: flex;
64 justify-content: center;
65 align-items: center;
66 height: 50vh;
67}
68
69.backBtn {
70 background: none;
71 border: 2px solid #000;
72 padding: 8px 15px;
73 font-weight: bold;
74 cursor: pointer;
75 background-color: #fff;
76 margin-bottom: 20px;
77 box-shadow: 3px 3px 0px #000;
78 transition: 0.2s;
79}
80.tabItem {
81 margin: 10px;
82 font-size: 20px;
83 text-decoration: none;
84 color: #000000;
85 }
86 .tabActive{
87 margin: 10px;
88 font-size: 20px;
89 text-decoration: none;
90 background-color: #00a8e8;
91 color:#ffffff;
92 }
93
94.backBtn:hover {
95 transform: translate(-2px, -2px);
96 box-shadow: 5px 5px 0px #000;
97}
98
99.backBtn:active {
100 transform: translate(2px, 2px);
101 box-shadow: 0px 0px 0px #000;
102}
103.tabItem {
104 margin: 10px;
105 font-size: 20px;
106 text-decoration: none;
107 color: #000000;
108 }
109 .tabActive{
110 margin: 10px;
111 font-size: 20px;
112 text-decoration: none;
113 background-color: #00a8e8;
114 color:#ffffff;
115 }
Note: See TracBrowser for help on using the repository browser.