home.social

#6364ff — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #6364ff, aggregated by home.social.

fetched live
  1. Alexia :neocat_flag_trans: :therian: @[email protected] ·

    @vozercozer your wish shall be my command

    .star-icon {
        background: url("https://media.wetdry.world/custom_emojis/images/000/352/004/original/12d8991d1b54866a.png");
        background-size: 100%;
    }

    .star-icon.activate {
        outline: 2px solid #6364ff;
    }

    .star-icon > svg {
        opacity: 0;
    }

    I release this as CC0

    #6364ff
  2. Alexia :neocat_flag_trans: :therian: @[email protected] ·

    @vozercozer your wish shall be my command

    .star-icon {
        background: url("https://media.wetdry.world/custom_emojis/images/000/352/004/original/12d8991d1b54866a.png");
        background-size: 100%;
    }

    .star-icon.activate {
        outline: 2px solid #6364ff;
    }

    .star-icon > svg {
        opacity: 0;
    }

    I release this as CC0

    #6364ff
  3. Alexia :neocat_flag_trans: :therian: @[email protected] ·

    @vozercozer your wish shall be my command

    .star-icon {
        background: url("https://media.wetdry.world/custom_emojis/images/000/352/004/original/12d8991d1b54866a.png");
        background-size: 100%;
    }

    .star-icon.activate {
        outline: 2px solid #6364ff;
    }

    .star-icon > svg {
        opacity: 0;
    }

    I release this as CC0

    #6364ff
  4. Alexia :neocat_flag_trans: :therian: @[email protected] ·

    @vozercozer your wish shall be my command

    .star-icon {
        background: url("https://media.wetdry.world/custom_emojis/images/000/352/004/original/12d8991d1b54866a.png");
        background-size: 100%;
    }

    .star-icon.activate {
        outline: 2px solid #6364ff;
    }

    .star-icon > svg {
        opacity: 0;
    }

    I release this as CC0

    #6364ff
  5. schuelermine @[email protected] ·

    #6364ff (publish button on mastodon instance I use)

    #6364ff
  6. schuelermine @[email protected] ·

    #6364ff (publish button on mastodon instance I use)

    #6364ff
  7. schuelermine @[email protected] ·

    #6364ff (publish button on mastodon instance I use)

    #6364ff
  8. schuelermine @[email protected] ·

    #6364ff (publish button on mastodon instance I use)

    #6364ff
  9. schuelermine @[email protected] ·

    #6364ff (publish button on mastodon instance I use)

    #6364ff
  10. Chris Helming :enby: :they: @[email protected] ·

    @MGOPW found some more; checkboxes for content warning on photos:

    .compose-form__sensitive-button .checkbox.active {
    border-color: #8c8dff;
    background: #8c8dff;
    }

    privacy:
    .privacy-dropdown__option.active, .privacy-dropdown__option:hover {
    background: #6364ff;
    color: #fff;
    outline: 0;
    }

    content warning active:
    .text-icon-button.active {
    color: #8c8dff;
    }

    .language-dropdown__dropdown__results__item.active {
    background: #6364ff;
    color: #fff;
    outline: 0;
    }

    #6364ff #8c8dff #fff
  11. Puka @[email protected] ·
    CW: question CSS/Mastodon

    @Lapineige
    ```
    .button:active, .button:focus, .button:hover {
    background-color: #6364ff;
    }
    ```
    components.scss ?

    #6364ff
  12. Luka Prin/ce Lucija @[email protected] ·
    CW: workaround to change text on publish button

    in Administration > Server settings > Appearance - there's a field for custom CSS:

    .compose-form__publish-button-wrapper button {
    visibility: hidden;
    }

    .compose-form__publish-button-wrapper button:before {
    visibility: visible;
    content: 'Toot!';
    display: block;
    width: 100%;
    padding: 7px;
    margin-top:-7px;
    border-radius: 3px;
    background-color: #595aff;
    }

    .button.button--block:hover:before {
    background-color: #6364ff;
    }

    #595aff #6364ff
  13. Luka Prin/ce Lucija @[email protected] ·
    CW: workaround to change text on publish button

    in Administration > Server settings > Appearance - there's a field for custom CSS:

    .compose-form__publish-button-wrapper button {
    visibility: hidden;
    }

    .compose-form__publish-button-wrapper button:before {
    visibility: visible;
    content: 'Toot!';
    display: block;
    width: 100%;
    padding: 7px;
    margin-top:-7px;
    border-radius: 3px;
    background-color: #595aff;
    }

    .button.button--block:hover:before {
    background-color: #6364ff;
    }

    #595aff #6364ff
  14. Luka Prin/ce Lucija @[email protected] ·
    CW: workaround to change text on publish button

    in Administration > Server settings > Appearance - there's a field for custom CSS:

    .compose-form__publish-button-wrapper button {
    visibility: hidden;
    }

    .compose-form__publish-button-wrapper button:before {
    visibility: visible;
    content: 'Toot!';
    display: block;
    width: 100%;
    padding: 7px;
    margin-top:-7px;
    border-radius: 3px;
    background-color: #595aff;
    }

    .button.button--block:hover:before {
    background-color: #6364ff;
    }

    #595aff #6364ff
  15. Luka Prin/ce Lucija @[email protected] ·
    CW: workaround to change text on publish button

    in Administration > Server settings > Appearance - there's a field for custom CSS:

    .compose-form__publish-button-wrapper button {
    visibility: hidden;
    }

    .compose-form__publish-button-wrapper button:before {
    visibility: visible;
    content: 'Toot!';
    display: block;
    width: 100%;
    padding: 7px;
    margin-top:-7px;
    border-radius: 3px;
    background-color: #595aff;
    }

    .button.button--block:hover:before {
    background-color: #6364ff;
    }

    #6364ff #595aff
  16. Luka Prin/ce Lucija @[email protected] ·
    CW: workaround to change text on publish button

    in Administration > Server settings > Appearance - there's a field for custom CSS:

    .compose-form__publish-button-wrapper button {
    visibility: hidden;
    }

    .compose-form__publish-button-wrapper button:before {
    visibility: visible;
    content: 'Toot!';
    display: block;
    width: 100%;
    padding: 7px;
    margin-top:-7px;
    border-radius: 3px;
    background-color: #595aff;
    }

    .button.button--block:hover:before {
    background-color: #6364ff;
    }

    #595aff #6364ff