summaryrefslogtreecommitdiff
path: root/data/extensions/https-everywhere@eff.org/pages/cancel/style.css
diff options
context:
space:
mode:
authorAmin Bandali <bandali@gnu.org>2020-04-08 21:52:58 -0400
committerAmin Bandali <bandali@gnu.org>2020-04-08 21:52:58 -0400
commit61dd7225c7b6a2bb9346c76926b5e96264f831b8 (patch)
tree871f406fd2e3dfbfde8645615426e1c4ee15db23 /data/extensions/https-everywhere@eff.org/pages/cancel/style.css
parentf6e3adb6b2344ee2c7bb453a305fd2d6fb4c194c (diff)
Update HTTPS Everywhere to 2020.3.16.
Diffstat (limited to 'data/extensions/https-everywhere@eff.org/pages/cancel/style.css')
-rw-r--r--data/extensions/https-everywhere@eff.org/pages/cancel/style.css87
1 files changed, 58 insertions, 29 deletions
diff --git a/data/extensions/https-everywhere@eff.org/pages/cancel/style.css b/data/extensions/https-everywhere@eff.org/pages/cancel/style.css
index 1858867..9b91ca3 100644
--- a/data/extensions/https-everywhere@eff.org/pages/cancel/style.css
+++ b/data/extensions/https-everywhere@eff.org/pages/cancel/style.css
@@ -1,48 +1,77 @@
-body{
+body {
margin-top: 6em;
- position: relative;
- text-align: center;
+ font-size: 12pt;
+ font-family: sans-serif;
+ line-height: 150%;
}
-.content{
- width: 600px;
+.content {
margin: auto;
- text-align: left;
+ max-width: 600px;
}
-h1{
- text-align: center;
+h1 {
+ display: block;
}
-form, button, p{
- font-size: 12pt;
- font-family: sans-serif;
- line-height: 150%;
+h1 img {
+ width: 100%;
+ height: auto;
}
-form{
- overflow: auto;
- margin-bottom: 1em;
+#url-paragraph {
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
-form button{
- padding: .5em 1em;
- background-color: #aaa;
- color: #fff;
- border: none;
+button {
+ background-color: #ec1e1e;
+ border: 1px solid #ec1e1e;
border-radius: 4px;
+ color: #fff;
cursor: pointer;
+ padding: 0.5em 1em;
+ display: block;
+ float: none;
+ font-size: 12pt;
+ margin: 8px 0;
+ line-height: 150%;
}
-#url-value{
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
+button:hover {
+ background-color: #fff;
+ color: #ec1e1e;
}
-#open-url-button{
- display: inline-block;
- float: left;
- background-color: #ec1e1e;
+button:last-child {
+ margin: 0;
+}
+
+@media screen and (max-width: 550px) {
+ button {
+ width: 100%;
+ margin: 8px 0;
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background-color: #202023;
+ color: #f9f9fa;
+ }
+
+ a {
+ color: #45a1ff;
+ }
+
+ button {
+ color: #202023;
+ }
+
+ button:hover {
+ background-color: #202023;
+ border-color: #ec1e1e;
+ }
}