From 1079ce011c3639d882ba7de2b41d7173bc5ad9dd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Kawczy=C5=84ski?= Date: Wed, 13 Dec 2017 13:12:55 +0100 Subject: [PATCH] Add Pop-up --- css/style.css | 15 +++++++++++++++ index.html | 9 ++++++++- js/script.js | 20 +++++++++++++++++--- 3 files changed, 40 insertions(+), 4 deletions(-) diff --git a/css/style.css b/css/style.css index 7e846e6..ba5b259 100644 --- a/css/style.css +++ b/css/style.css @@ -11,6 +11,21 @@ /*-----------------------Character CSS high-resolution--------------------------------*/ +/* HOVER STYLES */ +div#pop-up-police { + display: none; + visibility: hidden; + position: absolute; + width: 90%; + max-width: 15rem; + background: #FFF; + font-family: headersFont; + border-radius: .25em .25em .4em .4em; + text-align: center; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); +} + + h1 { font-family: headersFont; font-size: 80px; diff --git a/index.html b/index.html index da0b2c7..04cd56f 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,14 @@

PLAY && LEARN

- + +
+

Zagraj w nasze gry!

+

+ Wejdz, zagraj i zdobądź dodatkowe punkty z przedmiotu +

+
+
diff --git a/js/script.js b/js/script.js index 0a3f129..11a7974 100644 --- a/js/script.js +++ b/js/script.js @@ -24,13 +24,14 @@ $(document).ready(function() { var positionYPoliceBuildingCornerLeft = $('#police-building').offset().top; var positionXPoliceBuildingCornerRight = $('#police-building').offset().left + $('#police-building').innerWidth(); var positionYPoliceBuildingCornerRight = $('#police-building').offset().top + $('#police-building').innerHeight(); - if(positionXPoliceBuildingCornerRight>positionCharXCornerLeft && positionYPoliceBuildingCornerRight>positionCharYCornerLeft && + + if(positionXPoliceBuildingCornerRight>positionCharXCornerLeft && positionYPoliceBuildingCornerRight>positionCharYCornerLeft && positionXPoliceBuildingCornerLeft