ayo/threads
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: heading colors & spacing

Browse source
This commit is contained in:
Ayo Ayco 2024-04-27 22:12:38 +02:00
parent 2276059d47
commit 366d5d1a0c
1 changed files with 17 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
templates/threads.html
View file

@ -26,12 +26,9 @@
color: #232323; color: #232323;
padding: 5px; padding: 5px;
} }
header, footer { header, footer, main {
padding: 1em; padding: 1em;
} }
main {
padding: 1em 0;
}
header, footer { header, footer {
background: linear-gradient(45deg, #3054bf, #416fff); background: linear-gradient(45deg, #3054bf, #416fff);
color: white; color: white;
@ -41,15 +38,6 @@
} }
} }
main .back {
& a {
text-decoration: none;
}
& a::before {
content: '\25C0';
}
}
ul { ul {
list-style: none; list-style: none;
} }
@ -97,7 +85,7 @@
border-radius: 5px; border-radius: 5px;
box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15); box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15);
max-width: 100%; max-width: 100%;
margin-bottom: 1em; margin: 15px 0 1em;
object-fit: cover; object-fit: cover;
} }
@ -119,13 +107,18 @@
grid-template-columns: auto auto; grid-template-columns: auto auto;
gap: 5px; gap: 5px;
& .anchor, & .right_menu {
& .anchor a {
padding-top: 5px; padding-top: 5px;
font-size: small; font-size: small;
text-align: right; text-align: right;
color: #555; color: #888;
vertical-align: center;
& a:hover{
color: blue
}
& a{
color: #888;
}
} }
& .author a { & .author a {
@ -214,10 +207,9 @@
<a rel="author" href="{{thread.account.url}}">{{thread.account.display_name | safe}}</a> <a rel="author" href="{{thread.account.url}}">{{thread.account.display_name | safe}}</a>
</h3> </h3>
<div class="anchor"> <div class="right_menu">
<span title="{{ thread.created_at }}">{{ thread.created_at | time_ago }}</span> &middot; <a href="{{ thread.url }}" title="{{ thread.created_at }}">{{ thread.created_at | time_ago }}</a> &middot;
<a href="{{ url_for('threads.thread', id=thread['id']) + '#' + thread['id'] }}">anchor</a> &middot; <a href="{{ url_for('threads.thread', id=thread['id']) + '#' + thread['id'] }}">Anchor</a>
<a href="{{ thread.url }}" target="_blank">&nearr;</a>
</div> </div>
</div> </div>
@ -271,10 +263,9 @@
> >
</h3> </h3>
<div class="anchor"> <div class="right_menu">
<span title="{{ descendant.created_at }}">{{ descendant.created_at | time_ago }}</span> &middot; <a href="{{ descendant.url }}" title="{{ descendant.created_at }}">{{ descendant.created_at | time_ago }}</a> &middot;
<a href="{{ url_for('threads.thread', id=thread['id']) + '#' + descendant['id'] }}">anchor</a>&middot; <a href="{{ url_for('threads.thread', id=thread['id']) + '#' + descendant['id'] }}">Anchor</a>
<a href="{{ descendant.url }}" target="_blank">&nearr;</a>
</div> </div>
</div> </div>