From 083ff4d872c2d2ba1ea711999771e90b33e495aa Mon Sep 17 00:00:00 2001 From: Fibinger Ádám <adam.fibinger@wup.hu> Date: Sat, 25 Apr 2020 12:20:45 +0200 Subject: [PATCH] no-ban.png + némi --- assets/operators-color.css | 2 ++ assets/op-color/no-ban.png | 0 assets/overlay.css | 18 ++++++++++++++++++ assets/overlay.scss | 18 ++++++++++++++++++ 4 files changed, 38 insertions(+), 0 deletions(-) diff --git a/assets/op-color/no-ban.png b/assets/op-color/no-ban.png new file mode 100644 index 0000000..7b3760b --- /dev/null +++ b/assets/op-color/no-ban.png Binary files differ diff --git a/assets/operators-color.css b/assets/operators-color.css index 1db9bd9..adf44d8 100644 --- a/assets/operators-color.css +++ b/assets/operators-color.css @@ -52,3 +52,5 @@ .kali { background-image: url('/assets/op-color/kali.png'); } .iana { background-image: url('/assets/op-color/iana.png'); } .oryx { background-image: url('/assets/op-color/oryx.png'); } +.no-ban { background-image: url("/assets/op-color/no-ban.png") } +.no-ban2 { background-image: url("/assets/op-color/no-ban.png") } diff --git a/assets/overlay.css b/assets/overlay.css index 9132cf7..6e855f3 100644 --- a/assets/overlay.css +++ b/assets/overlay.css @@ -97,6 +97,7 @@ top: 23px; } #stripe .operator { + z-index: 10; background-repeat: no-repeat; background-size: cover; width: 50px; @@ -106,6 +107,7 @@ text-align: center; } #stripe .operator .prohibit { + z-index: 20; text-align: center; color: gray; margin-top: 15px; @@ -114,6 +116,22 @@ filter: none; color: red; } +#stripe .operator :after { + z-index: -1px; + position: relative; + top: -42px; + left: 0; + content: ""; + width: 33px; + height: 33px; + display: block; +} +#stripe .blue .operator :after { + box-shadow: 0 0 10px 0 #1486e5; +} +#stripe .orange .operator :after { + box-shadow: 0 0 10px 0 #EA7019; +} #stripe .esl-logo { height: 40px; margin-top: 5px; diff --git a/assets/overlay.scss b/assets/overlay.scss index 3532b22..8ba6ff7 100644 --- a/assets/overlay.scss +++ b/assets/overlay.scss @@ -113,6 +113,7 @@ .operator { + z-index: 10; background-repeat: no-repeat; background-size: cover; width: 50px; @@ -123,6 +124,7 @@ text-align: center; .prohibit { + z-index: 20; text-align: center; color: gray; margin-top: 15px; @@ -135,6 +137,22 @@ color: red; } } + .operator :after { + z-index: -1px; + position: relative; + top: -42px; + left: 0; + content: ''; + width: 33px; + height: 33px; + display: block; + } + .blue .operator :after { + box-shadow: 0 0 10px 0 #1486e5; + } + .orange .operator :after { + box-shadow: 0 0 10px 0 #EA7019; + } .esl-logo { height: 40px; -- Gitblit v1.8.0