Commit 8e37b454 authored by Jérôme Charaoui's avatar Jérôme Charaoui
Browse files

Implement styling for important blog comments

parent ad86544e
Pipeline #9620 passed with stages
in 2 minutes and 13 seconds
......@@ -16,31 +16,31 @@ a:link, a:visited {
text-decoration: none;
}
header, footer, section.content {
body > header, body > footer, section.content {
margin: 0 auto;
display: flex;
flex-direction: row;
}
header {
body > header {
margin-top: 20px;
}
header, section.content {
body > header, section.content {
max-width: 1170px;
width: 98%;
}
@media screen and (min-width: 640px) {
header, section.content {
body > header, section.content {
width: 90%;
}
header {
body > header {
margin-top: 50px;
}
}
header .navbar-brand {
body > header .navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
......@@ -50,15 +50,15 @@ header .navbar-brand {
white-space: nowrap;
}
header nav {
body > header nav {
width: 100%;
}
header nav a, header nav a:visited {
body > header nav a, header nav a:visited {
color: #5A5A5A;
}
header nav ul.navbar-nav {
body > header nav ul.navbar-nav {
display: inline-block;
list-style: none;
margin: 0;
......@@ -67,7 +67,7 @@ header nav ul.navbar-nav {
}
header nav ul li {
body > header nav ul li {
display: inline;
margin: 0 20px 0 0;
padding: 0;
......@@ -228,7 +228,7 @@ div.pagination {
font-size: 18px;
}
footer {
body > footer {
display: block;
/*flex-wrap: wrap;*/
width: 100%;
......@@ -238,7 +238,7 @@ footer {
line-height: 1.7rem;
}
footer .row {
body > footer .row {
/*flex: 0 0 100%;*/
max-width: 1170px;
width: 90%;
......@@ -246,17 +246,17 @@ footer .row {
}
footer h3 {
body > footer h3 {
color: #FFF;
}
footer a:link,
footer a:visited {
body > footer a:link,
body > footer a:visited {
color: #FFF;
text-decoration: underline;
}
footer .download {
body > footer .download {
display: flex;
flex-wrap: wrap;
margin: 0 0 30px 0;
......@@ -265,11 +265,11 @@ footer .download {
min-height: 220px;
}
footer .download .col {
body > footer .download .col {
flex: 0 0 50%;
}
footer .download .circles {
body > footer .download .circles {
background-image: url("./images/circle-pattern.png");
background-repeat: no-repeat;
background-size: cover;
......@@ -279,7 +279,7 @@ footer .download .circles {
max-height: 228px;
}
footer .download .link {
body > footer .download .link {
padding-top: 3rem;
}
......@@ -290,49 +290,49 @@ footer .download .link {
background-size: cover;
}
footer .social {
body > footer .social {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
footer .social h3 {
body > footer .social h3 {
text-transform: uppercase;
font-size: 16px;
color: #e6d5ee;
}
footer .social .col {
body > footer .social .col {
flex: 0 0 50%;
max-width: 50%;
}
footer .social .links {
body > footer .social .links {
display: flex;
flex-wrap: wrap;
flex: 0 0 16.6666666667%;
}
footer .social .links h4 {
body > footer .social .links h4 {
padding: 0 1rem !important;
margin-bottom: 0.5rem;
}
footer .social .links .row {
body > footer .social .links .row {
display: flex;
flex-wrap: wrap;
margin: 0;
font-size: 1.5rem;
}
footer .notice {
body > footer .notice {
display: flex;
align-items: center;
justify-content: center;
}
footer .notice p {
body > footer .notice p {
display: inline-block;
flex: 0 0 66.6666666667%;
margin: 0;
......@@ -363,3 +363,55 @@ footer .notice p {
box-shadow: 0 0 0 0.2rem rgba(89, 49, 107, 0.5);
color: #FFF !important;
}
/* legacy comments */
div.comments {
margin-top: 30px;
}
div.comments footer.comment__meta article.contextual-region,
div.comments div.content h3 {
display: none;
}
div.comments p.comment__submitted {
float: left;
}
div.comments p.date-time {
float: right;
}
div.comments footer.comment__meta {
font-size: 80%;
text-align: right;
}
div.comments footer.comment__meta p {
margin: 0;
}
div.comments footer.comment__meta p.visually-hidden {
display: none;
}
div.comments footer.comment__meta > a {
display: inline-block;
width: 100%;
}
div.comments div.content {
clear: both;
margin: 14px 0;
}
div.comments div.indented {
margin-left: 1em;
margin-top: 1em;
}
div.comments div.content a:link,
div.comments div.content a:visited {
color: #68b030;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment