From 1bcb8a0e13027f46ae76b4a4b5334cc5296dd985 Mon Sep 17 00:00:00 2001
From: dan63047 <dan63047@gmail.com>
Date: Sat, 1 Jul 2023 19:42:08 +0300
Subject: [PATCH] fixed horizontal scrolling + dark colors

---
 fullscreen-style.css |  5 +++--
 script.js            |  2 +-
 style.css            | 12 +++++++-----
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/fullscreen-style.css b/fullscreen-style.css
index f215eaf..732acde 100644
--- a/fullscreen-style.css
+++ b/fullscreen-style.css
@@ -68,16 +68,17 @@ body{
     width: calc(100% - 16px);
 }
 #button-to-fullscreen, #button-fullscreen-exit{
-    transition: 500ms;
+    transition: 100ms ease-out;
     position: absolute;
     left: 25px;
     top: 35px;
     cursor: pointer;
-    color: #333;
+    color: #666;
     z-index: 1;
 }
 #button-to-fullscreen:hover, #button-fullscreen-exit:hover{
     color: #fff;
+    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 8px white);
 }
 #button-to-fullscreen, #description_ru, #description_en, footer, #language-selector, #other_countdowns{
     display: none;
diff --git a/script.js b/script.js
index 133d3c8..f1382a7 100644
--- a/script.js
+++ b/script.js
@@ -100,7 +100,7 @@ function SpawnOtherCounters(){
         } catch (e) {
             date_to = ((element[3] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site, {style: "unit", unit: "year"})
         }
-        other_counters_html = other_counters_html + '<div id="other_counter"><h4 id="title_'+counter_id+'">'+ element[(language_site == "ru") ? 1 : 0] + '</h4><span style="font-size: 2rem; font-family: \'Eurostile Round Extended\'" id="main_cd_'+counter_id+'">'
+        other_counters_html = other_counters_html + '<div id="other_counter"><h4 id="title_'+counter_id+'">'+ element[(language_site == "ru") ? 1 : 0] + '</h4><span style="font-size: 2rem; font-family: \'Eurostile Round Extended\'; overflow-wrap: break-word;" id="main_cd_'+counter_id+'">'
         + l.toLocaleString(language_site) + '</span><div class="othr_progress" style="float: right" id="othr_progress_'+counter_id+'">' // second argument: {notation: "compact", compactDisplay: "long", style: "unit", unit: "second", unitDisplay: 'long'}
         + ((timestamp-parseInt(element[2]))/(parseInt(element[3])-parseInt(element[2]))).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 8})
         + " · " + date_from + " ‒ " + date_to
diff --git a/style.css b/style.css
index 7e2e634..95b6bc3 100644
--- a/style.css
+++ b/style.css
@@ -43,15 +43,16 @@ body{
     cursor: pointer;
 }
 #button-to-fullscreen, #button-fullscreen-exit{
-    transition: 500ms;
+    transition: 100ms ease-out;
     position: absolute;
     left: 25px;
     top: 35px;
     cursor: pointer;
-    color: #333;
+    color: #666;
 }
 #button-to-fullscreen:hover, #button-fullscreen-exit:hover{
     color: #fff;
+    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 8px white);
 }
 #button-fullscreen-exit, #title_en, #description_en{
     display: none;
@@ -69,7 +70,7 @@ h3{
 }
 a{
     transition: 500ms;
-    color: #333;
+    color: #666;
     text-decoration: none;
 }
 a:hover{
@@ -86,15 +87,16 @@ a:visited:hover{
     right: 25px;
     top: 35px;
     
-    color: #333;
+    color: #666;
 }
 #lang-name, #rus{
     padding-right: 7px;
 }
 #rus, #eng{
-    transition: 500ms;
+    transition: 100ms ease-out;
 }
 #rus:hover, #eng:hover{
     cursor: pointer;
     color: #fff;
+    text-shadow: 0px 0px 4px #fff4, 0px 0px 10px #fff5, 0px 0px 20px #fff4, 0px 0px 100px #fff4;
 }
\ No newline at end of file