aboutsummaryrefslogtreecommitdiff
path: root/plugins/style
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/style')
-rw-r--r--plugins/style/style.js399
1 files changed, 203 insertions, 196 deletions
diff --git a/plugins/style/style.js b/plugins/style/style.js
index f826996..1c0983b 100644
--- a/plugins/style/style.js
+++ b/plugins/style/style.js
@@ -12,20 +12,20 @@ var styles = null;
if (document.domain == "forum.effectivealtruism.org") {
styles = `
/*
- .Layout-main {
- margin-left: 100px;
- }
- .SingleColumnSection-root {
- width: 1000px !important;
- max-width: 1400px !important;
- padding-left: 100px !important;
- }
- .NavigationStandalone-sidebar {
- display: none;
- }
- .intercom-lightweight-app{
- display: none;
- }
+ .Layout-main {
+ margin-left: 100px;
+ }
+ .SingleColumnSection-root {
+ width: 1000px !important;
+ max-width: 1400px !important;
+ padding-left: 100px !important;
+ }
+ .NavigationStandalone-sidebar {
+ display: none;
+ }
+ .intercom-lightweight-app{
+ display: none;
+ }
*/
`;
}
@@ -40,125 +40,220 @@ if (document.domain == "nationstates.net") {
if (document.domain == "mail.proton.me") {
styles = `
- /*
- .item-container-row.read, .item-container.read {
- background-color: white;
- }
- .item-container-row.unread, .item-container.unread {
- background-color: #E8E8E8;
- }
- .selection .item-container-row.item-is-selected, .item-container.item-is-selected {
- background-color: var(--selection-background-color) !important;
- }
- zoom: 0.625 !important;
- */
+ /*
+ .item-container-row.read, .item-container.read {
+ background-color: white;
+ }
+ .item-container-row.unread, .item-container.unread {
+ background-color: #E8E8E8;
+ }
+ .selection .item-container-row.item-is-selected, .item-container.item-is-selected {
+ background-color: var(--selection-background-color) !important;
+ }
+ zoom: 0.625 !important;
+ */
`;
}
if (document.domain == "forum.nunosempere.com") {
styles = `
- body {
+ body {
zoom: 0.625 !important;
- }
+ }
`;
}
if (document.domain == "search.nunosempere.com") {
styles = `
- body {
- /* zoom: 1.8; */
- }
+ /*
+ body {
+ zoom: 1.8;
+ }
+ */
- footer {
- display: none;
- }
+ footer {
+ display: none;
+ }
`;
}
+
+if (document.domain == "reddit.com" || document.domain == "old.reddit.com") {
+ styles = `
+ /* kill sidebar ads */
+ .ad-container,
+ a[href^="https://alb.reddit.com"]
+ a[href="/premium"],
+ [data-promoted^="true"],
+ #eu-cookie-policy,
+ .infobar-toaster-container,
+ .listingsignupbar,
+ .native-ad-container,
+ .native-sidebar-ad,
+ .premium-banner-outer,
+ {
+ display: none !important;
+ }
+ `;
+}
+
+if (styles != null) {
+ var styleSheet = document.createElement("style");
+ styleSheet.innerText = styles;
+ document.head.appendChild(styleSheet);
+ console.log("Style changed");
+}
+
+
if (document.domain == "twitter.com") {
styles = `
- /* hide promoted tweets */
- :has(meta[property="og:site_name"][content="Twitter"])
- [data-testid="cellInnerDiv"]:has(svg + [dir="auto"]) {
- display: none;
- }
- [data-testid^="placementTracking"] {
- display: none;
- }
+ /* hide promoted tweets */
+ :has(meta[property="og:site_name"][content="Twitter"])
+ [data-testid="cellInnerDiv"]:has(svg + [dir="auto"]) {
+ display: none;
+ }
+ [data-testid^="placementTracking"] {
+ display: none;
+ }
- /* hide what's happening section */
- :has(meta[property="og:site_name"][content="Twitter"])
- [aria-label="Timeline: Trending now"] {
- display: none !important;
- }
- [data-testid^="sidebarColumn"] {
- display: none;
- }
+ /* hide what's happening section */
+ :has(meta[property="og:site_name"][content="Twitter"])
+ [aria-label="Timeline: Trending now"] {
+ display: none !important;
+ }
+ [data-testid^="sidebarColumn"] {
+ display: none;
+ }
- /* Hide DMs v2 */
- [data-testid^="DMDrawerHeader"] {
- display: none;
- }
+ /* Hide DMs v2 */
+ [data-testid^="DMDrawerHeader"] {
+ display: none;
+ }
- /* Tweak main column */
- [data-testid^="primaryColumn"] {
- min-width: 900px;
- max-width: 900px;
- }
- [data-testid^="cellInnerDiv"] {
- min-width: 700px;
- max-width: 700px;
- }
- [aria-label^="Timeline: Conversation"]{
- margin-left: 145px;
- }
- [data-testid^="DMDrawer"]{
- display: none;
- }
+ /* Tweak main column */
+ [data-testid^="primaryColumn"] {
+ min-width: 900px;
+ max-width: 900px;
+ }
+ [data-testid^="cellInnerDiv"] {
+ min-width: 700px;
+ max-width: 700px;
+ }
+ [aria-label^="Timeline: Conversation"]{
+ margin-left: 145px;
+ }
+ [data-testid^="DMDrawer"]{
+ display: none;
+ }
- /* Delete a few unused or annoying elements */
- [aria-label^="Verified Orgs"] {
- display: none;
- }
- [aria-label^="Lists"] {
- display: none;
- }
- [aria-label^="Communities"] {
- display: none;
- }
- [aria-label^="Primary"] {
- margin-top: 50px;
- }
- [role^="progressbar"]{
- display: none;
- }
+ /* Delete a few unused or annoying elements */
+ [aria-label^="Verified Orgs"] {
+ display: none;
+ }
+ [aria-label^="Lists"] {
+ display: none;
+ }
+ [aria-label^="Communities"] {
+ display: none;
+ }
+ [aria-label^="Primary"] {
+ margin-top: 50px;
+ }
+ [role^="progressbar"]{
+ display: none;
+ }
- /* hide video */
- [data-testid^="videoPlayer"] {
- display: none !important;
- }
+ /* hide video */
+ [data-testid^="videoPlayer"] {
+ display: none !important;
+ }
- /* No change of colors in hover */
- *:hover {
- /* background-color: white !important; */
- background-color: !important;
- transition: none !important;
- }*/
- /*
- *:hover {
- background-color: inherit !important;
- transition: none !important;
- }*/
- /* Hide go to top button */
- [aria-label^="New posts are available. Push the period key to go to the them."]{
- display: none;
- }
+ /* No change of colors in hover */
+ *:hover {
+ /* background-color: white !important; */
+ background-color: !important;
+ transition: none !important;
+ }*/
+ /*
+ *:hover {
+ background-color: inherit !important;
+ transition: none !important;
+ }*/
+ /* Hide go to top button */
+ [aria-label^="New posts are available. Push the period key to go to the them."]{
+ display: none;
+ }
+
+ /* No transparency at the top */
+ [aria-live^="polite"]{
+ background: white !important;
+ }
+ `;
+
+}
- /* No transparency at the top */
- [aria-live^="polite"]{
- background: white !important;
+// Replace default alert with new function
+// whose style can be changed!
+window.alert = (message) => {
+ let alertDiv = document.getElementById("customAlert");
+ if (!alertDiv) {
+ const html = `
+ <div id="customAlert" class="custom-alert">
+ <div class="custom-alert-content">
+ <p id="alertMessage"></p>
+ <button id="alertOkButton">OK</button>
+ </div>
+ </div>
+ <style>
+ .custom-alert {
+ display: none;
+ position: fixed;
+ z-index: 999;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgba(0,0,0,0.4);
+ }
+ .custom-alert-content {
+ background-color: #fefefe;
+ margin: 15% auto;
+ padding: 20px;
+ border: 1px solid #888;
+ width: 80%;
+ font-family: monospace; /* Use monospace font */
+ }
+ .visible {
+ display: block;
+ }
+ </style>
+ `;
+ document.body.insertAdjacentHTML("beforeend", html);
+ alertDiv = document.getElementById("customAlert");
+ document.getElementById("alertOkButton").onclick = () => {
+ alertDiv.classList.remove("visible");
+ document.removeEventListener("keydown", dismissAlert);
+ };
}
- `;
+ const dismissAlert = (event) => {
+ if (
+ event.key === "Enter" /*&& event.ctrlKey*/ &&
+ alertDiv.classList.contains("visible")
+ ) {
+ alertDiv.classList.remove("visible");
+ document.removeEventListener("keydown", dismissAlert);
+ }
+ };
+
+ document.addEventListener("keydown", dismissAlert);
+ document.getElementById("alertMessage").textContent = message;
+ alertDiv.classList.add("visible");
+};
+if (document.domain == "twitter.com") {
// Function to hide the grandparent of video players
+ // takes 0.014ms to run, so performance is not the concern here.
+ // timed with console.time, console.timeEnd
+
function hideVideoPlayerGrandparent() {
document
.querySelectorAll('[data-testid="videoPlayer"]')
@@ -194,92 +289,4 @@ if (document.domain == "twitter.com") {
hideVideoPlayerGrandparent();
}
-if (document.domain == "reddit.com" || document.domain == "old.reddit.com") {
- styles = `
- /* kill sidebar ads */
- .native-ad-container,
- .premium-banner-outer,
- .native-sidebar-ad,
- .infobar-toaster-container,
- #eu-cookie-policy,
- .ad-container,
- .listingsignupbar,
- a[href="/premium"],
- [data-promoted^="true"],
- a[href^="https://alb.reddit.com"]
- {
- display: none !important;
- }
- `;
-}
-
-if (styles != null) {
- var styleSheet = document.createElement("style");
- styleSheet.innerText = styles;
- document.head.appendChild(styleSheet);
- console.log("Style changed");
-}
-
-// Replace default alert with new function
-// whose style can be changed!
-window.alert = (message) => {
- let alertDiv = document.getElementById("customAlert");
- if (!alertDiv) {
- const html = `
- <div id="customAlert" class="custom-alert">
- <div class="custom-alert-content">
- <p id="alertMessage"></p>
- <button id="alertOkButton">OK</button>
- </div>
- </div>
- <style>
- .custom-alert {
- display: none;
- position: fixed;
- z-index: 999;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- overflow: auto;
- background-color: rgba(0,0,0,0.4);
- }
- .custom-alert-content {
- background-color: #fefefe;
- margin: 15% auto;
- padding: 20px;
- border: 1px solid #888;
- width: 80%;
- font-family: monospace; /* Use monospace font */
- }
- .visible {
- display: block;
- }
- </style>
- `;
- document.body.insertAdjacentHTML("beforeend", html);
- alertDiv = document.getElementById("customAlert");
- document.getElementById("alertOkButton").onclick = () => {
- alertDiv.classList.remove("visible");
- document.removeEventListener("keydown", dismissAlert);
- };
- }
-
- const dismissAlert = (event) => {
- if (
- event.key === "Enter" /*&& event.ctrlKey*/ &&
- alertDiv.classList.contains("visible")
- ) {
- alertDiv.classList.remove("visible");
- document.removeEventListener("keydown", dismissAlert);
- }
- };
-
- document.addEventListener("keydown", dismissAlert);
- document.getElementById("alertMessage").textContent = message;
- alertDiv.classList.add("visible");
-};
-// ^ takes 0.014ms to run, so performance is not the concern here.
-// timed with console.time, console.timeEnd
-
document.body.style.visibility = "visible";