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);
}
#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;

2
script.js
View File

@ -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

12
style.css
View File

@ -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;
}