dan63
/
Problem-2038-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed horizontal scrolling + dark colors

This commit is contained in:
dan63047 2023-07-01 19:42:08 +03:00
parent 8e87b71715
commit 1bcb8a0e13
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
fullscreen-style.css
View File

@ -68,16 +68,17 @@ body{
width: calc(100% - 16px); width: calc(100% - 16px);
} }
#button-to-fullscreen, #button-fullscreen-exit{ #button-to-fullscreen, #button-fullscreen-exit{
transition: 500ms; transition: 100ms ease-out;
position: absolute; position: absolute;
left: 25px; left: 25px;
top: 35px; top: 35px;
cursor: pointer; cursor: pointer;
color: #333; color: #666;
z-index: 1; z-index: 1;
} }
#button-to-fullscreen:hover, #button-fullscreen-exit:hover{ #button-to-fullscreen:hover, #button-fullscreen-exit:hover{
color: #fff; 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{ #button-to-fullscreen, #description_ru, #description_en, footer, #language-selector, #other_countdowns{
display: none; display: none;

2
script.js
View File

@ -100,7 +100,7 @@ function SpawnOtherCounters(){
} catch (e) { } catch (e) {
date_to = ((element[3] / 60n / 60n / 24n / 365n) + 1970n).toLocaleString(language_site, {style: "unit", unit: "year"}) 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'} + 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}) + ((timestamp-parseInt(element[2]))/(parseInt(element[3])-parseInt(element[2]))).toLocaleString(language_site, {style: "percent", minimumFractionDigits: 8})
+ " · " + date_from + " ‒ " + date_to + " · " + date_from + " ‒ " + date_to

12
style.css
View File

@ -43,15 +43,16 @@ body{
cursor: pointer; cursor: pointer;
} }
#button-to-fullscreen, #button-fullscreen-exit{ #button-to-fullscreen, #button-fullscreen-exit{
transition: 500ms; transition: 100ms ease-out;
position: absolute; position: absolute;
left: 25px; left: 25px;
top: 35px; top: 35px;
cursor: pointer; cursor: pointer;
color: #333; color: #666;
} }
#button-to-fullscreen:hover, #button-fullscreen-exit:hover{ #button-to-fullscreen:hover, #button-fullscreen-exit:hover{
color: #fff; color: #fff;
filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 8px white);
} }
#button-fullscreen-exit, #title_en, #description_en{ #button-fullscreen-exit, #title_en, #description_en{
display: none; display: none;
@ -69,7 +70,7 @@ h3{
} }
a{ a{
transition: 500ms; transition: 500ms;
color: #333; color: #666;
text-decoration: none; text-decoration: none;
} }
a:hover{ a:hover{
@ -86,15 +87,16 @@ a:visited:hover{
right: 25px; right: 25px;
top: 35px; top: 35px;
color: #333; color: #666;
} }
#lang-name, #rus{ #lang-name, #rus{
padding-right: 7px; padding-right: 7px;
} }
#rus, #eng{ #rus, #eng{
transition: 500ms; transition: 100ms ease-out;
} }
#rus:hover, #eng:hover{ #rus:hover, #eng:hover{
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
text-shadow: 0px 0px 4px #fff4, 0px 0px 10px #fff5, 0px 0px 20px #fff4, 0px 0px 100px #fff4;
} }