From 713e27dcf3fba970999b362c758a7086bd4f8d46 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Wed, 20 Feb 2019 14:25:02 +0100
Subject: [PATCH] feat(various): add various small styles I use

---
 css/various/README.md      | 17 +++++++++++++++++
 css/various/duckduckgo.css |  8 ++++++++
 css/various/globals.css    |  8 ++++++++
 css/various/twitchtv.css   |  9 +++++++++
 css/various/twitter.css    | 24 ++++++++++++++++++++++++
 css/various/youtube.css    | 16 ++++++++++++++++
 6 files changed, 82 insertions(+)
 create mode 100644 css/various/README.md
 create mode 100644 css/various/duckduckgo.css
 create mode 100644 css/various/globals.css
 create mode 100644 css/various/twitchtv.css
 create mode 100644 css/various/twitter.css
 create mode 100644 css/various/youtube.css

diff --git a/css/various/README.md b/css/various/README.md
new file mode 100644
index 0000000..4535bf6
--- /dev/null
+++ b/css/various/README.md
@@ -0,0 +1,17 @@
+# Various
+
+> These are various small styles, that don't need their own Sass setup or UserCSS styles.
+
+## Styles
+
+| Style | Applies To |
+|-------|------------|
+| [DuckDuckGo](duckduckgo.css) | On Domain: duckduckgo.com |
+| [Globals](globals.css) | Everything |
+| [Twitch](twitchtv.css) | Matching RegExp: `https:\/\/www.twitch.tv.*popout.*chat.*` |
+| [Twitter](twitter.css) | On Domain: twitter.com |
+| [Youtube](youtube.css) | On Domain: youtube.com |
+
+## Installing
+
+To install these themes, check out [the Wiki](https://gitlab.com/Bauke/styles/wikis/Installing-Styles). Note that you can only "copy-paste install" these themes, as they are not UserCSS styles.
diff --git a/css/various/duckduckgo.css b/css/various/duckduckgo.css
new file mode 100644
index 0000000..8778185
--- /dev/null
+++ b/css/various/duckduckgo.css
@@ -0,0 +1,8 @@
+/*
+  For some reason DuckDuckGo doesn't make their various input
+  elements have a white foreground color, so this fixes that.
+*/
+
+body, input, select, textarea {
+  color: white;
+}
diff --git a/css/various/globals.css b/css/various/globals.css
new file mode 100644
index 0000000..f477327
--- /dev/null
+++ b/css/various/globals.css
@@ -0,0 +1,8 @@
+/*
+  Makes tab spacing in codeblocks consistent across all sites.
+*/
+
+:root {
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
diff --git a/css/various/twitchtv.css b/css/various/twitchtv.css
new file mode 100644
index 0000000..28aec96
--- /dev/null
+++ b/css/various/twitchtv.css
@@ -0,0 +1,9 @@
+/*
+  Hides elements that clog up Twitch's chat when using popout mode.
+*/
+
+.chat-input,
+.room-selector__header,
+.pinned-cheer-v2 {
+  display: none !important;
+}
diff --git a/css/various/twitter.css b/css/various/twitter.css
new file mode 100644
index 0000000..7e9985e
--- /dev/null
+++ b/css/various/twitter.css
@@ -0,0 +1,24 @@
+/*
+  Hides a bunch of useless crap and displays most avatars as squares instead of circles.
+*/
+
+.dashboard-right,
+.trends {
+  display: none !important;
+}
+
+.content-main {
+  width: 70%;
+}
+
+.avatar,
+.Avatar,
+.DashboardProfileCard-avatarLink,
+.DashboardProfileCard-avatarImage,
+.nav .session .dropdown-toggle {
+  border-radius: 0;
+}
+
+.nav .session .dropdown-toggle::before {
+  box-shadow: none;
+}
diff --git a/css/various/youtube.css b/css/various/youtube.css
new file mode 100644
index 0000000..3d0ba32
--- /dev/null
+++ b/css/various/youtube.css
@@ -0,0 +1,16 @@
+/*
+  Hides the sidebar and makes the content use the full width like the video player.
+  Also removes the hideous black background when using theater mode.
+*/
+
+#watch7-content {
+  width: 100%;
+}
+
+#watch7-sidebar {
+  display: none;
+}
+
+.watch-stage-mode #theater-background {
+  background-color: transparent;
+}