front page redesign: style buttons

redesign-v3-text-instructions
Ryan Barrett 2023-12-13 12:32:40 -08:00
rodzic 6f11dda873
commit 77392ba0e7
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 6BE31FDF4776E9D4
3 zmienionych plików z 63 dodań i 26 usunięć

Plik binarny nie jest wyświetlany.

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 55 KiB

Wyświetl plik

@ -161,6 +161,63 @@ pre .value, code .value, code.value {
margin-top: -.2em;
}
.btn.web, .btn.web:hover, .btn.web:focus, .btn.web.active {
background-color: #20593c;
border: 2px solid #47c986;
}
/* .btn.web.active { */
/* background-color: #50996c; */
/* } */
/* .btn.web:hover { */
/* background-color: #60a98c; */
/* } */
.btn.fediverse, .btn.fediverse:hover, .btn.fediverse:focus, .btn.fediverse.active {
background-color: #88305b;
border: 2px solid #c94786;
}
/* .btn.fediverse.active { */
/* background-color: #88305b; */
/* } */
/* .btn.fediverse:hover { */
/* background-color: #88305b; */
/* } */
.btn.active:not(.disabled) {
box-shadow: 0px 0px .5em white, 2px 2px .5em yellow, -2px -2px .5em red;
}
.btn:hover:not(.disabled) {
box-shadow: 0px 0px 1em white, 2px 2px 1em yellow, -2px -2px 1em red;
}
.btn.atproto, .btn.atproto:hover {
background-color: #2b3e5b;
/* not disabled: #113a79; */
border: 2px solid #2e5884;
/* not disabled: #4786c9; */
}
.btn.nostr, .btn.nostr:hover {
background-color: #46374F;
/* not disabled: #491F62; */
border: 2px solid #53415E;
/* not disabled: ; */
}
.btn.disabled, .btn.disabled:hover {
opacity: 100%;
color: #c0c0c0;
}
.btn.disabled img {
opacity: 65%;
}
.nostr img {
height: 1.4em !important;
}
@ -194,26 +251,6 @@ pre .value, code .value, code.value {
margin-bottom: -1em;
}
.btn.web {
background-color: #47c986;
}
.btn.fediverse {
background-color: #c94786;
}
.btn.atproto {
background-color: #4786c9;
}
.btn.nostr {
background-color: #5E287D;
}
.btn.disabled {
opacity: 100%;
}
#listen-signups input, #webmention-signups input {
margin: .5em;
}

Wyświetl plik

@ -39,14 +39,14 @@ bluesky light blue
</label>
<label for="me-atproto" class="btn btn-primary atproto disabled"
title="Coming soon">
<input name="me" id="me-atproto" type="radio">
<!-- <input name="me" id="me-atproto" type="radio"> -->
<img src="/static/atproto_logo.png">
Bluesky
</label>
<label for="me-nostr" class="btn btn-primary nostr disabled"
title="Coming soon">
<input name="me" id="me-nostr" type="radio">
<img src="/static/nostr_logo.png">
<!-- <input name="me" id="me-nostr" type="radio"> -->
<img src="/static/nostr_logo_transparent.png">
Nostr
</label>
</div>
@ -71,14 +71,14 @@ bluesky light blue
</label>
<label for="them-atproto" class="btn btn-primary atproto disabled"
title="Coming soon">
<input name="them" id="them-atproto" type="radio">
<!-- <input name="them" id="them-atproto" type="radio"> -->
<img src="/static/atproto_logo.png">
Bluesky
</label>
<label for="them-nostr" class="btn btn-primary nostr disabled"
title="Coming soon">
<input name="them" id="them-nostr" type="radio">
<img src="/static/nostr_logo.png">
<!-- <input name="them" id="them-nostr" type="radio"> -->
<img src="/static/nostr_logo_transparent.png">
Nostr
</label>
</div>