Skip to content
This repository was archived by the owner on Oct 10, 2025. It is now read-only.

Commit fba5473

Browse files
Wyzae23Wyzae23
authored
Merge pull request #15 from scalableinternetservices/styling
styling for almost all pages
2 parents fdafd9d + 685a9c5 commit fba5473

File tree

12 files changed

+541
-115
lines changed

12 files changed

+541
-115
lines changed

‎app/assets/images/rmp.jpg‎

47.8 KB
Loading

‎app/assets/stylesheets/courses.css‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
#course-new-page {
2+
max-width: 600px;
3+
margin: 50px auto;
4+
padding: 20px;
5+
background-color: #f9f9f9;
6+
border-radius: 8px;
7+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
8+
}
9+
10+
#course-new-page .course-form {
11+
display: flex;
12+
flex-direction: column;
13+
}
14+
15+
#course-new-page .form-group {
16+
margin-bottom: 20px;
17+
}
18+
19+
#course-new-page .form-label {
20+
display: block;
21+
font-size: 16px;
22+
font-weight: bold;
23+
margin-bottom: 8px;
24+
color: #333;
25+
}
26+
27+
#course-new-page .form-input {
28+
width: 100%;
29+
padding: 10px;
30+
font-size: 14px;
31+
border: 1px solid #ddd;
32+
border-radius: 4px;
33+
}
34+
35+
#course-new-page .form-input:focus {
36+
border-color: #007bff;
37+
box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
38+
}
39+
40+
#course-new-page .btn {
41+
padding: 10px 20px;
42+
font-size: 14px;
43+
border-radius: 4px;
44+
text-align: center;
45+
text-decoration: none;
46+
border: none;
47+
cursor: pointer;
48+
}
49+
50+
#course-new-page .btn-primary {
51+
background-color: #007bff;
52+
color: white;
53+
}
54+
55+
#course-new-page .btn-primary:hover {
56+
background-color: #0056b3;
57+
}
58+

‎app/assets/stylesheets/professors.css‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
#professor-show-page {
2+
max-width: 800px;
3+
margin: 50px auto;
4+
padding: 20px;
5+
background-color: #f9f9f9;
6+
border: 1px solid #ddd;
7+
border-radius: 8px;
8+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
9+
}
10+
11+
#professor-show-page .professor-title {
12+
font-size: 28px;
13+
color: #333;
14+
text-align: center;
15+
margin-bottom: 20px;
16+
}
17+
18+
#professor-show-page .professor-info {
19+
font-size: 18px;
20+
color: #555;
21+
text-align: center;
22+
margin-bottom: 10px;
23+
}
24+
25+
#professor-show-page .section-title {
26+
font-size: 22px;
27+
color: #444;
28+
margin-top: 30px;
29+
margin-bottom: 20px;
30+
}
31+
32+
#professor-show-page .filter-form {
33+
display: flex;
34+
flex-direction: column;
35+
align-items: center;
36+
margin-bottom: 30px;
37+
}
38+
39+
#professor-show-page .form-group {
40+
margin-bottom: 15px;
41+
}
42+
43+
#professor-show-page .form-label {
44+
margin-right: 10px;
45+
font-weight: bold;
46+
}
47+
48+
#professor-show-page .form-select {
49+
padding: 8px;
50+
border: 1px solid #ccc;
51+
border-radius: 4px;
52+
}
53+
54+
#professor-show-page .filter-button {
55+
padding: 10px 20px;
56+
background-color: #007bff;
57+
color: white;
58+
border: none;
59+
border-radius: 4px;
60+
cursor: pointer;
61+
}
62+
63+
#professor-show-page .filter-button:hover {
64+
background-color: #0056b3;
65+
}
66+
67+
#professor-show-page .review-list {
68+
list-style-type: none;
69+
padding: 0;
70+
}
71+
72+
#professor-show-page .review-item {
73+
padding: 15px;
74+
border: 1px solid #ddd;
75+
border-radius: 4px;
76+
background-color: #fff;
77+
margin-bottom: 15px;
78+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
79+
}
80+
81+
#professor-show-page .review-item p {
82+
margin: 5px 0;
83+
font-size: 16px;
84+
color: #444;
85+
}
86+
87+
#professor-show-page .no-reviews {
88+
text-align: center;
89+
font-size: 16px;
90+
color: #999;
91+
}
92+
93+
#professor-show-page .actions {
94+
text-align: center;
95+
margin-top: 20px;
96+
}
97+
98+
#professor-show-page .action-link {
99+
color: #007bff;
100+
text-decoration: none;
101+
font-size: 16px;
102+
}
103+
104+
#professor-show-page .action-link:hover {
105+
text-decoration: underline;
106+
}
107+

‎app/assets/stylesheets/reviews.css‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
#review-new-page {
2+
max-width: 600px;
3+
margin: 50px auto;
4+
padding: 20px;
5+
background-color: #f4f4f4;
6+
border: 1px solid #ddd;
7+
border-radius: 8px;
8+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
9+
}
10+
11+
#review-new-page .review-form {
12+
display: flex;
13+
flex-direction: column;
14+
gap: 15px;
15+
}
16+
17+
#review-new-page .form-group {
18+
display: flex;
19+
flex-direction: column;
20+
}
21+
22+
#review-new-page .form-label {
23+
margin-bottom: 5px;
24+
font-weight: bold;
25+
font-size: 14px;
26+
color: #333;
27+
}
28+
29+
#review-new-page .form-input {
30+
padding: 8px;
31+
border: 1px solid #ccc;
32+
border-radius: 4px;
33+
font-size: 14px;
34+
}
35+
36+
#review-new-page .form-input:focus {
37+
outline: none;
38+
border-color: #007bff;
39+
box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
40+
}
41+
42+
#review-new-page .btn-link {
43+
color: #007bff;
44+
text-decoration: none;
45+
font-size: 14px;
46+
}
47+
48+
#review-new-page .btn-link:hover {
49+
text-decoration: underline;
50+
}
51+
52+
#review-new-page .submit-button {
53+
padding: 10px 20px;
54+
background-color: #28a745;
55+
color: white;
56+
border: none;
57+
border-radius: 4px;
58+
cursor: pointer;
59+
font-size: 14px;
60+
}
61+
62+
#review-new-page .submit-button:hover {
63+
background-color: #218838;
64+
}
65+
66+
#review-new-page .btn-secondary {
67+
color: #6c757d;
68+
text-decoration: none;
69+
font-size: 14px;
70+
}
71+
72+
#review-new-page .btn-secondary:hover {
73+
text-decoration: underline;
74+
color: #5a6268;
75+
}
76+
77+
#review-show-page {
78+
max-width: 700px;
79+
margin: 50px auto;
80+
padding: 20px;
81+
background-color: #f9f9f9;
82+
border-radius: 8px;
83+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
84+
}
85+
86+
#review-show-page h1 {
87+
text-align: center;
88+
font-size: 24px;
89+
margin-bottom: 20px;
90+
color: #333;
91+
}
92+
93+
#review-show-page p {
94+
font-size: 16px;
95+
margin: 10px 0;
96+
color: #555;
97+
}
98+
99+
#review-show-page .comments-list {
100+
list-style: none;
101+
padding: 0;
102+
}
103+
104+
#review-show-page .comment-item {
105+
background-color: #f4f4f4;
106+
padding: 10px;
107+
margin: 5px 0;
108+
border-radius: 4px;
109+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
110+
}
111+
112+
#review-show-page .no-comments {
113+
text-align: center;
114+
color: #999;
115+
font-style: italic;
116+
}
117+
118+
#review-show-page .comment-form {
119+
margin-top: 20px;
120+
}
121+
122+
#review-show-page .form-input {
123+
width: 100%;
124+
padding: 10px;
125+
font-size: 14px;
126+
border: 1px solid #ddd;
127+
border-radius: 4px;
128+
}
129+
130+
#review-show-page .form-input:focus {
131+
border-color: #007bff;
132+
box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
133+
}
134+
135+
#review-show-page .btn {
136+
padding: 10px 20px;
137+
font-size: 14px;
138+
border-radius: 4px;
139+
text-decoration: none;
140+
}
141+
142+
#review-show-page .btn-primary {
143+
background-color: #007bff;
144+
color: white;
145+
border: none;
146+
}
147+
148+
#review-show-page .btn-primary:hover {
149+
background-color: #0056b3;
150+
}
151+
152+
#review-show-page .btn-secondary {
153+
background-color: #6c757d;
154+
color: white;
155+
border: none;
156+
}
157+
158+
#review-show-page .btn-secondary:hover {
159+
background-color: #5a6268;
160+
}
161+
162+
#review-show-page .login-to-comment {
163+
text-align: center;
164+
margin-top: 20px;
165+
color: #555;
166+
}
167+
168+
#review-show-page .login-link {
169+
color: #007bff;
170+
text-decoration: none;
171+
}
172+
173+
#review-show-page .login-link:hover {
174+
text-decoration: underline;
175+
}
176+

0 commit comments

Comments
 (0)