mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-28 13:39:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

variable

Browse source
This commit is contained in:
Ashley 2022-12-03 11:37:44 +00:00
parent ec2167d917
commit 1387720a32
1 changed files with 29 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
css/poketube.css
View file

@ -18,12 +18,26 @@
along with this program. If not, see https://www.gnu.org/licenses/. along with this program. If not, see https://www.gnu.org/licenses/.
*/ */
:root { :root {
/* text */
--text-link: #0ab7f0; --text-link: #0ab7f0;
--text-link-visited: #00c0ff; --text-link-visited: #00c0ff;
--text: #ffffff; --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;
} }
a.class:hover { a.class:hover {
@ -46,7 +60,7 @@ a {
} }
.video > .info > .title { .video > .info > .title {
font-family: "PokeTube flex"; font-family: var(--text-font-primary);
width: 10em; width: 10em;
} }
@ -66,14 +80,14 @@ a {
font-weight: 600; font-weight: 600;
margin-top: 1em !important; margin-top: 1em !important;
border-radius: 21px; border-radius: 21px;
background: #1c1c1c; background: var(--div-prim-bg);
padding: 10px; padding: 10px;
margin-bottom: 20px; margin-bottom: 20px;
font-stretch: expanded; font-stretch: expanded;
justify-self: center; justify-self: center;
width: 39em; width: 39em;
font-family: "PokeTube Flex"; font-family: var(--text-font-primary);
border: #7c44a0; border: var(--div-border-color);
border-style: solid; border-style: solid;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -81,14 +95,14 @@ a {
} }
.video-sub-info.description > .video-title { .video-sub-info.description > .video-title {
font-family: "PokeTube Flex"; font-family: var(--text-font-primary);
font-weight: 1000; font-weight: 1000;
font-stretch: extra-expanded; font-stretch: extra-expanded;
font-size: larger; font-size: larger;
} }
.recommended-list { .recommended-list {
background-color: #1c1c1c; background-color: var(--div-prim-bg);
border-radius: 25px; border-radius: 25px;
margin: 10px; margin: 10px;
margin-top: 0px; margin-top: 0px;
@ -97,7 +111,7 @@ a {
justify-self: center; justify-self: center;
margin-right: -1.5em; margin-right: -1.5em;
/* width: min-content;*/ /* width: min-content;*/
border: #7c44a0; border: var(--div-border-color);
border-style: solid; border-style: solid;
max-width: 371px; max-width: 371px;
width: max-content; width: max-content;
@ -110,12 +124,7 @@ a {
.video-info-panel.gradient { .video-info-panel.gradient {
padding: 12px; padding: 12px;
border-radius: 11px; border-radius: 11px;
background-image: linear-gradient( background-image: var(--div-gradient);
135deg,
#f97794 10%,
#623aa2 100%,
#8e6f7e 100%
);
display: block; display: block;
margin: 0px 0 0px -3px; margin: 0px 0 0px -3px;
justify-self: left; justify-self: left;
@ -124,7 +133,7 @@ a {
.video-info-pill-channelname { .video-info-pill-channelname {
color: #fff; color: #fff;
word-wrap: break-word; word-wrap: break-word;
font-family: "PokeTube Flex"; font-family: var(--text-font-primary);
font-weight: 1000; font-weight: 1000;
font-stretch: ultra-expanded; font-stretch: ultra-expanded;
overflow: hidden; overflow: hidden;
@ -220,12 +229,12 @@ a {
} }
.comments-class-or-something-i-cant-find-a-name-lol { .comments-class-or-something-i-cant-find-a-name-lol {
background: #1a1a1a; background: var(--div-second-bg);
border-radius: 30px; border-radius: 30px;
padding: 10px; padding: 10px;
padding-top: 0; padding-top: 0;
margin: auto; margin: auto;
border: #7c44a0; border: var(--div-border-color);
border-style: solid; border-style: solid;
} }
@ -248,7 +257,7 @@ a {
color: #fff; color: #fff;
padding: 2px; padding: 2px;
border-radius: 3px; border-radius: 3px;
font-family: PokeTube Flex; font-family: var(--text-font-primary);
font-stretch: 100%; font-stretch: 100%;
font-weight: 600; font-weight: 600;
} }