This commit is contained in:
MeowcaTheoRange 2024-08-29 12:35:14 -05:00
parent 9ad25ba67f
commit ea669dbed7
2 changed files with 24 additions and 2 deletions

View file

@ -186,6 +186,14 @@ hr {
box-sizing: border-box; */ box-sizing: border-box; */
} }
.web-button.noimg {
text-shadow: 1px 1px 0 #000;
box-shadow:
inset 1px 1px 0 0 #fff,
inset -1px -1px 0 0 #000;
/* background-image: linear-gradient(135deg, transparent, #8888); */
}
.web-button:hover { .web-button:hover {
left: -4px; left: -4px;
top: -4px; top: -4px;
@ -205,6 +213,20 @@ hr {
1px 1px 0 0px black; 1px 1px 0 0px black;
} }
.web-button.noimg:hover {
box-shadow:
inset 1px 1px 0 0 #fff,
inset -1px -1px 0 0 #000,
4px 4px 0 -1px var(--shadow),
3px 3px 0 -1px var(--shadow),
2px 2px 0 -1px var(--shadow),
1px 1px 0 -1px var(--shadow),
4px 4px 0 0px black,
3px 3px 0 0px black,
2px 2px 0 0px black,
1px 1px 0 0px black;
}
#mothvertisement { #mothvertisement {
margin-left: auto; margin-left: auto;
display: block; display: block;

View file

@ -8,7 +8,7 @@
<% if (button.img != null) { %> <% if (button.img != null) { %>
<a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a> <a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a>
<% } else { %> <% } else { %>
<a class="web-button" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a> <a class="web-button noimg" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a>
<% } %> <% } %>
<% }) %> <% }) %>
</section> </section>
@ -20,7 +20,7 @@
<% if (button.img != null) { %> <% if (button.img != null) { %>
<a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a> <a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a>
<% } else { %> <% } else { %>
<a class="web-button" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a> <a class="web-button noimg" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a>
<% } %> <% } %>
<% }) %> <% }) %>
</section> </section>