aboutsummaryrefslogtreecommitdiffstats
path: root/css/hosts-files.css
diff options
context:
space:
mode:
authorAlessio Vanni <vannilla@firemail.cc>2019-02-19 21:06:09 +0100
committerAlessio Vanni <vannilla@firemail.cc>2019-02-19 21:06:09 +0100
commitfe2f8acc8210c2ddead4621797b47106a9b38f5b (patch)
tree5fb103d45d7e4345f56fc068ce8173b82fa7051f /css/hosts-files.css
downloadematrix-fe2f8acc8210c2ddead4621797b47106a9b38f5b.tar.lz
ematrix-fe2f8acc8210c2ddead4621797b47106a9b38f5b.tar.xz
ematrix-fe2f8acc8210c2ddead4621797b47106a9b38f5b.zip
Fork uMatrix
Pretty much just changing the name and the copyright.
Diffstat (limited to 'css/hosts-files.css')
-rw-r--r--css/hosts-files.css142
1 files changed, 142 insertions, 0 deletions
diff --git a/css/hosts-files.css b/css/hosts-files.css
new file mode 100644
index 0000000..656535a
--- /dev/null
+++ b/css/hosts-files.css
@@ -0,0 +1,142 @@
+@keyframes spin {
+ 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
+ 12.5% { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
+ 25% { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
+ 37.5% { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
+ 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
+ 67.5% { transform: rotate(225deg); -webkit-transform: rotate(225deg); }
+ 75% { transform: rotate(270deg); -webkit-transform: rotate(270deg); }
+ 87.5% { transform: rotate(315deg); -webkit-transform: rotate(315deg); }
+ }
+ul {
+ padding: 0;
+ list-style-type: none;
+ }
+ul#options {
+ margin-top: 0;
+ }
+ul#options li {
+ margin-bottom: 0.5em;
+ }
+ul#lists {
+ margin: 0.5em 0 0 0;
+ padding: 0;
+ }
+li.listEntry {
+ margin: 0 auto 0 auto;
+ padding: 0.2em 0;
+ }
+body[dir="ltr"] li.listEntry {
+ margin-left: 1em;
+ margin-right: 0em;
+ }
+body[dir="rtl"] li.listEntry {
+ margin-left: 0em;
+ margin-right: 1em;
+ }
+li.listEntry > * {
+ margin-right: 0.5em;
+ text-indent: 0;
+ unicode-bidi: embed;
+ }
+li.listEntry > a:nth-of-type(2) {
+ font-size: 13px;
+ opacity: 0.5;
+ }
+li.listEntry.toRemove > input[type="checkbox"] {
+ visibility: hidden;
+ }
+li.listEntry.toRemove > a.content {
+ text-decoration: line-through;
+ }
+li.listEntry > .fa {
+ color: inherit;
+ display: none;
+ font-size: 110%;
+ opacity: 0.5;
+ vertical-align: baseline;
+ }
+li.listEntry > a.fa:hover {
+ opacity: 1;
+ }
+li.listEntry.support > a.support {
+ display: inline-block;
+ }
+li.listEntry > a.remove,
+li.listEntry > a.remove:visited {
+ color: darkred;
+ }
+li.listEntry.external > a.remove {
+ display: inline-block;
+ }
+li.listEntry.mustread > a.mustread {
+ display: inline-block;
+ }
+li.listEntry.mustread > a.mustread:hover {
+ color: mediumblue;
+ }
+li.listEntry > .counts {
+ display: none;
+ font-size: smaller;
+}
+li.listEntry > input[type="checkbox"]:checked ~ .counts {
+ display: inline;
+}
+li.listEntry span.status {
+ color: #444;
+ cursor: default;
+ display: none;
+}
+li.listEntry span.status:hover {
+ opacity: 1;
+ }
+li.listEntry span.unsecure {
+ color: darkred;
+ }
+li.listEntry.unsecure > input[type="checkbox"]:checked ~ span.unsecure {
+ display: inline-block;
+ }
+li.listEntry span.failed {
+ color: darkred;
+ }
+li.listEntry.failed span.failed {
+ display: inline-block;
+ }
+li.listEntry span.cache {
+ cursor: pointer;
+ }
+li.listEntry.cached:not(.obsolete) > input[type="checkbox"]:checked ~ span.cache {
+ display: inline-block;
+ }
+li.listEntry span.obsolete {
+ color: hsl(36, 100%, 40%);
+ }
+body:not(.updating) li.listEntry.obsolete > input[type="checkbox"]:checked ~ span.obsolete {
+ display: inline-block;
+ }
+li.listEntry span.updating {
+ transform-origin: 50% 46%;
+ }
+body.updating li.listEntry.obsolete > input[type="checkbox"]:checked ~ span.updating {
+ animation: spin 1s step-start infinite;
+ display: inline-block;
+ }
+.dim {
+ opacity: 0.5;
+ }
+#externalLists {
+ margin: 2em auto 0 auto;
+ }
+body[dir="ltr"] #externalListsDiv {
+ margin-left: 1em;
+ }
+body[dir="rtl"] #externalListsDiv {
+ margin-right: 1em;
+ }
+#externalHostsFiles {
+ box-sizing: border-box;
+ font-size: smaller;
+ width: 100%;
+ height: 12em;
+ white-space: pre;
+ }