mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-10 12:58:25 +01:00
new css files for mobile
This commit is contained in:
parent
11a429e449
commit
3085c5e5b9
1 changed files with 48 additions and 28 deletions
|
@ -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;
|
|
||||||
}
|
}
|
Loading…
Reference in a new issue