Skip to content

Commit df1487d

Browse files
committed
Validated CSS
1 parent ab11b2a commit df1487d

File tree

2 files changed

+35
-120
lines changed

2 files changed

+35
-120
lines changed

html/bloglist/css/bloglist.css

Lines changed: 17 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,36 @@
11
html,
22
body {
3-
margin: 0px;
3+
margin: 0;
44
margin-bottom: 5px;
5-
padding: 0px;
5+
padding: 0;
66
}
7-
87
body {
98
background-color: orange;
109
background-repeat: repeat-x;
1110
background-size: cover;
1211
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
1312
"Lucida Sans Unicode", Geneva, Verdana, sans-serif;
14-
-webkit-background-size: cover;
15-
-moz-background-size: cover;
16-
-o-background-size: cover;
1713
}
18-
1914
#header_logo_tag {
2015
color: white;
2116
}
22-
2317
#header {
2418
margin-bottom: 5px;
2519
}
26-
2720
.blog_container_row {
2821
display: flex;
2922
margin-bottom: 15px;
3023
align-items: center;
3124
flex-direction: row;
3225
justify-content: space-evenly;
3326
}
34-
3527
.blog_card {
3628
display: block;
37-
margin: 0px 50px;
29+
margin: 0 50px;
3830
max-height: 250px;
3931
overflow: auto;
4032
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;
4333
}
44-
4534
table .author_name {
4635
background-color: white;
4736
color: black;
@@ -52,13 +41,10 @@ table .author_name {
5241
text-align: center;
5342
max-width: 30px;
5443
}
55-
5644
table {
5745
border-radius: 10px;
58-
5946
background-color: #e8e8e8;
6047
}
61-
6248
table .cardcontent {
6349
padding: 5px 10px;
6450
font-size: 13px;
@@ -70,53 +56,41 @@ table .cardcontent {
7056
}
7157
.cardcontent {
7258
overflow: auto;
73-
7459
text-overflow: ellipsis;
75-
display: -webkit-box;
76-
-webkit-line-clamp: 4; /* number of lines to show */
77-
-webkit-box-orient: vertical;
7860
}
7961
table i {
8062
cursor: pointer;
8163
padding-right: 20px;
8264
padding-bottom: 8px;
8365
}
84-
8566
.one_content {
86-
margin: 0px 25%;
67+
margin: 0 25%;
8768
}
88-
89-
/* MODAL */
9069
.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;
9473
left: 0;
9574
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+
}
10481
.modal-content {
10582
background-color: #fefefe;
106-
margin: 5% auto; /* 15% from the top and centered */
83+
margin: 5% auto;
10784
padding: 20px;
108-
border: 1px solid #888;
109-
width: 35%; /* Could be more or less, depending on screen size */
85+
border: #888 solid 1px;
86+
width: 35%;
11087
}
111-
112-
/* The Close Button */
11388
.close {
11489
color: #818181;
11590
float: right;
11691
font-size: 40px;
11792
font-weight: bolder;
11893
}
119-
12094
.close:hover,
12195
.close:focus {
12296
color: black;
@@ -128,28 +102,22 @@ table i {
128102
font-size: 20px;
129103
text-align: center;
130104
}
131-
132105
.input_container {
133-
margin: 20px 0px;
106+
margin: 20px 0;
134107
font-family: "Roboto Condensed";
135108
}
136-
137109
.input_container label {
138110
font-weight: bold;
139111
}
140-
141112
.input_container input {
142113
margin-top: 5px;
143114
background-color: #f1f1f1;
144115
padding: 5px 15px;
145116
width: 100%;
146117
box-sizing: border-box;
147-
-webkit-box-sizing: border-box;
148-
-moz-box-sizing: border-box;
149118
border: none;
150119
height: 40px;
151120
}
152-
153121
.input_container textarea {
154122
margin-top: 5px;
155123
background-color: #f1f1f1;
@@ -158,37 +126,29 @@ table i {
158126
font-family: inherit;
159127
font-size: inherit;
160128
box-sizing: border-box;
161-
-webkit-box-sizing: border-box;
162-
-moz-box-sizing: border-box;
163129
border: none;
164130
height: 200px;
165131
}
166-
167132
#btn_sign_up_submit,
168133
#btn_sign_in_submit {
169134
background-color: #5eb762;
170135
width: 100%;
171136
color: white;
172137
box-sizing: border-box;
173138
font-size: 15px;
174-
-webkit-box-sizing: border-box;
175-
-moz-box-sizing: border-box;
176139
height: 40px;
177140
cursor: pointer;
178141
border: none;
179142
}
180-
181143
.sign_in_modal_footer {
182144
margin-top: 30px;
183145
font-family: sans-serif;
184146
font-weight: bold;
185147
text-align: center;
186148
}
187-
188149
.delete_post_modal {
189150
display: flex;
190151
align-items: center;
191-
-webkit-justify-content: space-between;
192152
justify-content: space-between;
193153
}
194154
.delete_post_modal button {
@@ -199,11 +159,9 @@ table i {
199159
font-size: 15px;
200160
border: none;
201161
}
202-
203162
#btn_delete_post_yes {
204163
background-color: #e45449;
205164
}
206-
207165
#btn_delete_post_no {
208166
background-color: #5eb762;
209167
}

0 commit comments

Comments
 (0)