home.social

#ffffff0b — Public Fediverse posts

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

  1. pquirrel :neocat_flag_trans: :gd_demon_extreme: @[email protected] ·
    CW: source CSS, not screenreader friendly 
    :root {
        --bg: light-dark(#f2f6ff, #16171a);
        --text: light-dark(#16171a, #deeaea);
        --text-2: light-dark(#31333a, #bdc0c7);
        --border: light-dark(#7c7f8e, #31333a);

        --oshade: light-dark(#00000010, #ffffff0b);

        --field-bg: light-dark(#f2f6ff, #16171a);
        --field-line: #7c7f8e;

        --max-w: 65ch;
    }

    body {
        background-color: var(--bg);
    }

    #msgs {
        width: calc(100% - 40px);
        max-width: var(--max-w);

        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }

    #msgs::before {
        content: "beepi.ng chat";
        font-size: 1.5em;
    }

    #msgs p {
        padding: 10px;
        margin: 0;

        color: var(--text);
        border-bottom: 1px solid var(--border);
    }

    #msgs p:first-child {
        border-top: 1px solid var(--border);
        margin-top: 10px;
    }

    #msgs p:nth-child(2n) {
        background-color: var(--oshade);
    }

    #msgs::after {
        content: "send a message...";
        position: relative;

        left: 10px;
        top: 0px;

        font-size: 0.8em;
        color: var(--text-2);
    }

    #inp {
        display: block;
        width: 65ch;
        max-width: 65ch;

        margin-left: auto;
        margin-right: auto;

        background-color: var(--field-bg);
        border: 1px solid var(--field-line);

        margin-top: 20px;

        height: 2em;

        padding: 4px;
        border-radius: 4px;

        margin-bottom: 80px;
    }
    #f2f6ff #16171a #deeaea #31333a #bdc0c7 #7c7f8e
  2. pquirrel :neocat_flag_trans: :gd_demon_extreme: @[email protected] ·
    CW: source CSS, not screenreader friendly 
    :root {
        --bg: light-dark(#f2f6ff, #16171a);
        --text: light-dark(#16171a, #deeaea);
        --text-2: light-dark(#31333a, #bdc0c7);
        --border: light-dark(#7c7f8e, #31333a);

        --oshade: light-dark(#00000010, #ffffff0b);

        --field-bg: light-dark(#f2f6ff, #16171a);
        --field-line: #7c7f8e;

        --max-w: 65ch;
    }

    body {
        background-color: var(--bg);
    }

    #msgs {
        width: calc(100% - 40px);
        max-width: var(--max-w);

        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }

    #msgs::before {
        content: "beepi.ng chat";
        font-size: 1.5em;
    }

    #msgs p {
        padding: 10px;
        margin: 0;

        color: var(--text);
        border-bottom: 1px solid var(--border);
    }

    #msgs p:first-child {
        border-top: 1px solid var(--border);
        margin-top: 10px;
    }

    #msgs p:nth-child(2n) {
        background-color: var(--oshade);
    }

    #msgs::after {
        content: "send a message...";
        position: relative;

        left: 10px;
        top: 0px;

        font-size: 0.8em;
        color: var(--text-2);
    }

    #inp {
        display: block;
        width: 65ch;
        max-width: 65ch;

        margin-left: auto;
        margin-right: auto;

        background-color: var(--field-bg);
        border: 1px solid var(--field-line);

        margin-top: 20px;

        height: 2em;

        padding: 4px;
        border-radius: 4px;

        margin-bottom: 80px;
    }
    #inp #msgs #ffffff0b #7c7f8e #bdc0c7 #31333a