mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-12-01 06:37:18 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add border to thumbs

Browse source
This commit is contained in:
Ashley 2022-12-08 18:27:48 +00:00
parent f65c05476b
commit 18a1879364
1 changed files with 31 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
css/poketube.css
View file

@ -18,28 +18,27 @@
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 */
--text-link: #0ab7f0; --text-link: #0ab7f0;
--text-link-visited: #00c0ff; --text-link-visited: #00c0ff;
--text-color: #ffffff; --text-color: #ffffff;
--text-font-primary:'PokeTube Flex'; --text-font-primary: "PokeTube Flex";
--text-header-weight:1000; --text-header-weight: 1000;
/* Divs */ /* Divs */
--div-gradient: linear-gradient( --div-gradient: linear-gradient(
135deg, 135deg,
#f97794 10%, #f97794 10%,
#623aa2 100%, #623aa2 100%,
#8e6f7e 100% #8e6f7e 100%
); );
--div-border-color:#7c44a0; --div-border-color: #7c44a0;
--div-prim-bg:#1c1c1c; --div-prim-bg: #1c1c1c;
--div-second-bg:#1a1a1a; --div-second-bg: #1a1a1a;
--div-transparent-bg:#0009; --div-transparent-bg: #0009;
} }
a.class:hover { a.class:hover {
text-decoration: underline; text-decoration: underline;
font-weight: bold; font-weight: bold;
@ -77,8 +76,8 @@ a {
} }
.video-sub-info.description { .video-sub-info.description {
box-sizing:border-box; box-sizing: border-box;
min-width:100%; min-width: 100%;
font-weight: 600; font-weight: 600;
margin-top: 1em !important; margin-top: 1em !important;
border-radius: 21px; border-radius: 21px;
@ -104,7 +103,7 @@ a {
border-radius: 25px; border-radius: 25px;
margin: 10px; margin: 10px;
margin-top: 0px; margin-top: 0px;
margin-left:24px; margin-left: 24px;
margin-right: 10px; margin-right: 10px;
height: fit-content; height: fit-content;
justify-self: center; justify-self: center;
@ -125,8 +124,8 @@ a {
border-radius: 11px; border-radius: 11px;
background-image: var(--div-gradient); background-image: var(--div-gradient);
display: block; display: block;
box-sizing:border-box; box-sizing: border-box;
min-width:100%; min-width: 100%;
} }
.video-info-pill-channelname { .video-info-pill-channelname {
@ -296,3 +295,14 @@ a {
height: 15px; height: 15px;
} }
.date-publish {
margin: 0;
margin-top: 0px;
margin-top: 12px;
font-size: small;
color: gray !important;
}
.video > .thumbnail {
border: 1px white solid;
}