chimchooree/blessfrey-bottle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nav is converted to text so it has less wonkiness

Browse Source
This commit is contained in:
chimchooree
2023-05-08 20:10:45 -05:00
parent e094dbae62
commit 8b39b64629
2 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/static/css/diary.css
+6 -3
View File
@@ -22,11 +22,11 @@
} }
.diary-dir { .diary-dir {
color: #C0AAC0;
flex-shrink: 0; display: flex; flex-shrink: 0; display: flex;
justify-content: center; justify-content: center;
background-color: transparent; background-color: transparent;
font-size: 1.5em; font-size: 1.5em;
color: #AAA39D;
font-weight: bold; font-weight: bold;
text-shadow: text-shadow:
-1px -1px 1px #080410, -1px -1px 1px #080410,
@@ -39,7 +39,7 @@
-1px 0 1px #080410; -1px 0 1px #080410;
} }
.diary-dir a { .diary-dir a {
color: #E6E8EF; color: #C0AAC0;
font-weight: bold; font-weight: bold;
text-shadow: text-shadow:
-1px -1px 1px #080410, -1px -1px 1px #080410,
@@ -51,6 +51,9 @@
-1px 2px 1px #080410, -1px 2px 1px #080410,
-1px 0 1px #080410; -1px 0 1px #080410;
} }
.diary-dir a:hover, .diary-dir a:active {
font-family: 'mitochondriaregular', sans-serif;
}
.diary-dir-left { .diary-dir-left {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@@ -64,13 +67,13 @@
margin-right: .3em; margin-right: .3em;
} }
.diary-dir-number { .diary-dir-number {
background-color: #886488;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
white-space: nowrap; white-space: nowrap;
border-radius: .3em; border-radius: .3em;
padding-left: .3em; padding-left: .3em;
padding-right: .3em; padding-right: .3em;
padding-bottom: .5em;
} }
.diary-dir-right { .diary-dir-right {
display: inline-block; display: inline-block;
src/views/diary.tpl
+12 -12
View File
@@ -17,18 +17,18 @@
<div class="diary-dir-left"> <div class="diary-dir-left">
% # << is always active link pointing to 0 % # << is always active link pointing to 0
<a href=/diary/0> <a href=/diary/0>
<img src="/static/img/dia/nav_ll.png" alt="&lt;&lt;"> &lt;&lt;
</a> </a>
% # < points to 0 if page 0 or below % # < points to 0 if page 0 or below
% if page <= 0: % if page <= 0:
<a href=/diary/0> <a href=/diary/0>
<img src="/static/img/dia/nav_l.png" alt="&lt;"> &lt;
</a> </a>
% # < points to previous page otherwise % # < points to previous page otherwise
% else: % else:
<a href=/diary/{{page - 1}}> <a href=/diary/{{page - 1}}>
<img src="/static/img/dia/nav_l.png" alt="&lt;"> &lt;&lt;
</a> </a>
% end % end
</div> </div>
@@ -72,18 +72,18 @@
% # > points to max if page is at or above maximum % # > points to max if page is at or above maximum
% if page >= max_pages: % if page >= max_pages:
<a href=/diary/{{max_pages}}> <a href=/diary/{{max_pages}}>
<img src="/static/img/dia/nav_r.png" alt="&gt;"> &gt;
</a> </a>
% # > point to next page otherwise % # > point to next page otherwise
% else: % else:
<a href=/diary/{{page + 1}}> <a href=/diary/{{page + 1}}>
<img src="/static/img/dia/nav_r.png" alt="&gt;"> &gt;
</a> </a>
% end % end
% # >> is always active link to maximum page % # >> is always active link to maximum page
<a href=/diary/{{max_pages}}> <a href=/diary/{{max_pages}}>
<img src="/static/img/dia/nav_rr.png" alt="&gt;&gt;"> &gt;&gt;
</a> </a>
</div> </div>
</div> </div>
@@ -146,18 +146,18 @@
<div class="diary-dir-left"> <div class="diary-dir-left">
% # << is always active link pointing to 0 % # << is always active link pointing to 0
<a href=/diary/0> <a href=/diary/0>
<img src="/static/img/dia/nav_ll.png" alt="&lt;&lt;"> &lt;&lt;
</a> </a>
% # < points to 0 if page 0 or below % # < points to 0 if page 0 or below
% if page <= 0: % if page <= 0:
<a href=/diary/0> <a href=/diary/0>
<img src="/static/img/dia/nav_l.png" alt="&lt;"> &lt;
</a> </a>
% # < points to previous page otherwise % # < points to previous page otherwise
% else: % else:
<a href=/diary/{{page - 1}}> <a href=/diary/{{page - 1}}>
<img src="/static/img/dia/nav_l.png" alt="&lt;"> &lt;
</a> </a>
% end % end
</div> </div>
@@ -202,17 +202,17 @@
% # > points to max if page is at or above maximum % # > points to max if page is at or above maximum
% if page >= max_pages: % if page >= max_pages:
<a href=/diary/{{max_pages}}> <a href=/diary/{{max_pages}}>
<img src="/static/img/dia/nav_r.png" alt="&gt;"> &gt;
</a> </a>
% # > point to next page otherwise % # > point to next page otherwise
% else: % else:
<a href=/diary/{{page + 1}}> <a href=/diary/{{page + 1}}>
<img src="/static/img/dia/nav_r.png" alt="&gt;"> &gt;
</a> </a>
% end % end
% # >> is always active link to maximum page % # >> is always active link to maximum page
<a href=/diary/{{max_pages}}> <a href=/diary/{{max_pages}}>
<img src="/static/img/dia/nav_rr.png" alt="&gt;&gt;"> &gt;&gt;
</a> </a>
</div> </div>
</div> </div>