130 lines
2.7 KiB
JavaScript
130 lines
2.7 KiB
JavaScript
// ==UserScript==
|
|
// @name Mastodon Styling (39C3 Kiosk)
|
|
// @namespace http://tampermonkey.net/
|
|
// @version 2025-12-18
|
|
// @description Reduces actions not required to serve a Kiosk at 39C3
|
|
// @author You
|
|
// @match https://chaos.social/tags/39c3/
|
|
// @icon https://www.google.com/s2/favicons?sz=64&domain=chaos.social
|
|
// @grant GM_addStyle
|
|
// ==/UserScript==
|
|
|
|
(function() {
|
|
'use strict';
|
|
|
|
GM_addStyle(`
|
|
.columns-area__panels__pane.columns-area__panels__pane--compositional {
|
|
display: none;
|
|
}
|
|
|
|
.columns-area__panels__pane.columns-area__panels__pane--start.columns-area__panels__pane--navigational {
|
|
display: none;
|
|
}
|
|
|
|
div#tabs-bar__portal {
|
|
display: none;
|
|
}
|
|
|
|
.hashtag-header__header__buttons {
|
|
display: none;
|
|
}
|
|
|
|
span.display-name {
|
|
background-color: #9673ff;
|
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
}
|
|
|
|
span.display-name * {
|
|
display: inline !important;
|
|
font-weight: normal !important;
|
|
color: black !important;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
span.display-name__account::before {
|
|
content: '(';
|
|
}
|
|
|
|
span.display-name__account::after {
|
|
content: ')';
|
|
}
|
|
|
|
.hashtag-header__header__buttons {
|
|
display: none;
|
|
}
|
|
|
|
span.display-name, .status__relative-time {
|
|
background-color: #9673ff;
|
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
padding: 5px 5px 2px;
|
|
}
|
|
|
|
span.display-name *, .status__relative-time {
|
|
display: inline !important;
|
|
font-weight: normal !important;
|
|
color: black !important;
|
|
text-transform: uppercase;
|
|
height: auto;
|
|
}
|
|
|
|
span.display-name__account::before {
|
|
content: '(';
|
|
}
|
|
|
|
span.display-name__account::after {
|
|
content: ')';
|
|
}
|
|
|
|
.status {
|
|
border-bottom: 0 !important;
|
|
}
|
|
.status p {
|
|
color: rgba(250, 245, 245, 0.8) !important;
|
|
}
|
|
.status p a{
|
|
color: rgba(102, 246, 102) !important;
|
|
}
|
|
|
|
.status__action-bar {
|
|
display: none !important;
|
|
}
|
|
|
|
.column>.scrollable {
|
|
border: 0 !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
article {
|
|
background-color: #242424;
|
|
border-radius: 0.375rem;
|
|
margin-bottom: 40px !important;
|
|
}
|
|
|
|
.columns-area__panels__main {
|
|
max-width: 60vw;
|
|
}
|
|
|
|
.hashtag-bar a {
|
|
--hub-tag-bg: transparent;
|
|
--hub-tag-border: 1px solid #9673ff;
|
|
--hub-tag-color: #9673ff;
|
|
--bs-border-radius: 0.375rem;
|
|
background-color: var(--hub-tag-bg);
|
|
border-radius: var(--bs-border-radius) 0;
|
|
border: var(--hub-tag-border);
|
|
color: var(--hub-tag-color);
|
|
display: inline-flex;
|
|
gap: 5px;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
padding: 5px 5px 2px;
|
|
text-overflow: ellipsis;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.hashtag-header {
|
|
display: none;
|
|
}
|
|
`);
|
|
})();
|