updated style, no more white background

This commit is contained in:
Phuntsok Drak-pa 2019-02-11 12:43:58 +01:00
parent 51b693b66a
commit 179bc2a123
2 changed files with 10 additions and 17 deletions

View File

@ -50,7 +50,7 @@
</div> </div>
</div> </div>
<div class="side-content"> <div class="side-content">
<a href="mailto:phundrak@phundrak.fr">phundrak@phundrak.fr</a> <p><a href="mailto:phundrak@phundrak.fr">phundrak@phundrak.fr</a></p>
<p>+33.(0)6.83.90.56.89</p> <p>+33.(0)6.83.90.56.89</p>
</div> </div>
</div> </div>

View File

@ -15,27 +15,21 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Fira Sans', serif; font-family: 'Fira Sans', serif;
color: #ecf0f1;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #2c3e50; color: #ecf0f1;
text-decoration: none; text-decoration: none;
font-style: italic; font-style: italic;
border-bottom: 5px solid #2c3e50; border-bottom: 5px solid #9b59b6;
transition: color 0.2s, border-bottom-color 0.2s; transition: color 0.2s;
} }
.card a {
color: #8e44ad;
border-bottom: 5px solid #8e44ad;
}
a:hover { a:hover {
color: #9b59b6; color: #9b59b6;
border-bottom-color: #9b59b6; transition: color 0.4s;
transition: color 0.4s, border-bottom-color 0.4s;
} }
h1, h1,
@ -48,7 +42,6 @@ h2 {
.content { .content {
padding: 10px; padding: 10px;
background-color: #bdc3c7; background-color: #bdc3c7;
color: black;
} }
.center { .center {
@ -135,7 +128,7 @@ h2 {
.side-card { .side-card {
margin: 10px; margin: 10px;
background-color: #ecf0f1; background-color: #2c3e50;
} }
.side-card h4, .side-card h4,
@ -149,7 +142,7 @@ p.side-content {
} }
.side-links { .side-links {
line-height: 1.5em; line-height: 1.75em;
} }
/* content *******************************************************************/ /* content *******************************************************************/
@ -160,7 +153,7 @@ p.side-content {
} }
.card { .card {
background-color: #ecf0f1; background-color: #34495e;
padding: 10px; padding: 10px;
margin: 40px 10px; margin: 40px 10px;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
@ -255,7 +248,7 @@ h5 {
} }
.highlight-h3 { .highlight-h3 {
background-color: #2ecc71 !important; background-color: #27ae60 !important;
height: 24px; height: 24px;
top: -24px; top: -24px;
} }