new css files for mobile

This commit is contained in:
Ashley 2022-12-23 11:38:49 +00:00
parent 11a429e449
commit 3085c5e5b9

View file

@ -3,10 +3,12 @@ body {
overflow-x: hidden; /* Hide horizontal scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */
color: #111111; color: #111111;
} }
html, html,
body { body {
overflow-x: hidden; overflow-x: hidden;
} }
body { body {
position: relative; position: relative;
} }
@ -254,7 +256,7 @@ body {
} }
.new-button { .new-button {
background: #0009; background: #0009;
border-radius: 2em; border-radius: 2em;
padding-right: 1em; padding-right: 1em;
display: flex; display: flex;
@ -377,7 +379,27 @@ body {
--channel-info-background: #181818; --channel-info-background: #181818;
--channel-contents-background: #0f0f0f; --channel-contents-background: #0f0f0f;
/* text */
--text-link: #0ab7f0 !important;
--text-link-visited: #00c0ff;
--text-color: #ffffff;
--text-font-primary: "PokeTube Flex";
--text-header-weight: 1000;
/* Divs */
--div-gradient: linear-gradient(
135deg,
#f97794 10%,
#623aa2 100%,
#8e6f7e 100%
);
--div-border-color: #7c44a0;
--div-prim-bg: #1c1c1c;
--div-second-bg: #1a1a1a;
--div-transparent-bg: #0009;
} }
@font-face { @font-face {
font-family: "Ginto Nord"; font-family: "Ginto Nord";
font-weight: 800; font-weight: 800;
@ -464,7 +486,7 @@ a {
margin: 0; margin: 0;
background: #000; background: #000;
border-top: none; border-top: none;
border-radius: 23px; border-radius: 4px;
height: 100%; height: 100%;
} }
#set-language { #set-language {
@ -511,13 +533,15 @@ a {
body { body {
position: relative; position: relative;
} }
#desc-container { #desc-container {
position: absolute; position: absolute;
margin-top: -19.4em; margin-top: -18.9em;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#language-container .backtotop a { #language-container .backtotop a {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -571,7 +595,7 @@ body {
margin: 0; margin: 0;
background: #000; background: #000;
border-top: none; border-top: none;
border-radius: 23px; border-radius: 4px;
height: 100%; height: 100%;
} }
#set-language { #set-language {
@ -628,7 +652,7 @@ body {
} }
#comments-container { #comments-container {
position: absolute; position: absolute;
margin-top: -19.4em; margin-top: -18.9em;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -708,7 +732,7 @@ body {
margin: 0; margin: 0;
background: #000; background: #000;
border-top: none; border-top: none;
border-radius: 23px; border-radius: 4px;
height: 100%; height: 100%;
} }
#set-language { #set-language {
@ -765,7 +789,7 @@ body {
} }
#more-button-container { #more-button-container {
position: absolute; position: absolute;
margin-top: -19.4em; margin-top: -18.9em;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -2036,25 +2060,21 @@ h3 {
font-stretch: ultra-expanded !important; font-stretch: ultra-expanded !important;
} }
.tags {
display: flex;
:root { flex-direction: row;
/* text */ overflow-x: auto;
--text-link: #0ab7f0 !important; column-gap: 3px;
--text-link-visited: #00c0ff; }
--text-color: #ffffff;
--text-font-primary: "PokeTube Flex"; .tag {
--text-header-weight: 1000; background: #333;
padding: 5px;
/* Divs */ border-radius: 4px;
--div-gradient: linear-gradient( word-break: break-all;
135deg, white-space: nowrap;
#f97794 10%, }
#623aa2 100%,
#8e6f7e 100% ptd-custom-more {
); color: #ffffff;
--div-border-color: #7c44a0;
--div-prim-bg: #1c1c1c;
--div-second-bg: #1a1a1a;
--div-transparent-bg: #0009;
} }