1
1
html ,
2
2
body {
3
- margin : 0 px ;
3
+ margin : 0 ;
4
4
margin-bottom : 5px ;
5
- padding : 0 px ;
5
+ padding : 0 ;
6
6
}
7
-
8
7
body {
9
8
background-color : orange;
10
9
background-repeat : repeat-x;
11
10
background-size : cover;
12
11
font-family : "Lucida Sans" , "Lucida Sans Regular" , "Lucida Grande" ,
13
12
"Lucida Sans Unicode" , Geneva, Verdana, sans-serif;
14
- -webkit-background-size : cover;
15
- -moz-background-size : cover;
16
- -o-background-size : cover;
17
13
}
18
-
19
14
# header_logo_tag {
20
15
color : white;
21
16
}
22
-
23
17
# header {
24
18
margin-bottom : 5px ;
25
19
}
26
-
27
20
.blog_container_row {
28
21
display : flex;
29
22
margin-bottom : 15px ;
30
23
align-items : center;
31
24
flex-direction : row;
32
25
justify-content : space-evenly;
33
26
}
34
-
35
27
.blog_card {
36
28
display : block;
37
- margin : 0 px 50px ;
29
+ margin : 0 50px ;
38
30
max-height : 250px ;
39
31
overflow : auto;
40
32
box-shadow : -7px 8px 15px -2px # cd8212 ;
41
- -webkit-box-shadow : -7px 8px 15px -2px # cd8212 ;
42
- -moz-box-shadow : -7px 8px 15px -2px # cd8212 ;
43
33
}
44
-
45
34
table .author_name {
46
35
background-color : white;
47
36
color : black;
@@ -52,13 +41,10 @@ table .author_name {
52
41
text-align : center;
53
42
max-width : 30px ;
54
43
}
55
-
56
44
table {
57
45
border-radius : 10px ;
58
-
59
46
background-color : # e8e8e8 ;
60
47
}
61
-
62
48
table .cardcontent {
63
49
padding : 5px 10px ;
64
50
font-size : 13px ;
@@ -70,53 +56,41 @@ table .cardcontent {
70
56
}
71
57
.cardcontent {
72
58
overflow : auto;
73
-
74
59
text-overflow : ellipsis;
75
- display : -webkit-box;
76
- -webkit-line-clamp : 4 ; /* number of lines to show */
77
- -webkit-box-orient : vertical;
78
60
}
79
61
table i {
80
62
cursor : pointer;
81
63
padding-right : 20px ;
82
64
padding-bottom : 8px ;
83
65
}
84
-
85
66
.one_content {
86
- margin : 0 px 25% ;
67
+ margin : 0 25% ;
87
68
}
88
-
89
- /* MODAL */
90
69
.modal {
91
- display : none; /* Hidden by default */
92
- position : fixed; /* Stay in place */
93
- z-index : 1 ; /* Sit on top */
70
+ display : none;
71
+ position : fixed;
72
+ z-index : 1 ;
94
73
left : 0 ;
95
74
top : 0 ;
96
- width : 100% ; /* Full width */
97
- height : 100% ; /* Full height */
98
- overflow : auto; /* Enable scroll if needed */
99
- background-color : rgb (0 , 0 , 0 ); /* Fallback color */
100
- background-color : rgba (0 , 0 , 0 , 0.7 ); /* Black w/ opacity */
101
- }
102
-
103
- /* Modal Content/Box */
75
+ width : 100% ;
76
+ height : 100% ;
77
+ overflow : auto;
78
+ background-color : rgb (0 , 0 , 0 );
79
+ background-color : rgb (0 , 0 , 0 , 0.7 );
80
+ }
104
81
.modal-content {
105
82
background-color : # fefefe ;
106
- margin : 5% auto; /* 15% from the top and centered */
83
+ margin : 5% auto;
107
84
padding : 20px ;
108
- border : 1 px solid # 888 ;
109
- width : 35% ; /* Could be more or less, depending on screen size */
85
+ border : # 888 solid 1 px ;
86
+ width : 35% ;
110
87
}
111
-
112
- /* The Close Button */
113
88
.close {
114
89
color : # 818181 ;
115
90
float : right;
116
91
font-size : 40px ;
117
92
font-weight : bolder;
118
93
}
119
-
120
94
.close : hover ,
121
95
.close : focus {
122
96
color : black;
@@ -128,28 +102,22 @@ table i {
128
102
font-size : 20px ;
129
103
text-align : center;
130
104
}
131
-
132
105
.input_container {
133
- margin : 20px 0 px ;
106
+ margin : 20px 0 ;
134
107
font-family : "Roboto Condensed" ;
135
108
}
136
-
137
109
.input_container label {
138
110
font-weight : bold;
139
111
}
140
-
141
112
.input_container input {
142
113
margin-top : 5px ;
143
114
background-color : # f1f1f1 ;
144
115
padding : 5px 15px ;
145
116
width : 100% ;
146
117
box-sizing : border-box;
147
- -webkit-box-sizing : border-box;
148
- -moz-box-sizing : border-box;
149
118
border : none;
150
119
height : 40px ;
151
120
}
152
-
153
121
.input_container textarea {
154
122
margin-top : 5px ;
155
123
background-color : # f1f1f1 ;
@@ -158,37 +126,29 @@ table i {
158
126
font-family : inherit;
159
127
font-size : inherit;
160
128
box-sizing : border-box;
161
- -webkit-box-sizing : border-box;
162
- -moz-box-sizing : border-box;
163
129
border : none;
164
130
height : 200px ;
165
131
}
166
-
167
132
# btn_sign_up_submit ,
168
133
# btn_sign_in_submit {
169
134
background-color : # 5eb762 ;
170
135
width : 100% ;
171
136
color : white;
172
137
box-sizing : border-box;
173
138
font-size : 15px ;
174
- -webkit-box-sizing : border-box;
175
- -moz-box-sizing : border-box;
176
139
height : 40px ;
177
140
cursor : pointer;
178
141
border : none;
179
142
}
180
-
181
143
.sign_in_modal_footer {
182
144
margin-top : 30px ;
183
145
font-family : sans-serif;
184
146
font-weight : bold;
185
147
text-align : center;
186
148
}
187
-
188
149
.delete_post_modal {
189
150
display : flex;
190
151
align-items : center;
191
- -webkit-justify-content : space-between;
192
152
justify-content : space-between;
193
153
}
194
154
.delete_post_modal button {
@@ -199,11 +159,9 @@ table i {
199
159
font-size : 15px ;
200
160
border : none;
201
161
}
202
-
203
162
# btn_delete_post_yes {
204
163
background-color : # e45449 ;
205
164
}
206
-
207
165
# btn_delete_post_no {
208
166
background-color : # 5eb762 ;
209
167
}
0 commit comments