TwitterDayOff

twitter-day-off.user.css

@-moz-document domain("twitter.com") {
body[style*='background'] {background: #012 !important;}

body[style*='background']:nth-child(2)::before {
    content: "twitter will be here tomorrow\a\a🌱";
    /*
    content: "choose intent & scope before entering\a\a👁️";
    content: "no twitter atm\a\a🚀\a\a ...coding!";
    */
    color: white;
    color: #09c;
    text-shadow: 1px -1px 2px #3df;
    white-space: pre;
    text-align: center;
    display: block;
    width: 100%;
    top: 300px;
    position: absolute;
    font-size: 4.5vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}

#react-root {display: none !important}

#motion-extension {display: none !important;}
}

@-moz-document url-prefix("https://twitter.com/messages"), url-prefix("https://twitter.com/compose/tweet") {
body[style*='background'] {background: inherit !important;}
body[style*='background']:nth-child(2)::before {content: ""}
#react-root {display: block !important}


header[role="banner"] {
  opacity: 0;
}
header[role="banner"] > * {
    display: none;
}
}