Twitterune by zulc22

/* ==UserStyle==
@name         Twitterune
@version      20221014.2
@namespace    userstyles.world/user/zulc22
@description  Twitter, styled like the "Deltarune" RPG.
@author       zulc22
@license      0BSD
@homepageURL  https://github.com/zulc22/Twitterune
@supportURL   https://github.com/zulc22/Twitterune/issues
==/UserStyle== */

@-moz-document domain("twitter.com") {
/* Twitterune by zulc22, 2022 */

/* Awesome border */
.css-1dbjc4n article, .css-1dbjc4n.r-yfoy6g.r-1f1sjgu, [role="dialog"].r-1potc6q {
    border: 16px solid transparent;
    background: black; background-clip: padding-box;
    margin: 8px;
    border-image: 16 round url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAElBMVEVjb2wAAAABAQGsrrSs/uT8/vxYyzAWAAAAAXRSTlMAQObYZgAAAKxJREFUOMvtlEEOwyAMBJFSHtAvGOUeseLeJ6Ag//8rJQohdhWj9NZD9wYjbEvs2rmRvD7mEyzyfhIAEqAD5iJBYj4eFLAQUj56eQ1ym4YfHkr5tddiF0Kgrhij24DnwsB6ghngxLUNCiiSUCCkbf6pViWlerHs084arG1eX6IGoQP60D3wbPqD3wDf/aBphmv7mIazLGqb2orBIDhm1Mxw2nE2F8BgZVhL5kpv0g+Ab47NTM8AAAAASUVORK5CYII=);
}

/* QRT */
.r-1867qdf {
    border: 2px solid white;
    padding: 2px;
    background: black; background-clip: padding-box;
    border-radius: 0;
}
.r-1s2bzr4 {
    margin: 5px 5px 0px 5px;
}
.r-6gpygo {
    margin: 0px 5px 5px 29px;
}
.r-1ah4tor { /* Fix PFPs on notifications page */
    margin-left: 0px;
    margin-top: 6px;
}
.r-14gqq1x {
    margin: 0;
}

/* Remove padding around tweets */
.r-ttdzmv, .css-1dbjc4n article, .r-zl2h9q, .css-1dbjc4n .r-4qtqp9 .r-zl2h9q, .css-1dbjc4n.r-xoduu5.r-xyw6el.r-mk0yit.r-13qz1uu {
    padding: 0 0 0 0;
}

/* Default font */
.r-37j5jr, .css-901oao {
    font-family: Determination Mono Web;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-shadow: 1px 1px 0 #0c0e74;
}

/* Twemoji */
.r-h9hxbl, .r-f9ja8p {
    position: relative; height: 13px; top: -2px; width: 12px;
}

.r-f9ja8p {
    top: 0px; left: 2px;
}

.r-13hce6t { /* Space inbtwn Nickname and @ */
    margin-left: 8px;
}

.r-qklmqi {
    border-bottom-width: 0;
}

[aria-hidden=true] .r-qvutc0 { /* Little dot btwn @ and timestamp */
    padding: 3px;
}

.r-sdzlij { border-radius: 0px; } /* SQUARES, BITCHES !!! */

/* PFP in 'Tweet your reply' box */
.r-1b7u577.r-1h8ys4a div div div div div div .r-417010 {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkAgMAAACyK1GZAAAACVBMVEUAAAcAAAD/AAD4XOOjAAAAAXRSTlMAQObYZgAAAFNJREFUGNPN0CsWwDAIRNEx2V/MM9lfDass+bQ5BFVXDHM5o5BUQIKqPgHYVUszEnwbmF8SzIMf7CPG/BHMTMLTW38LYLciZm/lA+xWRO+9+QBk3DcnlhV1akJYAAAAAElFTkSuQmCC);
    left: -6px;
    background: black;
}

[data-testid="toolBar"], .r-yfoy6g:not([data-testid="primaryColumn"]):not([aria-label="Timeline: Conversation"]>div>div>div>div>div) { /* fix weird backgrounds */
    background: black;
    background-clip: padding-box;
}

/* Reply chain line. */
/* TODO:
    Make selector NOT apply to tweets with the "Show this thread" thing on it
    Make selector NOT show above the "... Show replies" thing on long threads
*/

/* Repl chain: hide 3 dots next to "show replies" */
.r-m5arl1 { display: none; }
article * [data-testid="Tweet-User-Avatar"] + .r-m5arl1 {
    display: inherit;
}

/* Repl chain, top */
article * [data-testid="Tweet-User-Avatar"] + .r-m5arl1::after {
    position: fixed;
    bottom: -16.5px;
    left: 39px;
    display: block;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAmBAMAAAA7C9bfAAAAElBMVEVldABldC0BAQFCU2SsrrT8/vzSYCvIAAAAAXRSTlMAQObYZgAAADxJREFUGNNjYAACYwYYoCbLxUlJyVhJScWFIRTKCh1CLAYmMEuBAatYAJTFiiTGwABmMaACbGJMQDGgBgAOAStejurM/AAAAABJRU5ErkJggg==);
}

/* Repl chain line, bottom */
article div[class='css-1dbjc4n r-1hwvwag r-18kxxzh r-15zivkp r-1b7u577'] {
    position: fixed;
    top: -13px;
    left: 39px;
    display: block;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAmElEQVRIx+2SMQ6DMAxFvy1fjL1daHuCnqs3QBEDAxsXs+JOQbRqgyBBYrCnSMl/evkJ4ccQkaV10z4BAFN4zftmRjhqKGfzz+hQq2pGnINkDb7Oska10mtpVGNhKS5NWIg1qmlU68Kw2awLg6W8LI22dAQA9/ZCHx3VMOJa/8hBDnKQg84Ckr4fiwApL4/bdTdkmfVXW5834V1TPnz+frkAAAAASUVORK5CYII=)
}

/* Repl chain line in reply modal */
[role=dialog] * .r-m5arl1 {
    display: none;
}

/* RT, like icons in notifs */
.r-yucp9h {
    top: 5px;
    right: 7px;
}

/* Twitter logo, topleft of page */
[aria-label="Twitter"] span {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAeAgMAAADfpp+EAAAACVBMVEVHAHkAAAD///9A3jTkAAAAAXRSTlMAQObYZgAAAKJJREFUGNM1jrERwyAMRUURNkjhbTyCi3zdmdouomnckAlMAVNGXyEquIfu6UsiD4g8X+JVxpasryKp4c5VL5EM7DtwiCyANv8FsZzOGvRZ5TSCqdNwSwd72ksvjb0ybFgngVSdFpTS3zNvJudf8kFS4CSlWio6LpI1HSSP8fKQeczO6zNscCBGYoCittBCDC22HD9KdWoU10nL1Fy8/5Q2vl+ti0dmq9VtkwAAAABJRU5ErkJggg==);
    width: 33px; height: 30px;
    position: relative; right: 0px;
}
[aria-label="Twitter"] svg { display: none; }

/* '...' icon, topright on tweets */
.r-1joea0r { height: 16px; }
.r-1joea0r svg { top: -3px; transform: scale(0.6) }

/* Tweet text */
div[data-testid=tweetText]::before {
    position: absolute;
    left: -2ch;
    content: "* ";
}

[data-testid="tweetTextarea_0RichTextInputContainer"]::before {
    display: block;
    position: absolute;
    content: "* ";
}

[data-testid="tweetTextarea_0RichTextInputContainer"] > div {
    top: -2px;
}

.public-DraftEditorPlaceholder-inner::before {
    content: "* ";
}

div[data-testid=tweetText], .public-DraftStyleDefault-block {
    position: relative;
    display: block;
    left: 2ch;
    width: calc(100% - 2ch);
}

/* Icons */
[data-testid="unretweet"] svg,
[data-testid="retweet"] svg,
[data-testid="like"] svg,
[data-testid="unlike"] svg,
[data-testid="reply"] svg { visibility: hidden; }

[data-testid="unretweet"]>div>div>div,[data-testid="retweet"]>div>div>div {
    mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyNTc5IgogICB3aWR0aD0iMjAiCiAgIGhlaWdodD0iMjAiCiAgIHZpZXdCb3g9IjAgMCAyMCAyMCIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcwogICAgIGlkPSJkZWZzMjU4MyIgLz48ZwogICAgIGlkPSJnMjU4NSI+PHBhdGgKICAgICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC4xIgogICAgICAgZD0ibSAxLDE5LjUwMDAwMSB2IC0wLjUgSCAwLjUgMCB2IC05IFYgMSBIIDAuNSAxIFYgMC41MDAwMDAwNCAwIEggOS45OTk5OTk4IDE5IFYgMC41MDAwMDAwNCAxIGggMC41IDAuNSB2IDkuMDAwMDAxIDkgSCAxOS41IDE5IHYgMC41IDAuNSBIIDkuOTk5OTk5OCAxIFogbSAxNywtOS41IFYgMiBIIDkuOTk5OTk5OCAyIHYgOC4wMDAwMDEgOCBIIDkuOTk5OTk5OCAxOCBaIG0gLTEzLDIgViA4IEggNCAzIFYgNy41IDcgSCAzLjUgNCBWIDYuNSA2IEggNC41IDUgViA1LjUgNSBIIDUuNSA2IFYgNC41IDQgSCA2LjUgNyBWIDQuNSA1IEggNy41IDggViA0LjUgNCBoIDMuNSAzLjUgdiA0IDQuMDAwMDAxIGggMSAxIHYgMC41IDAuNSBIIDE2LjUgMTYgdiAwLjUgMC41IEggMTUuNSAxNSB2IDAuNSAwLjUgSCAxNC41IDE0IHYgMC41IDAuNSBIIDEzLjUgMTMgdiAtMC41IC0wLjUgSCAxMi41IDEyIHYgMC41IDAuNSBIIDguNSA1IFogbSA3LDIuNSB2IC0wLjUgSCAxMS41IDExIHYgLTAuNSAtMC41IEggMTAuNSA5Ljk5OTk5OTggdiAtMC41IC0wLjUgSCAxMSAxMiBWIDkuNTAwMDAwNCA3IEggMTEgOS45OTk5OTk4IFYgNi41IDYgSCA5LjUgOSBWIDUuNSA1IEggOC41IDggViA1LjUgNiBIIDguNSA5IFYgNi41IDcgSCA5LjUgOS45OTk5OTk4IFYgNy41IDggSCA5IDggdiAyLjUwMDAwMSAyLjUgaCAxIDAuOTk5OTk5OCB2IDAuNSAwLjUgSCAxMC41IDExIHYgMC41IDAuNSBoIDAuNSAwLjUgeiIKICAgICAgIGlkPSJwYXRoOTA3OTAiIC8+PC9nPjwvc3ZnPgo=) no-repeat 50% 50%;
    background-color: currentcolor;
}

[data-testid="like"]>div>div>div {
    mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjIwIgogICBoZWlnaHQ9IjIwIgogICB2aWV3Qm94PSIwIDAgMjAgMjAiCiAgIHZlcnNpb249IjEuMSIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgaWQ9InN2ZzE3NDYiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMKICAgICBpZD0iZGVmczE3NDAiIC8+PGcKICAgICBpZD0iZzE3NDQiCiAgICAgdHJhbnNmb3JtPSJzY2FsZSgwLjUpIj48cGF0aAogICAgICAgc3R5bGU9InN0cm9rZS13aWR0aDowLjIiCiAgICAgICBkPSJNIDEuOTk5OTk3NiwzOC45OTk5OTggViAzNy45OTk5OTUgSCAxLjAwMDAwMjYgMCB2IC0xOCAtMTcuOTk5OTk3OCBoIDEuMDAwMDAyNiAwLjk5OTk5NSBWIDEuMDAwMDAyNCAwIEggMTkuOTk5OTk2IDM3Ljk5OTk5NSBWIDEuMDAwMDAyNCAxLjk5OTk5NzIgSCAzOC45OTk5OTcgNDAgdiAxNy45OTk5OTc4IDE4IEggMzguOTk5OTk3IDM3Ljk5OTk5NSBWIDM4Ljk5OTk5OCA0MCBIIDE5Ljk5OTk5NiAxLjk5OTk5NzYgWiBNIDM1Ljk5OTk5NywxOS45OTk5OTUgViA0LjAwMDAwMiBIIDE5Ljk5OTk5NiA0LjAwMDAwMjcgViAxOS45OTk5OTUgMzUuOTk5OTk4IEggMTkuOTk5OTk2IDM1Ljk5OTk5NyBaIE0gMTguMDAwMDAxLDMxLjk5OTk5NiB2IC0xLjk5OTk5NyBoIC0xLjk5OTk5OCAtMi4wMDAwMDUgdiAtMS45OTk5OTcgLTIuMDAwMDA1IGggLTEuOTk5OTk3IC0xLjk5OTk5OCB2IC0yIC0xLjk5OTk5OCBIIDcuOTk5OTk3OSA2LjAwMDAwMDMgViAxNiAxMC4wMDAwMDEgaCAxLjAwMDAwMjYgMC45OTk5OTUgViA4Ljk5OTk5ODggNy45OTk5OTY0IEggOS4wMDAwMDA1IDEwLjAwMDAwMyBWIDcuMDAwMDAxNSA1Ljk5OTk5OTIgaCAzIDMgdiAxLjAwMDAwMjMgMC45OTk5OTQ5IGggMC45OTk5OTUgMS4wMDAwMDMgdiAxLjAwMDAwMjQgMS4wMDAwMDIyIGggMS45OTk5OTUgMi4wMDAwMDUgViA4Ljk5OTk5ODggNy45OTk5OTY0IGggMC45OTk5OTUgMS4wMDAwMDMgViA3LjAwMDAwMTUgNS45OTk5OTkyIGggMyAzIHYgMS4wMDAwMDIzIDAuOTk5OTk0OSBoIDEuMDAwMDAzIDAuOTk5OTk1IHYgMS4wMDAwMDI0IDEuMDAwMDAyMiBoIDEuMDAwMDAyIDEuMDAwMDAzIFYgMTYgMjEuOTk5OTk5IGggLTIuMDAwMDA1IC0xLjk5OTk5OCB2IDEuOTk5OTk4IDIgaCAtMS45OTk5OTcgLTIuMDAwMDA1IHYgMi4wMDAwMDUgMS45OTk5OTcgaCAtMS45OTk5OTggLTEuOTk5OTk4IHYgMS45OTk5OTcgMi4wMDAwMDUgaCAtMi4wMDAwMDUgLTEuOTk5OTk1IHogbSA0LC0zLjk5OTk5NCB2IC0yLjAwMDAwNSBoIDEuOTk5OTk4IDEuOTk5OTk4IHYgLTIgLTEuOTk5OTk4IGggMi4wMDAwMDUgMS45OTk5OTcgdiAtMi4wMDAwMDQgLTEuOTk5OTk3IGggMS4wMDAwMDMgMC45OTk5OTUgdiAtMyAtMyBoIC0wLjk5OTk5NSAtMS4wMDAwMDMgdiAtMS4wMDAwMDIgLTAuOTk5OTk1IGggLTMgLTMgdiAwLjk5OTk5NSAxLjAwMDAwMiBoIC0xLjAwMDAwMyAtMC45OTk5OTUgdiAxLjAwMDAwMyAwLjk5OTk5NSBoIC0yLjAwMDAwNSAtMS45OTk5OTUgdiAtMC45OTk5OTUgLTEuMDAwMDAzIGggLTEuMDAwMDAzIC0wLjk5OTk5NSB2IC0xLjAwMDAwMiAtMC45OTk5OTUgaCAtMyAtMyB2IDAuOTk5OTk1IDEuMDAwMDAyIEggOS4wMDAwMDA1IDcuOTk5OTk3OSB2IDMgMyBoIDEuMDAwMDAyNiAxLjAwMDAwMjUgdiAxLjk5OTk5NyAyLjAwMDAwNCBoIDEuOTk5OTk4IDEuOTk5OTk3IHYgMS45OTk5OTggMiBoIDIuMDAwMDA1IDEuOTk5OTk4IHYgMi4wMDAwMDUgMS45OTk5OTcgaCAxLjk5OTk5NSAyLjAwMDAwNSB6IgogICAgICAgaWQ...