123 lines
2.2 KiB
HTML
123 lines
2.2 KiB
HTML
<style>
|
|
|
|
/** index.html **/
|
|
|
|
.avatar-container {
|
|
width: 50px;
|
|
margin-left: 45px;
|
|
}
|
|
.avatar-container .avatar-img-border {
|
|
width: 100%;
|
|
border-radius: 50%;
|
|
margin-left: -50%;
|
|
display: inline-block;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
|
|
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
|
|
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
|
|
}
|
|
.avatar-container .avatar-img {
|
|
width: 100%;
|
|
border-radius: 50%;
|
|
display: block;
|
|
}
|
|
|
|
.intro .freshly-baked {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.intro {
|
|
margin-top: -150px;
|
|
}
|
|
|
|
@media only screen and (min-width: 500px) {
|
|
.intro .freshly-baked {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.intro {
|
|
margin-top: -40px;
|
|
}
|
|
|
|
.avatar-container {
|
|
width: 100px;
|
|
}
|
|
|
|
.avatar-container .avatar-img-border {
|
|
width: 100%;
|
|
box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
|
|
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
|
|
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
|
|
}
|
|
|
|
.avatar-container .avatar-img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/** general **/
|
|
|
|
/* voor 20'+ breedbeeldschermen de main content verhogen */
|
|
@media only screen and (min-width: 1600px) {
|
|
|
|
main {
|
|
max-width: 900px !important;
|
|
}
|
|
|
|
}
|
|
|
|
blockquote {
|
|
color: #888 !important;
|
|
border-left: 5px solid var(--accent) !important;
|
|
}
|
|
|
|
main {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
main .text-justify p {
|
|
margin: 0 0 20px !important;
|
|
}
|
|
|
|
main .text-justify blockquote p {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
|
|
.big-img {
|
|
background: no-repeat center center;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
background-size: cover;
|
|
-o-background-size: cover;
|
|
|
|
border-top: 2px solid lightgray;
|
|
border-bottom: 1px solid var(--accent);
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.big-img .container {
|
|
height: 150px;
|
|
}
|
|
}
|
|
|
|
/* --- goodreads widget styles --- */
|
|
.gr_grid_container {
|
|
}
|
|
|
|
.gr_grid_book_container {
|
|
/* customize book cover container div here */
|
|
float: left;
|
|
width: 98px;
|
|
height: 160px;
|
|
padding: 0px 0px;
|
|
border: 1px solid black;
|
|
margin: 5px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
</style>
|
|
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
|
|
{{ template "_internal/google_analytics_async.html" . }}
|