kopia lustrzana https://github.com/snarfed/bridgy-fed
front page redesign: style buttons
rodzic
6f11dda873
commit
77392ba0e7
Plik binarny nie jest wyświetlany.
Po Szerokość: | Wysokość: | Rozmiar: 55 KiB |
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Ładowanie…
Reference in New Issue