feat(various): add various small styles I use

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.

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;
+}

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;
+}

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;
+}

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;
+}

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;
+}