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;
|
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 {
|
.nostr img {
|
||||||
height: 1.4em !important;
|
height: 1.4em !important;
|
||||||
}
|
}
|
||||||
|
@ -194,26 +251,6 @@ pre .value, code .value, code.value {
|
||||||
margin-bottom: -1em;
|
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 {
|
#listen-signups input, #webmention-signups input {
|
||||||
margin: .5em;
|
margin: .5em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -39,14 +39,14 @@ bluesky light blue
|
||||||
</label>
|
</label>
|
||||||
<label for="me-atproto" class="btn btn-primary atproto disabled"
|
<label for="me-atproto" class="btn btn-primary atproto disabled"
|
||||||
title="Coming soon">
|
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">
|
<img src="/static/atproto_logo.png">
|
||||||
Bluesky
|
Bluesky
|
||||||
</label>
|
</label>
|
||||||
<label for="me-nostr" class="btn btn-primary nostr disabled"
|
<label for="me-nostr" class="btn btn-primary nostr disabled"
|
||||||
title="Coming soon">
|
title="Coming soon">
|
||||||
<input name="me" id="me-nostr" type="radio">
|
<!-- <input name="me" id="me-nostr" type="radio"> -->
|
||||||
<img src="/static/nostr_logo.png">
|
<img src="/static/nostr_logo_transparent.png">
|
||||||
Nostr
|
Nostr
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
@ -71,14 +71,14 @@ bluesky light blue
|
||||||
</label>
|
</label>
|
||||||
<label for="them-atproto" class="btn btn-primary atproto disabled"
|
<label for="them-atproto" class="btn btn-primary atproto disabled"
|
||||||
title="Coming soon">
|
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">
|
<img src="/static/atproto_logo.png">
|
||||||
Bluesky
|
Bluesky
|
||||||
</label>
|
</label>
|
||||||
<label for="them-nostr" class="btn btn-primary nostr disabled"
|
<label for="them-nostr" class="btn btn-primary nostr disabled"
|
||||||
title="Coming soon">
|
title="Coming soon">
|
||||||
<input name="them" id="them-nostr" type="radio">
|
<!-- <input name="them" id="them-nostr" type="radio"> -->
|
||||||
<img src="/static/nostr_logo.png">
|
<img src="/static/nostr_logo_transparent.png">
|
||||||
Nostr
|
Nostr
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
Ładowanie…
Reference in New Issue