0x2620/phantasmobile
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

merge css too

Browse source
This commit is contained in:
j 2025-01-30 08:58:58 +05:30
commit e016e5f5fc
1 changed files with 80 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

95
app/static/css/style.css
View file

@ -29,9 +29,6 @@ iframe {
video, .poster { video, .poster {
border-bottom: 1px solid yellow; border-bottom: 1px solid yellow;
} }
.fullscreen video {
border-bottom: none;
}
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -42,17 +39,17 @@ video, .poster {
} }
.item-title { .item-title {
color: var(--title); color: var(--title);
padding-bottom: 0;
text-decoration: underline; text-decoration: underline;
font-size: 18px; padding-bottom: 0;
font-weight: bold; font-size: 16px;
text-wrap: balance; text-wrap: balance;
} }
.title { .title {
padding-bottom: 0; padding-bottom: 0;
margin-bottom: 4px; margin-bottom: 4px;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid pink; border-bottom: 1px solid pink;
font-size: 16px;
text-wrap: balance; text-wrap: balance;
} }
.byline { .byline {
@ -130,23 +127,19 @@ video, .poster {
.annotation.active { .annotation.active {
display: block; display: block;
} }
.is-subtitles .annotation {
min-height: 4em;
}
.annotation.active.place, .annotation.active.place,
.annotation.active.string { .annotation.active.string {
display: inline-block; display: inline-block;
border: 1px solid blueviolet; border: 1px solid blueviolet;
margin-bottom: 4px; margin-bottom: 4px;
} }
.annotation img { .annotation .user {
max-width: 100%; font-style: italic;
} }
@media(max-width:768px) { @media(max-width:768px) {
.annotation img { .annotation a img {
width: 100%; width: 100%;
max-width: 100%;
} }
} }
@ -202,3 +195,75 @@ ol li {
width: 64px; width: 64px;
height: 64px; height: 64px;
} }
.seekbar {
padding: 12px 22px;
position: relative;
width: 100%;
}
.fullscreen .seekbar {
padding: 28px 22px;
}
.seekbar-progress {
height: 10px;
border: solid 1px #B1B1B1;
}
.seekbar-progress [role="progressbar"] {
height: 100%;
position: relative;
background-color: #B1B1B180;
}
.seekbar-progress [role="progressbar"]:after {
content: " ";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -6px;
right: -10px;
background-color: #B1B1B1;
border-radius: 20px;
}
.seekbar input[type="range"] {
-webkit-appearance: none;
width: 100%;
height: 100%;
margin: 0;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: transparent;
outline: 0;
border: 0;
}
.seekbar input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
display: block;
width: 48px;
height: 48px;
background-color: transparent;
}
.seekbar input[type="range"]::-moz-range-thumb {
display: block;
width: 48px;
height: 48px;
background: transparent;
border: 0;
}
.seekbar input[type="range"]::-moz-range-track {
background: transparent;
border: 0;
}
.seekbar input[type="range"]::-moz-focus-outer {
border: 0;
}