From e85a253e6ed61befdb3ca0cdb41bc7818d35ef74 Mon Sep 17 00:00:00 2001 From: Samuele Locatelli Date: Sat, 15 Mar 2025 12:23:25 +0100 Subject: [PATCH] Semplificazione gestione stilesheet --- MP-MON.sln | 4 +- MP.MON.Client/Components/DetailMSE.razor.css | 42 ------ MP.MON.Client/Components/DetailMSE.razor.less | 48 ------- .../Components/DetailMSE.razor.min.css | 1 - .../Components/DetailMapSelector.razor | 44 ++++++ .../Components/DetailViewMSE.razor.css | 104 -------------- .../Components/DetailViewMSE.razor.less | 126 ----------------- .../Components/DetailViewMSE.razor.min.css | 1 - MP.MON.Client/compilerconfig.json | 8 -- MP.MON/Components/Pages/Index.razor | 19 ++- MP.MON/MP.MON.csproj | 2 +- MP.MON/Resources/ChangeLog.html | 2 +- MP.MON/Resources/VersNum.txt | 2 +- MP.MON/Resources/manifest.xml | 2 +- MP.MON/wwwroot/css/site.css | 105 ++++++++++++++ MP.MON/wwwroot/css/site.less | 131 ++++++++++++++++++ MP.MON/wwwroot/css/site.min.css | 2 +- 17 files changed, 296 insertions(+), 347 deletions(-) delete mode 100644 MP.MON.Client/Components/DetailMSE.razor.css delete mode 100644 MP.MON.Client/Components/DetailMSE.razor.less delete mode 100644 MP.MON.Client/Components/DetailMSE.razor.min.css create mode 100644 MP.MON.Client/Components/DetailMapSelector.razor delete mode 100644 MP.MON.Client/Components/DetailViewMSE.razor.css delete mode 100644 MP.MON.Client/Components/DetailViewMSE.razor.less delete mode 100644 MP.MON.Client/Components/DetailViewMSE.razor.min.css diff --git a/MP-MON.sln b/MP-MON.sln index 020b48f2..0035cada 100644 --- a/MP-MON.sln +++ b/MP-MON.sln @@ -5,9 +5,9 @@ VisualStudioVersion = 17.0.32126.317 MinimumVisualStudioVersion = 10.0.40219.1 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "MP.Data", "MP.Data\MP.Data.csproj", "{10BA8450-301D-49C7-8E1E-21B7469C225C}" EndProject -Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP-MON", "MP.MON\MP.MON.csproj", "{82FD7CF4-42A2-499C-88FC-46502D166F70}" +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP.MON", "MP.MON\MP.MON.csproj", "{82FD7CF4-42A2-499C-88FC-46502D166F70}" EndProject -Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP-MON.Client", "MP.MON.Client\MP.MON.Client.csproj", "{162B91FA-4BFD-4270-966A-C5E8B5DC1346}" +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP.MON.Client", "MP.MON.Client\MP.MON.Client.csproj", "{162B91FA-4BFD-4270-966A-C5E8B5DC1346}" EndProject Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP.Core", "MP.Core\MP.Core.csproj", "{4F652F76-AC46-444D-B808-40102F2F05C0}" EndProject diff --git a/MP.MON.Client/Components/DetailMSE.razor.css b/MP.MON.Client/Components/DetailMSE.razor.css deleted file mode 100644 index 04f76376..00000000 --- a/MP.MON.Client/Components/DetailMSE.razor.css +++ /dev/null @@ -1,42 +0,0 @@ -/* gestione scroll testo */ -.scroll-left { - height: 1.5em; - overflow: hidden; - position: relative; - width: 100%; - white-space: nowrap; -} -.scroll-left span { - /*display: inline-block;*/ - position: absolute; - width: 100%; - height: 100%; - margin: 0; - line-height: 1.5em; - /* Starting position */ - -moz-transform: translateX(-50%); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - /* Apply animation to this element */ - -moz-animation: scroll-left 20s ease infinite; - -webkit-animation: scroll-left 20s ease infinite; - animation: scroll-left 20s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left { - 0% { - transform: translateX(-50%); - } - 25% { - transform: translateX(-30%); - } - 50% { - transform: translateX(-50%); - } - 75% { - transform: translateX(-70%); - } - 100% { - transform: translateX(-50%); - } -} \ No newline at end of file diff --git a/MP.MON.Client/Components/DetailMSE.razor.less b/MP.MON.Client/Components/DetailMSE.razor.less deleted file mode 100644 index 9ef253fc..00000000 --- a/MP.MON.Client/Components/DetailMSE.razor.less +++ /dev/null @@ -1,48 +0,0 @@ - -/* gestione scroll testo */ -.scroll-left { - height: 1.5em; - overflow: hidden; - position: relative; - width: 100%; - white-space: nowrap; -} - -.scroll-left span { - /*display: inline-block;*/ - position: absolute; - width: 100%; - height: 100%; - margin: 0; - line-height: 1.5em; - /* Starting position */ - -moz-transform: translateX(-50%); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - /* Apply animation to this element */ - -moz-animation: scroll-left 20s ease infinite; - -webkit-animation: scroll-left 20s ease infinite; - animation: scroll-left 20s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left { - 0% { - transform: translateX(-50%); - } - - 25% { - transform: translateX(-30%); - } - - 50% { - transform: translateX(-50%); - } - - 75% { - transform: translateX(-70%); - } - - 100% { - transform: translateX(-50%); - } -} diff --git a/MP.MON.Client/Components/DetailMSE.razor.min.css b/MP.MON.Client/Components/DetailMSE.razor.min.css deleted file mode 100644 index c469600b..00000000 --- a/MP.MON.Client/Components/DetailMSE.razor.min.css +++ /dev/null @@ -1 +0,0 @@ -.scroll-left{height:1.5em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-animation:scroll-left 20s ease infinite;-webkit-animation:scroll-left 20s ease infinite;animation:scroll-left 20s ease infinite;}@keyframes scroll-left{0%{transform:translateX(-50%);}25%{transform:translateX(-30%);}50%{transform:translateX(-50%);}75%{transform:translateX(-70%);}100%{transform:translateX(-50%);}} \ No newline at end of file diff --git a/MP.MON.Client/Components/DetailMapSelector.razor b/MP.MON.Client/Components/DetailMapSelector.razor new file mode 100644 index 00000000..9ff41233 --- /dev/null +++ b/MP.MON.Client/Components/DetailMapSelector.razor @@ -0,0 +1,44 @@ +@using MP.Core.Conf +@using MP.Core.DTO; + +@if (useNewDisplay) +{ + +} +else +{ + +} + +@code { + + [Parameter] + public MappaStatoExplDTO? currRecord { get; set; } = null; + + [Parameter] + public List? currTagConf { get; set; } = null; + + [Parameter] + public Dictionary currTagVal { get; set; } = new Dictionary(); + + [Parameter] + public bool doAnimate { get; set; } = true; + + [Parameter] + public bool doBlink { get; set; } = false; + + [Parameter] + public int keepAliveMin { get; set; } = 5; + + [Parameter] + public int maxChar4Scroll { get; set; } = 20; + + [Parameter] + public string showArt { get; set; } = ""; + [Parameter] + public bool useNewDisplay { get; set; } = true; + + + [Parameter] + public string cssOverlayOff { get; set; } = ""; +} diff --git a/MP.MON.Client/Components/DetailViewMSE.razor.css b/MP.MON.Client/Components/DetailViewMSE.razor.css deleted file mode 100644 index 851a6c4e..00000000 --- a/MP.MON.Client/Components/DetailViewMSE.razor.css +++ /dev/null @@ -1,104 +0,0 @@ -/* Testo ridotto se troppo lungo... */ -.text-reduced, -.text-reduced-a, -.text-reduced-b, -.text-reduced-c { - height: 1.1rem; - line-height: 0.9em; - /*overflow: hidden;*/ - /*position: relative;*/ - /*width: 100%;*/ - /*white-space: nowrap;*/ - overflow-wrap: anywhere; -} -.text-reduced-a { - font-size: 0.95rem; -} -.text-reduced-b { - font-size: 0.9rem; -} -.text-reduced-c { - font-size: 0.85rem; -} -/* gestione scroll testo A: 100% */ -.scroll-left, -.scroll-left-a, -.scroll-left-b, -.scroll-left-c { - height: 1.25em; - overflow: hidden; - position: relative; - width: 100%; - white-space: nowrap; -} -.scroll-left span, -.scroll-left-a span, -.scroll-left-b span, -.scroll-left-c span { - position: absolute; - width: 100%; - height: 100%; - margin: 0; - line-height: 1.25em; - /* Starting position */ - -moz-transform: translateX(0%); - -webkit-transform: translateX(0%); - transform: translateX(0%); -} -/* gestione scroll testo A: 90% */ -.scroll-left-a span { - /* Apply animation to this element */ - -moz-animation: scroll-left-a 10s ease infinite; - -webkit-animation: scroll-left-a 10s ease infinite; - animation: scroll-left-a 10s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left-a { - 0% { - transform: translateX(0%); - } - 30% { - transform: translateX(0%); - } - 100% { - transform: translateX(-90%); - } -} -/* gestione scroll testo B: 100% */ -.scroll-left-b span { - /* Apply animation to this element */ - -moz-animation: scroll-left-b 10s ease infinite; - -webkit-animation: scroll-left-b 10s ease infinite; - animation: scroll-left-b 10s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left-b { - 0% { - transform: translateX(0%); - } - 30% { - transform: translateX(0%); - } - 100% { - transform: translateX(-120%); - } -} -/* gestione scroll testo C: 150% */ -.scroll-left-c span { - /* Apply animation to this element */ - -moz-animation: scroll-left-c 10s ease infinite; - -webkit-animation: scroll-left-c 10s ease infinite; - animation: scroll-left-c 10s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left-c { - 0% { - transform: translateX(0%); - } - 30% { - transform: translateX(0%); - } - 100% { - transform: translateX(-150%); - } -} \ No newline at end of file diff --git a/MP.MON.Client/Components/DetailViewMSE.razor.less b/MP.MON.Client/Components/DetailViewMSE.razor.less deleted file mode 100644 index ac8016e8..00000000 --- a/MP.MON.Client/Components/DetailViewMSE.razor.less +++ /dev/null @@ -1,126 +0,0 @@ -/* Testo ridotto se troppo lungo... */ -.text-reduced { - height: 1.1rem; - line-height: 0.9em; - /*overflow: hidden;*/ - /*position: relative;*/ - /*width: 100%;*/ - /*white-space: nowrap;*/ - overflow-wrap: anywhere; -} - -.text-reduced-a { - &:extend(.text-reduced); - font-size: 0.95rem; -} - -.text-reduced-b { - &:extend(.text-reduced); - font-size: 0.9rem; -} - -.text-reduced-c { - &:extend(.text-reduced); - font-size: 0.85rem; -} - - - -/* gestione scroll testo A: 100% */ -.scroll-left { - height: 1.25em; - overflow: hidden; - position: relative; - width: 100%; - white-space: nowrap; -} - -.scroll-left span { - position: absolute; - width: 100%; - height: 100%; - margin: 0; - line-height: 1.25em; - /* Starting position */ - -moz-transform: translateX(0%); - -webkit-transform: translateX(0%); - transform: translateX(0%); -} -/* gestione scroll testo A: 90% */ -.scroll-left-a { - &:extend(.scroll-left); -} - -.scroll-left-a span { - &:extend(.scroll-left span); - /* Apply animation to this element */ - -moz-animation: scroll-left-a 10s ease infinite; - -webkit-animation: scroll-left-a 10s ease infinite; - animation: scroll-left-a 10s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left-a { - 0% { - transform: translateX(0%); - } - - 30% { - transform: translateX(0%); - } - - 100% { - transform: translateX(-90%); - } -} -/* gestione scroll testo B: 100% */ -.scroll-left-b { - &:extend(.scroll-left); -} - -.scroll-left-b span { - &:extend(.scroll-left span); - /* Apply animation to this element */ - -moz-animation: scroll-left-b 10s ease infinite; - -webkit-animation: scroll-left-b 10s ease infinite; - animation: scroll-left-b 10s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left-b { - 0% { - transform: translateX(0%); - } - - 30% { - transform: translateX(0%); - } - - 100% { - transform: translateX(-120%); - } -} -/* gestione scroll testo C: 150% */ -.scroll-left-c { - &:extend(.scroll-left); -} - -.scroll-left-c span { - &:extend(.scroll-left span); - /* Apply animation to this element */ - -moz-animation: scroll-left-c 10s ease infinite; - -webkit-animation: scroll-left-c 10s ease infinite; - animation: scroll-left-c 10s ease infinite; -} -/* Move it (define the animation) */ -@keyframes scroll-left-c { - 0% { - transform: translateX(0%); - } - - 30% { - transform: translateX(0%); - } - - 100% { - transform: translateX(-150%); - } -} diff --git a/MP.MON.Client/Components/DetailViewMSE.razor.min.css b/MP.MON.Client/Components/DetailViewMSE.razor.min.css deleted file mode 100644 index a1523833..00000000 --- a/MP.MON.Client/Components/DetailViewMSE.razor.min.css +++ /dev/null @@ -1 +0,0 @@ -.text-reduced,.text-reduced-a,.text-reduced-b,.text-reduced-c{height:1.1rem;line-height:.9em;overflow-wrap:anywhere;}.text-reduced-a{font-size:.95rem;}.text-reduced-b{font-size:.9rem;}.text-reduced-c{font-size:.85rem;}.scroll-left,.scroll-left-a,.scroll-left-b,.scroll-left-c{height:1.25em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left span,.scroll-left-a span,.scroll-left-b span,.scroll-left-c span{position:absolute;width:100%;height:100%;margin:0;line-height:1.25em;-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);}.scroll-left-a span{-moz-animation:scroll-left-a 10s ease infinite;-webkit-animation:scroll-left-a 10s ease infinite;animation:scroll-left-a 10s ease infinite;}@keyframes scroll-left-a{0%{transform:translateX(0%);}30%{transform:translateX(0%);}100%{transform:translateX(-90%);}}.scroll-left-b span{-moz-animation:scroll-left-b 10s ease infinite;-webkit-animation:scroll-left-b 10s ease infinite;animation:scroll-left-b 10s ease infinite;}@keyframes scroll-left-b{0%{transform:translateX(0%);}30%{transform:translateX(0%);}100%{transform:translateX(-120%);}}.scroll-left-c span{-moz-animation:scroll-left-c 10s ease infinite;-webkit-animation:scroll-left-c 10s ease infinite;animation:scroll-left-c 10s ease infinite;}@keyframes scroll-left-c{0%{transform:translateX(0%);}30%{transform:translateX(0%);}100%{transform:translateX(-150%);}} \ No newline at end of file diff --git a/MP.MON.Client/compilerconfig.json b/MP.MON.Client/compilerconfig.json index bf69d1d9..21bfad9e 100644 --- a/MP.MON.Client/compilerconfig.json +++ b/MP.MON.Client/compilerconfig.json @@ -1,10 +1,2 @@ [ - { - "outputFile": "Components/DetailViewMSE.razor.css", - "inputFile": "Components/DetailViewMSE.razor.less" - }, - { - "outputFile": "Components/DetailMSE.razor.css", - "inputFile": "Components/DetailMSE.razor.less" - } ] \ No newline at end of file diff --git a/MP.MON/Components/Pages/Index.razor b/MP.MON/Components/Pages/Index.razor index 249cc52d..240f81eb 100644 --- a/MP.MON/Components/Pages/Index.razor +++ b/MP.MON/Components/Pages/Index.razor @@ -39,18 +39,17 @@ else mseIdx++; if (currMse != null) { - if (newDisplay) - { -
+
+ @* *@ + @if (newDisplay) + { -
- } - else - { -
+ } + else + { -
- } + } +
} else { diff --git a/MP.MON/MP.MON.csproj b/MP.MON/MP.MON.csproj index 52a13198..73ea4586 100644 --- a/MP.MON/MP.MON.csproj +++ b/MP.MON/MP.MON.csproj @@ -6,7 +6,7 @@ enable MP.MON $(AssemblyName.Replace(' ', '_')) - 6.16.2503.1511 + 6.16.2503.1512 diff --git a/MP.MON/Resources/ChangeLog.html b/MP.MON/Resources/ChangeLog.html index fe393f8f..c56078d1 100644 --- a/MP.MON/Resources/ChangeLog.html +++ b/MP.MON/Resources/ChangeLog.html @@ -1,6 +1,6 @@ Modulo MAPOSPEC -

Versione: 6.16.2503.1511

+

Versione: 6.16.2503.1512


Note di rilascio:
  • diff --git a/MP.MON/Resources/VersNum.txt b/MP.MON/Resources/VersNum.txt index 3edb1844..bc67faa8 100644 --- a/MP.MON/Resources/VersNum.txt +++ b/MP.MON/Resources/VersNum.txt @@ -1 +1 @@ -6.16.2503.1511 +6.16.2503.1512 diff --git a/MP.MON/Resources/manifest.xml b/MP.MON/Resources/manifest.xml index c28ecfe5..cc21e43b 100644 --- a/MP.MON/Resources/manifest.xml +++ b/MP.MON/Resources/manifest.xml @@ -1,6 +1,6 @@ - 6.16.2503.1511 + 6.16.2503.1512 https://nexus.steamware.net/repository/SWS/MP-MON/stable/LAST/MP-MON.zip https://nexus.steamware.net/repository/SWS/MP-MON/stable/LAST/ChangeLog.html false diff --git a/MP.MON/wwwroot/css/site.css b/MP.MON/wwwroot/css/site.css index b5599e3a..0f1840f4 100644 --- a/MP.MON/wwwroot/css/site.css +++ b/MP.MON/wwwroot/css/site.css @@ -210,6 +210,111 @@ a, } } /* END: gestione layout dinamico mappa... */ +/* area testo scorrevole*/ +/* Testo ridotto se troppo lungo... */ +.text-reduced, +.text-reduced-a, +.text-reduced-b, +.text-reduced-c { + height: 1.1rem; + line-height: 0.9em; + /*overflow: hidden;*/ + /*position: relative;*/ + /*width: 100%;*/ + /*white-space: nowrap;*/ + overflow-wrap: anywhere; +} +.text-reduced-a { + font-size: 0.95rem; +} +.text-reduced-b { + font-size: 0.9rem; +} +.text-reduced-c { + font-size: 0.85rem; +} +/* gestione scroll testo A: 100% */ +.scroll-left, +.scroll-left-a, +.scroll-left-b, +.scroll-left-c { + height: 1.25em; + overflow: hidden; + position: relative; + width: 100%; + white-space: nowrap; +} +.scroll-left span, +.scroll-left-a span, +.scroll-left-b span, +.scroll-left-c span { + position: absolute; + width: 100%; + height: 100%; + margin: 0; + line-height: 1.25em; + /* Starting position */ + -moz-transform: translateX(0%); + -webkit-transform: translateX(0%); + transform: translateX(0%); +} +/* gestione scroll testo A: 90% */ +.scroll-left-a span { + /* Apply animation to this element */ + -moz-animation: scroll-left-a 10s ease infinite; + -webkit-animation: scroll-left-a 10s ease infinite; + animation: scroll-left-a 10s ease infinite; +} +/* Move it (define the animation) */ +@keyframes scroll-left-a { + 0% { + transform: translateX(0%); + } + 30% { + transform: translateX(0%); + } + 100% { + transform: translateX(-90%); + } +} +/* gestione scroll testo B: 100% */ +.scroll-left-b span { + /* Apply animation to this element */ + -moz-animation: scroll-left-b 10s ease infinite; + -webkit-animation: scroll-left-b 10s ease infinite; + animation: scroll-left-b 10s ease infinite; +} +/* Move it (define the animation) */ +@keyframes scroll-left-b { + 0% { + transform: translateX(0%); + } + 30% { + transform: translateX(0%); + } + 100% { + transform: translateX(-120%); + } +} +/* gestione scroll testo C: 150% */ +.scroll-left-c span { + /* Apply animation to this element */ + -moz-animation: scroll-left-c 10s ease infinite; + -webkit-animation: scroll-left-c 10s ease infinite; + animation: scroll-left-c 10s ease infinite; +} +/* Move it (define the animation) */ +@keyframes scroll-left-c { + 0% { + transform: translateX(0%); + } + 30% { + transform: translateX(0%); + } + 100% { + transform: translateX(-150%); + } +} /* area semafori*/ .semBlinkVe, .semFixVe, diff --git a/MP.MON/wwwroot/css/site.less b/MP.MON/wwwroot/css/site.less index 7c7777bc..4e92c08b 100644 --- a/MP.MON/wwwroot/css/site.less +++ b/MP.MON/wwwroot/css/site.less @@ -222,6 +222,137 @@ a, .btn-link { /* END: gestione layout dinamico mappa... */ + +/* area testo scorrevole*/ +/* Testo ridotto se troppo lungo... */ +.text-reduced { + height: 1.1rem; + line-height: 0.9em; + /*overflow: hidden;*/ + /*position: relative;*/ + /*width: 100%;*/ + /*white-space: nowrap;*/ + overflow-wrap: anywhere; +} + +.text-reduced-a { + &:extend(.text-reduced); + font-size: 0.95rem; +} + +.text-reduced-b { + &:extend(.text-reduced); + font-size: 0.9rem; +} + +.text-reduced-c { + &:extend(.text-reduced); + font-size: 0.85rem; +} + + + +/* gestione scroll testo A: 100% */ +.scroll-left { + height: 1.25em; + overflow: hidden; + position: relative; + width: 100%; + white-space: nowrap; +} + +.scroll-left span { + position: absolute; + width: 100%; + height: 100%; + margin: 0; + line-height: 1.25em; + /* Starting position */ + -moz-transform: translateX(0%); + -webkit-transform: translateX(0%); + transform: translateX(0%); +} +/* gestione scroll testo A: 90% */ +.scroll-left-a { + &:extend(.scroll-left); +} + +.scroll-left-a span { + &:extend(.scroll-left span); + /* Apply animation to this element */ + -moz-animation: scroll-left-a 10s ease infinite; + -webkit-animation: scroll-left-a 10s ease infinite; + animation: scroll-left-a 10s ease infinite; +} +/* Move it (define the animation) */ +@keyframes scroll-left-a { + 0% { + transform: translateX(0%); + } + + 30% { + transform: translateX(0%); + } + + 100% { + transform: translateX(-90%); + } +} +/* gestione scroll testo B: 100% */ +.scroll-left-b { + &:extend(.scroll-left); +} + +.scroll-left-b span { + &:extend(.scroll-left span); + /* Apply animation to this element */ + -moz-animation: scroll-left-b 10s ease infinite; + -webkit-animation: scroll-left-b 10s ease infinite; + animation: scroll-left-b 10s ease infinite; +} +/* Move it (define the animation) */ +@keyframes scroll-left-b { + 0% { + transform: translateX(0%); + } + + 30% { + transform: translateX(0%); + } + + 100% { + transform: translateX(-120%); + } +} +/* gestione scroll testo C: 150% */ +.scroll-left-c { + &:extend(.scroll-left); +} + +.scroll-left-c span { + &:extend(.scroll-left span); + /* Apply animation to this element */ + -moz-animation: scroll-left-c 10s ease infinite; + -webkit-animation: scroll-left-c 10s ease infinite; + animation: scroll-left-c 10s ease infinite; +} +/* Move it (define the animation) */ +@keyframes scroll-left-c { + 0% { + transform: translateX(0%); + } + + 30% { + transform: translateX(0%); + } + + 100% { + transform: translateX(-150%); + } +} + + + /* area semafori*/ .semBlinkVe, .semFixVe, diff --git a/MP.MON/wwwroot/css/site.min.css b/MP.MON/wwwroot/css/site.min.css index f26c5a4b..b5494b3b 100644 --- a/MP.MON/wwwroot/css/site.min.css +++ b/MP.MON/wwwroot/css/site.min.css @@ -1 +1 @@ -@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');@import url('fonts.min.css');h1,h2,h3,h4,h5,h6,b,display-1,display-2,display-3,display-4{font-family:'Lato',sans-serif;}html,body{height:100%;}html,body{font-family:'Roboto Condensed',sans-serif;line-height:1.25;background-image:linear-gradient(180deg,#010816 20%,#3aa6ff 90%);background-size:auto 100%;background-repeat:no-repeat;}h1:focus{outline:0;}a,.btn-link{color:#0071c1;}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac;}.content{padding-top:1.1rrem;}.valid.modified:not([type=checkbox]){outline:1px solid #26b050;}.invalid{outline:1px solid #f00;}.validation-message{color:#f00;}.regionnotclicked{fill:white;}.regionclicked{fill:red;}.striked{text-decoration:line-through;}.textTrim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.maxChar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.max5Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rrem;}.max10Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:10rrem;}.max20Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:20rrem;}.max30Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:30rrem;}.max40Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:40rrem;}.max50Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50rrem;}.max100Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100rrem;}.footer{line-height:1.8rem;}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rrem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rrem;top:.5rrem;}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rrem;color:#fff;}.blazor-error-boundary::after{content:"An error has occurred.";}.fontSmall{font-size:.75rem;}.fontSmaller{font-size:.6rem;}.statusMap .ui-title,.statusMap .ui-li-aside{text-transform:uppercase;font-size:1.5rem;line-height:1.1rem;color:#dedede;text-shadow:2px 2px 4px #000;text-align:center;background:linear-gradient(270deg,rgba(20,20,20,.7),rgba(100,100,100,.7),rgba(20,20,20,.7));}.statusMap .ui-subtitle{line-height:1.1rem;color:#dedede;text-shadow:2px 2px 4px #000;text-align:center;background:linear-gradient(270deg,rgba(0,0,0,.4),rgba(100,100,100,.4),rgba(0,0,0,.4));}.statusMap .ui-footer{color:#cdcdcd;background:linear-gradient(270deg,rgba(10,10,10,.7),rgba(80,80,80,.7),rgba(10,10,10,.7));}.machBlock{padding:0 2px 0 2px;}@media all and (min-width:320px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.5rem;}}@media all and (min-width:800px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.6rem;}}@media all and (min-width:1024px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.7rem;}}@media all and (min-width:1440px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.8rem;}}@media all and (min-width:1980px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.9rem;}}@media all and (min-width:3960px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:2rem;}}.semBlinkVe,.semFixVe,.semFixVe_b,.semVe,.semVe_b{background:#009036;background:rgba(0,255,80,.6);color:#ffa;}.semBlinkGr,.semFixGr,.semFixGr_b,.semGr,.semGr_b{background-color:#bcbcbc;background:rgba(180,180,180,.6);}.semGi{text-align:left;background:#8a8d27;background:rgba(230,210,0,.6);padding:0 4px 0 4px;color:#000;}.semGi_b,.semFixGi,.semFixGi_b{text-align:left;background:#f9ff18;background:rgba(255,255,0,.8);padding:0 4px 0 4px;color:#333;}.semBl{text-align:left;background:#000e7a;background:rgba(0,5,200,.6);padding:0 4px 0 4px;color:#959500;}.semBl_b,.semFixBl,.semFixBl_b{text-align:left;background:#243fff;background:rgba(60,80,255,.8);padding:0 4px 0 4px;color:#ffff32;}.semRo{text-align:left;background-color:#7a000e;background:rgba(200,0,5,.6);padding:0 4px 0 4px;color:#959500;}.semRo_b,.semFixRo,.semFixRo_b{text-align:left;background-color:#ff243f;background:rgba(255,60,80,.8);padding:0 4px 0 4px;color:#ffff32;}.no-cpu{-moz-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}@-webkit-keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@-moz-keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@-o-keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.semBlinkGi{background:linear-gradient(270deg,#8a8d27,#f9ff18);background-size:400% 400%;-webkit-animation:blinkBack 2s ease infinite;-moz-animation:blinkBack 2s ease infinite;-o-animation:blinkBack 2s ease infinite;animation:blinkBack 2s ease infinite;}.semBlinkRo{background:linear-gradient(270deg,#7a000e,#ff243f);background-size:400% 400%;-webkit-animation:blinkBack 2s ease infinite;-moz-animation:blinkBack 2s ease infinite;-o-animation:blinkBack 2s ease infinite;animation:blinkBack 2s ease infinite;color:#ff0;}.mainHead,.logoImg{height:1.6rem;}@media all and (max-width:425px){body{font-size:.7rem;}}@media all and (min-width:425px){.mainHead{font-size:1.3rem;}body{font-size:.8rem;}.logoImg{height:30px;}}@media all and (min-width:768px){.mainHead{font-size:1.4rem;}body{font-size:1rem;}.logoImg{height:35px;}}@media all and (min-width:800px){.mainHead{font-size:.9rem;}body{font-size:.6rem;}.logoImg{height:40px;}}@media all and (min-width:1024px){.mainHead{font-size:1rem;}body{font-size:.7rem;}}@media all and (min-width:1280px){.mainHead{font-size:1.1rem;}body{font-size:.8rem;}}@media all and (min-width:1440px){.mainHead{font-size:1.3rem;}body{font-size:1rem;}}@media all and (min-width:1680px){.mainHead{font-size:1.4rem;}body{font-size:1.1rem;}}@media all and (min-width:1920px){.mainHead{font-size:1.6rem;}body{font-size:1.3rem;}}@media all and (min-width:2560px){.mainHead{font-size:1.4rem;}body{font-size:1.8rem;}} \ No newline at end of file +@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');@import url('fonts.min.css');h1,h2,h3,h4,h5,h6,b,display-1,display-2,display-3,display-4{font-family:'Lato',sans-serif;}html,body{height:100%;}html,body{font-family:'Roboto Condensed',sans-serif;line-height:1.25;background-image:linear-gradient(180deg,#010816 20%,#3aa6ff 90%);background-size:auto 100%;background-repeat:no-repeat;}h1:focus{outline:0;}a,.btn-link{color:#0071c1;}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac;}.content{padding-top:1.1rrem;}.valid.modified:not([type=checkbox]){outline:1px solid #26b050;}.invalid{outline:1px solid #f00;}.validation-message{color:#f00;}.regionnotclicked{fill:white;}.regionclicked{fill:red;}.striked{text-decoration:line-through;}.textTrim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.maxChar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.max5Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:5rrem;}.max10Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:10rrem;}.max20Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:20rrem;}.max30Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:30rrem;}.max40Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:40rrem;}.max50Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50rrem;}.max100Char{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100rrem;}.footer{line-height:1.8rem;}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rrem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rrem;top:.5rrem;}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rrem;color:#fff;}.blazor-error-boundary::after{content:"An error has occurred.";}.fontSmall{font-size:.75rem;}.fontSmaller{font-size:.6rem;}.statusMap .ui-title,.statusMap .ui-li-aside{text-transform:uppercase;font-size:1.5rem;line-height:1.1rem;color:#dedede;text-shadow:2px 2px 4px #000;text-align:center;background:linear-gradient(270deg,rgba(20,20,20,.7),rgba(100,100,100,.7),rgba(20,20,20,.7));}.statusMap .ui-subtitle{line-height:1.1rem;color:#dedede;text-shadow:2px 2px 4px #000;text-align:center;background:linear-gradient(270deg,rgba(0,0,0,.4),rgba(100,100,100,.4),rgba(0,0,0,.4));}.statusMap .ui-footer{color:#cdcdcd;background:linear-gradient(270deg,rgba(10,10,10,.7),rgba(80,80,80,.7),rgba(10,10,10,.7));}.machBlock{padding:0 2px 0 2px;}@media all and (min-width:320px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.5rem;}}@media all and (min-width:800px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.6rem;}}@media all and (min-width:1024px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.7rem;}}@media all and (min-width:1440px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.8rem;}}@media all and (min-width:1980px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:1.9rem;}}@media all and (min-width:3960px){.statusMap .ui-title,.statusMap .ui-li-aside{font-size:2rem;}}.text-reduced,.text-reduced-a,.text-reduced-b,.text-reduced-c{height:1.1rem;line-height:.9em;overflow-wrap:anywhere;}.text-reduced-a{font-size:.95rem;}.text-reduced-b{font-size:.9rem;}.text-reduced-c{font-size:.85rem;}.scroll-left,.scroll-left-a,.scroll-left-b,.scroll-left-c{height:1.25em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left span,.scroll-left-a span,.scroll-left-b span,.scroll-left-c span{position:absolute;width:100%;height:100%;margin:0;line-height:1.25em;-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);}.scroll-left-a span{-moz-animation:scroll-left-a 10s ease infinite;-webkit-animation:scroll-left-a 10s ease infinite;animation:scroll-left-a 10s ease infinite;}@keyframes scroll-left-a{0%{transform:translateX(0%);}30%{transform:translateX(0%);}100%{transform:translateX(-90%);}}.scroll-left-b span{-moz-animation:scroll-left-b 10s ease infinite;-webkit-animation:scroll-left-b 10s ease infinite;animation:scroll-left-b 10s ease infinite;}@keyframes scroll-left-b{0%{transform:translateX(0%);}30%{transform:translateX(0%);}100%{transform:translateX(-120%);}}.scroll-left-c span{-moz-animation:scroll-left-c 10s ease infinite;-webkit-animation:scroll-left-c 10s ease infinite;animation:scroll-left-c 10s ease infinite;}@keyframes scroll-left-c{0%{transform:translateX(0%);}30%{transform:translateX(0%);}100%{transform:translateX(-150%);}}.semBlinkVe,.semFixVe,.semFixVe_b,.semVe,.semVe_b{background:#009036;background:rgba(0,255,80,.6);color:#ffa;}.semBlinkGr,.semFixGr,.semFixGr_b,.semGr,.semGr_b{background-color:#bcbcbc;background:rgba(180,180,180,.6);}.semGi{text-align:left;background:#8a8d27;background:rgba(230,210,0,.6);padding:0 4px 0 4px;color:#000;}.semGi_b,.semFixGi,.semFixGi_b{text-align:left;background:#f9ff18;background:rgba(255,255,0,.8);padding:0 4px 0 4px;color:#333;}.semBl{text-align:left;background:#000e7a;background:rgba(0,5,200,.6);padding:0 4px 0 4px;color:#959500;}.semBl_b,.semFixBl,.semFixBl_b{text-align:left;background:#243fff;background:rgba(60,80,255,.8);padding:0 4px 0 4px;color:#ffff32;}.semRo{text-align:left;background-color:#7a000e;background:rgba(200,0,5,.6);padding:0 4px 0 4px;color:#959500;}.semRo_b,.semFixRo,.semFixRo_b{text-align:left;background-color:#ff243f;background:rgba(255,60,80,.8);padding:0 4px 0 4px;color:#ffff32;}.no-cpu{-moz-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}@-webkit-keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@-moz-keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@-o-keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes blinkBack{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.semBlinkGi{background:linear-gradient(270deg,#8a8d27,#f9ff18);background-size:400% 400%;-webkit-animation:blinkBack 2s ease infinite;-moz-animation:blinkBack 2s ease infinite;-o-animation:blinkBack 2s ease infinite;animation:blinkBack 2s ease infinite;}.semBlinkRo{background:linear-gradient(270deg,#7a000e,#ff243f);background-size:400% 400%;-webkit-animation:blinkBack 2s ease infinite;-moz-animation:blinkBack 2s ease infinite;-o-animation:blinkBack 2s ease infinite;animation:blinkBack 2s ease infinite;color:#ff0;}.mainHead,.logoImg{height:1.6rem;}@media all and (max-width:425px){body{font-size:.7rem;}}@media all and (min-width:425px){.mainHead{font-size:1.3rem;}body{font-size:.8rem;}.logoImg{height:30px;}}@media all and (min-width:768px){.mainHead{font-size:1.4rem;}body{font-size:1rem;}.logoImg{height:35px;}}@media all and (min-width:800px){.mainHead{font-size:.9rem;}body{font-size:.6rem;}.logoImg{height:40px;}}@media all and (min-width:1024px){.mainHead{font-size:1rem;}body{font-size:.7rem;}}@media all and (min-width:1280px){.mainHead{font-size:1.1rem;}body{font-size:.8rem;}}@media all and (min-width:1440px){.mainHead{font-size:1.3rem;}body{font-size:1rem;}}@media all and (min-width:1680px){.mainHead{font-size:1.4rem;}body{font-size:1.1rem;}}@media all and (min-width:1920px){.mainHead{font-size:1.6rem;}body{font-size:1.3rem;}}@media all and (min-width:2560px){.mainHead{font-size:1.4rem;}body{font-size:1.8rem;}} \ No newline at end of file