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