-
+
- License: Unknown +
- Attribution: Divoom +
diff --git a/css/contact.css b/css/contact.css index f1b3658..3bad561 100644 --- a/css/contact.css +++ b/css/contact.css @@ -22,7 +22,6 @@ html { nav { height: 59px; width: 100%; - overflow: hidden; top: 0; left: 0; position: fixed; @@ -166,6 +165,29 @@ nav ul li { background-color: rgb(57, 57, 57); border-radius: 5px; padding: 2px 5px; + position: relative; +} + +#timer::after { + content: 'Aug 12, 4pm'; + position: absolute; + text-align: center; + align-items: center; + top: 30px; + right: -23px; + padding: 2px 7px; + width: 150%; + opacity: 1; + background-color: #222429; + border-radius: 10px; + transition: opacity 300ms, transform 300ms; + transform: scale(0); + transform-origin: top; + } + + #timer:hover::after, + #timer:focus::after{ + transform: scale(1); } .tooltip-nav { diff --git a/css/licenses.css b/css/licenses.css index 20665ec..b22c66e 100644 --- a/css/licenses.css +++ b/css/licenses.css @@ -22,7 +22,6 @@ html { nav { height: 59px; width: 100%; - overflow: hidden; top: 0; left: 0; position: fixed; @@ -166,6 +165,29 @@ nav ul li { background-color: rgb(57, 57, 57); border-radius: 5px; padding: 2px 5px; + position: relative; +} + +#timer::after { + content: 'Aug 12, 4pm'; + position: absolute; + text-align: center; + align-items: center; + top: 30px; + right: -23px; + padding: 2px 7px; + width: 150%; + opacity: 1; + background-color: #222429; + border-radius: 10px; + transition: opacity 300ms, transform 300ms; + transform: scale(0); + transform-origin: top; + } + + #timer:hover::after, + #timer:focus::after{ + transform: scale(1); } .tooltip-nav { diff --git a/licenses.html b/licenses.html index 18342f2..b1720c8 100644 --- a/licenses.html +++ b/licenses.html @@ -190,6 +190,27 @@