From e3388749f4d9ecc4549dfa86273796b16784f89a Mon Sep 17 00:00:00 2001 From: mgabdev <> Date: Fri, 6 Nov 2020 23:33:25 -0600 Subject: [PATCH] Added new styles in global.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit • Added: - new styles in global.css --- app/javascript/styles/global.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css index c406572a..9e115479 100644 --- a/app/javascript/styles/global.css +++ b/app/javascript/styles/global.css @@ -134,6 +134,13 @@ --navigation_search: var(--solid_color_block) !important; } +@media all and (display-mode: standalone) { + body { + /* : todo: */ + /* background-color: yellow; */ + } +} + html, body { min-height: 100%; @@ -303,6 +310,7 @@ pre { .flexShrink1 { flex-shrink: 1; } .flexRow { flex-direction: row; } +.flexRowReverse { flex-direction: row-reverse; } .flexWrap { flex-wrap: wrap; } .flexColumnReverse { flex-direction: column-reverse; } @@ -355,6 +363,7 @@ pre { .borderColorTransparent { border-color: transparent; } .borderRight1PX { border-right-width: 1px; } +.borderRight4PX { border-right-width: 4px; } .borderBottom1PX { border-bottom-width: 1px; } .borderBottom6PX { border-bottom-width: 6px; } .borderLeft1PX { border-left-width: 1px; } @@ -470,12 +479,14 @@ pre { .topNeg50PX { top: -50px; } .top0 { top: 0; } .top120PX { top: 120px; } +.top60PX { top: 60px; } .top53PX { top: 53px; } .top60PC { top: 60%; } .top50PC { top: 50%; } .bottom0 { bottom: 0; } .bottom55PX { bottom: 55px; } +.bottom60PX { bottom: 60px; } .bottomAuto { bottom: auto; } .left0 { left: 0px; } @@ -812,6 +823,7 @@ pre { .pb5 { padding-bottom: 5px; } .pb2 { padding-bottom: 2px; } +.pl50 { padding-left: 50px; } .pl35 { padding-left: 35px; } .pl25 { padding-left: 25px; } .pl20 { padding-left: 20px; } @@ -820,6 +832,7 @@ pre { .pl5 { padding-left: 5px; } .pl0 { padding-left: 0; } +.pr50 { padding-right: 50px; } .pr15 { padding-right: 15px; } .pr10 { padding-right: 10px; } .pr5 { padding-right: 5px; } @@ -908,6 +921,10 @@ pre { background: linear-gradient(0deg, rgba(0,0,0,.85), rgba(0,0,0,.45) 60%, transparent); } +.newsBackground { + background: linear-gradient(0deg, rgba(0,0,0,1), transparent 100%); +} + .videoPlayerSeek:before { content: ''; display: block;