diff options
| -rw-r--r-- | README.md | 23 | ||||
| -rw-r--r-- | css/popup.css | 63 |
2 files changed, 46 insertions, 40 deletions
@@ -1,7 +1,16 @@ -## Download links -* [Firefox](https://addons.mozilla.org/firefox/addon/5064) +## Description +Web browser extension (Firefox, Vivaldi, Chrome, Opera, Edge) to redirect URLs based on regex or wildcard patterns. + +## Tribute +In loving memory of Einar Egilsson, who gave us Redirector and selflessly nurtured it for many years. We miss you Einar, and will always remember your kindness and generosity. + +## Download Links +* [Firefox](https://addons.mozilla.org/firefox/addon/redirector/) * [Google Chrome and Vivaldi](https://chrome.google.com/webstore/detail/redirector/ocgpenflpmgnfapjedencafcfakcekcd) +<!-- +Opera extension is no longer present (as of 2023/01/16) * [Opera](https://addons.opera.com/extensions/details/redirector-2/) +--> ## Examples ### De-mobilizer @@ -33,7 +42,7 @@ - Description: Redirect YouTube Shorts to YouTube ### Fun with !bangs -What are bangs?: <https://duckduckgo.com/bang> +What are bangs?: <https://duckduckgo.com/bangs> #### use DuckDuckGo.com !bangs on Google - Example URL: `https://www.google.com/search?&ei=-FvkXcOVMo6RRwW5p5DgBg&q=asdfasdf%21+sadfas&oq=%21asdfasdf+sadfas&gs_l=asdfsadfafsgaf` @@ -68,12 +77,12 @@ What are bangs?: <https://duckduckgo.com/bang> - Process matches: URL decode ## Dark theme -If you are a Firefox user and use a dark theme, you can edit your userChrome.css file and add these lines to it for the extension button to more visible: +If you are a Firefox user and use a dark theme, you can add these lines to your `userChrome.css` file to make Redirector's extension button more visible: ```css /* Redirector button for dark Firefox themes */ -toolbarbutton#toggle-button--redirectoreinaregilssoncom-redirector[image*="active"]{filter:invert(100%) brightness(600%);} -toolbarbutton#toggle-button--redirectoreinaregilssoncom-redirector[image*="disabled"]{filter:invert(100%) brightness(250%);} +toolbarbutton#toggle-button--redirectoreinaregilssoncom-redirector[image*="active"] { filter: invert(1) brightness(6); } +toolbarbutton#toggle-button--redirectoreinaregilssoncom-redirector[image*="disabled"] { filter: invert(1) brightness(2.5); } ``` -If you don't know what the userChrome.css file is or how to edit it, please look it up on Firefox forums instead of asking about it on this repository. +If you don't know what the `userChrome.css` file is, or how to edit it, please look it up on a Firefox forum instead of asking about it in this repository. Thanks! diff --git a/css/popup.css b/css/popup.css index c8556d8..573d18f 100644 --- a/css/popup.css +++ b/css/popup.css @@ -1,58 +1,57 @@ body { - width:180px; + width: 180px; text-align: center; font-family: Arial, sans-serif; } h1 { - margin-top:4px; - font-size:22px; + margin-top: 4px; + font-size: 22px; font-weight: bold; letter-spacing: 1.5px; } h1 span { position: relative; - top:1px; - font-size:38px; + top: 1px; + font-size: 38px; } button { - - display:block; - width:90%; - margin:5px auto !important; + margin: 5px auto !important; + display: block; + width: 90%; } .disabled { - margin-top:-16px; - color:red; - height:13px; - font-size:12px; + margin-top: -16px; + height: 13px; + color: red; + font-size: 12px; } label { - display:block; - width:85%; - text-align:left; - margin:6px auto; - font-size:12px !important; + margin: 6px auto; + display: block; + width: 85%; + text-align: left; + font-size: 12px !important; } /* Firefox only */ @supports (-moz-appearance:none) { - label input { - position: relative; - top:1px; - } + label input { + position: relative; + top: 1px; + } } button { - border: solid 1px #aaa !important; - color: #333; height: 20px; + border: solid 1px #aaa !important; border-radius: 3px; + color: #333; } label span { @@ -67,25 +66,23 @@ label span { color: #ddd; } - h1 { - color: white; - } - + h1, label { color: #eee; } + th { - color: white; + color: #eee; font-weight: normal; } .disabled span { - color: rgb(252,87,84); + color: rgb(240,85,82); } button { - background-color: rgb(32,33,36) !important; border: solid 1px #777 !important; + background-color: rgb(32,33,36) !important; color: #ddd; - } - } + } +} |