raghnarok/hugo_frigg
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: raghnarok:9da2a99bc9e658ccfe3700e8071abd2c781fbc7d
Branches Tags
raghnarok:main
raghnarok:v0.1.0
..
compare: raghnarok:8dd30f6eb8dfb6df7a6129306053fcce272378b1
Branches Tags
raghnarok:main
raghnarok:v0.1.0

No commits in common. "9da2a99bc9e658ccfe3700e8071abd2c781fbc7d" and "8dd30f6eb8dfb6df7a6129306053fcce272378b1" have entirely different histories.
9da2a99bc9 ... 8dd30f6eb8

2 changed files with 11 additions and 38 deletions
Show stats Expand all files Collapse all files

5
layouts/archives/li.html
View file

@ -1,8 +1,5 @@
<a class="archive hidden_link" href="{{ .Params.ExternalLink | default .RelPermalink }}"> <a class="archive hidden_link" href="{{ .Params.ExternalLink | default .RelPermalink }}">
<img class="thumbnail" src="{{ .RelPermalink }}/thumb.jpg" /> <img class="thumbnail" src="{{ .RelPermalink }}/thumb.jpg" />
<div class="description"> <span class="description">{{ .Title }}</span>
<span class="title">{{ .Title }}</span>
<p>{{ .Description }}</p>
<span class="more">&rarr; plus d'infos</span> <span class="more">&rarr; plus d'infos</span>
</div>
</a> </a>

42
static/css/style.css
View file

@ -351,10 +351,11 @@ a.not(.anchor):focus {
height: 100px; height: 100px;
} }
.archives-list .thumbnail { .archives-list .thumbnail {
display: inline-block; display: block;
width: 15em; width: 15em;
text-align: left; text-align: left;
margin-right: 1.5em; padding-right: 1.5em;
float: left;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.archives-list .thumbnail { .archives-list .thumbnail {
@ -362,16 +363,8 @@ a.not(.anchor):focus {
text-align: right; text-align: right;
} }
} }
.archives-list .title {
font-weight: bold;
}
.archives-list .description { .archives-list .description {
display: inline-block; height: 100%;
min-width: 10em;
vertical-align: top;
}
.archives-list .description>p {
min-height: 3em;
} }
.archive .more { .archive .more {
position: absolute; position: absolute;
@ -410,30 +403,20 @@ a.not(.anchor):focus {
} }
#letter-choice>p, #letter-choice>p,
#letter-form>label { #letter-form>label {
display: block; display: inline-block;
min-width: 10em;
} }
#letter-choice input:first-of-type { #letter-choice input:first-of-type {
margin-top: 0; margin-top: 0;
} }
#letter-form input[type="text"] { #letter-form input[type="text"] {
height: 2em; height: 2em;
width: 100%; width: 20em;
max-width: 100%; max-width: 100%;
} }
#letter-form #submit { #letter-form #submit {
padding: 0.5em 0.8em; padding: 0.5em 0.8em;
} }
@media only screen and (min-width: 768px) {
#letter-form>label {
display: inline-block;
min-width: 16em;
}
#letter-form input[type="text"] {
height: 2em;
width: 24em;
}
}
/******************* Paginator *******************/ /******************* Paginator *******************/
.pagination { .pagination {
padding-left: 0; padding-left: 0;
@ -789,13 +772,6 @@ blockquote:after {
} }
/******************* Archive Gallery *******************/ /******************* Archive Gallery *******************/
.thumb {
display: inline-block;
position: relative;
}
.thumb:hover {
z-index: 2;
}
.thumb>img { .thumb>img {
max-height: 150px; max-height: 150px;
max-width: 150px; max-width: 150px;
@ -816,7 +792,7 @@ blockquote:after {
.lightbox img { .lightbox img {
max-width: 90%; max-width: 90%;
max-height: 92vh; max-height: 95%;
margin-top: 2%; margin-top: 2%;
opacity: 0; opacity: 0;
} }
@ -873,7 +849,7 @@ blockquote:after {
color: #fafafa; color: #fafafa;
background-color: var(--background-color-dark); background-color: var(--background-color-dark);
border: solid 5px var(--font-color-em); border: solid 5px var(--font-color-em);
padding: 0.7em 0.9em 0.6em 0.9em; padding: 10px 15px;
border-radius: 1px; border-radius: 1px;
text-decoration: none; text-decoration: none;
opacity: 50%; opacity: 50%;