mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-09-20 12:38:15 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

new css files for mobile

Browse source
This commit is contained in:
Ashley 2022-12-23 11:38:49 +00:00
parent 11a429e449
commit 3085c5e5b9
1 changed files with 48 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
css/mobile.css
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;
} }
@ -30,7 +32,7 @@ body {
.v-chip:not(.v-chip--outlined).warning { .v-chip:not(.v-chip--outlined).warning {
color: #fff; color: #fff;
} }
.theme--light.v-chip { .theme--light.v-chip {
border-color: rgba(0, 0, 0, 0.12); border-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
@ -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;
flex-direction: row;
overflow-x: auto;
column-gap: 3px;
}
.tag {
background: #333;
padding: 5px;
border-radius: 4px;
word-break: break-all;
white-space: nowrap;
}
:root { ptd-custom-more {
/* text */ color: #ffffff;
--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;
}