mat/matdoesdev
1
0
Fork 0
mirror of https://github.com/mat-1/matdoesdev.git synced 2025-08-02 06:36:04 +00:00
Code Activity Actions

css fixes for retro page

Browse source
This commit is contained in:
mat 2024-12-11 08:51:22 +00:00
parent a0c06ebf01
commit fc070a4348
2 changed files with 39 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/routes/retro/+page.svelte
View file

@ -412,15 +412,19 @@
<tr>
<td></td>
<td>
<img src="//counter.matdoes.dev" alt="visitor counter" id="counter" />
<center>
<img src="//counter.matdoes.dev" alt="visitor counter" id="counter" />
</center>
</td>
</tr>
<tr><td><p class="last-updated">Page last updated: December 9, 2014</p></td></tr>
</tbody>
</table>
<table id="second-table">
<tbody>
<tr>
<td></td>
<td></td>
<td class="qotd-container">
<td class="qotd-container" width="300px">
<h3>QUOTE OF THE DAY</h3>
<p>
&gt;&nbsp;{data.qotd}
@ -429,6 +433,7 @@
</tr>
</tbody>
</table>
<div class="bottom"></div>
<noscript>
<style>
@ -443,13 +448,21 @@
text-align: right;
height: 400px;
overflow-y: scroll;
float: right;
clear: right;
}
.sidebar-list-entry-container {
margin: 0.5em 0;
max-width: fit-content;
float: right;
clear: right;
}
#main-table {
width: 100%;
}
.bottom {
margin-bottom: 5rem;
}
@ -488,7 +501,6 @@
}
#counter {
margin: 0 auto;
display: block;
}
@ -629,11 +641,15 @@
border: 1px solid #fffa;
padding: 1rem;
background: url(/retro/purple4.gif);
max-width: 100px;
max-width: 300px;
word-wrap: break-word;
}
.qotd-container h3 {
margin: 0;
color: #7fd962;
}
#second-table {
width: 100%;
}
</style>

21
src/routes/retro/Button.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts">
interface Props {
alt: string;
src: string;
href: string;
alt: string
src: string
href: string
}
let { alt, src, href }: Props = $props();
let { alt, src, href }: Props = $props()
</script>
<a {href}><img src="/retro/buttons/{src}" {alt} width="88" height="31" border="0" /></a>
@ -13,5 +13,18 @@
<style>
img {
image-rendering: crisp-edges;
transition: outline 100ms;
outline: 1px solid transparent;
}
a:hover img {
outline: 1px solid #fff;
}
a {
outline: none;
}
a:focus img {
outline: 1px solid #fff;
}
</style>