/*
Filename: style.css
Description: The style of srichinmoy.video: the footer, the emblem in the top bar and on the login page, the red name of the site, the parts of PeerTube that the site hides, and the clear box behind the player.
Author: SCS
Copyright: Copyright (C) 2026, SCS, all rights reserved.
Created: 2026-11-07 Sat 10:03
Version: 0.1.0
Last-Updated: 2026-11-07 Sat 16:08
Update #: 8
*/

/*
The plugin loads this file on every page. See design.org, The style.
*/

/*
The footer that common.js adds: centred, grey, below a thin line. Its CSS
is that of sangitadm, another project of SCS.
*/
footer.videockg-footer {
  text-align: center;
  color: #5f5f5f;
  font-size: 0.85rem;
  padding: 2rem 1rem 3rem;
  border-top: 1px solid #e6e6e6;
}

/*
The emblem in the top bar: 78 by 56 pixels, as on my.ckg.is, at the left,
before the name of the site. PeerTube keeps the uploaded instance logo
only 48 pixels high, and its own CSS draws it 34 pixels high. So the top
bar hides that image and draws the emblem of the plugin, 310 by 224
pixels, which stays sharp. The path holds the version of the plugin, as
the path of the login page does.
*/
my-header .peertube-title .logo {
  display: none;
}

my-header .peertube-title::before {
  background: url("/plugins/videockg/0.1.11/static/images/emblem.png") no-repeat center / contain;
  content: "";
  display: inline-block;
  flex: none;
  height: 56px;
  width: 78px;
}

/*
The emblem above the login form: centred, 155 by 112 pixels, with 24
pixels above it and 12 below it. The top bar of PeerTube stays above the
emblem. So the 24 pixels count from the top of the page body, not of the
window.

The path of the emblem holds the version of the plugin, 0.1.11. A new
version of the plugin must change this path too. The file is
images/emblem.png of the plugin, which package.json serves from the folder
images.
*/
my-login .login-form-and-externals::before {
  background: url("/plugins/videockg/0.1.11/static/images/emblem.png") no-repeat center / contain;
  content: "";
  display: block;
  height: 112px;
  width: 155px;
  margin: 24px auto 12px;
}

/*
The colours are those of the old site, from its theme, by SCS on
2026-11-07. Only the name of the site in the top bar is Mother Kali red.
See design.org, The style.
*/
my-header .peertube-title .instance-name {
  color: #C8161E !important;
}

/*
No mention of PeerTube and of federation on the site (SCS, 2026-11-07).
These rules hide the parts of PeerTube that name it, or link to
joinpeertube.org: the last block of the left menu, the notice of the
login page, the line of the settings on translations, and the tabs and
the pages About PeerTube and Follows. client/common.js renames what is
left.
*/
my-menu .menu-container > div:has(a[href*="joinpeertube.org"]),
my-login my-alert:has(a[href*="joinpeertube.org"]),
my-user-interface-settings .form-group-description > div:has(> a[href*="translation.md"]),
li:has(> a.entry[href="/about/peertube"]),
li:has(> a.entry[href="/about/follows"]),
my-about-peertube,
my-about-follows,
a[href*="joinpeertube.org"] {
  display: none !important;
}

/*
No mention of federation in the admin pages. SCS asked for it on
2026-11-07. This block adds to the one above. It hides the tab Federation of
the admin settings, with its pages Following, Followers and Video
redundancies. It hides the sections Federation and Search of the admin page
General. It hides the checkbox Unfederate of the dialog that blocks a video.
The rule for the tab takes the path of its link, under
/admin/settings/follows. The rule for each section takes a field inside the
section. client/common.js hides the rows of the about page that CSS cannot
find.
*/
li:has(> a.entry[href^="/admin/settings/follows"]),
.pt-two-cols:has(#videoCommentsAcceptRemoteComments),
.pt-two-cols:has(#searchRemoteUriUsers),
.form-group:has(> my-peertube-checkbox #unfederate) {
  display: none !important;
}

/*
No mention of sensitive content. SCS asked for it on 2026-11-07, since the
site will never have such videos. These rules hide the parts of PeerTube that
speak of it. In the admin page Information they hide the checkbox "This
instance is dedicated to sensitive content", the choice of the policy, and
the line under Moderation information that asks for a policy. In the form of
a video they hide the checkbox "Your video contains sensitive content", with
its summary and its two flags. On the browse pages they hide the filter
Sensitive content under More filters, and the line "Sensitive content:
hidden" of the summary of the filters. PeerTube puts that line first, so the
rule takes the first line of the summary. The user settings lose the choice
of the policy and its two overrides. The tab of the technical facts of the
about page loses the row "Default sensitive content policy". The default
policy stays do_not_list, as on the old site. The column Sensitive of the
tables of videos stays, since PeerTube gives it no handle for CSS.
client/common.js renames the heading of the admin page Information.
*/
.form-group:has(> my-peertube-checkbox #instanceIsNSFW),
.form-group:has(> my-select-radio label[for="instanceDefaultNSFWPolicy"]),
label[for="instanceModerationInformation"] ~ .form-group-description,
my-video-moderation my-peertube-checkbox:has(#nsfw),
my-video-filters-header .form-group:has(> label[for="nsfw"]),
my-video-filters-header .active-filters > .active-filter:first-child,
my-user-video-settings .form-group:has(> #video-sensitive-content-policy),
my-instance-features-table tr:has(.fst-italic) {
  display: none !important;
}

/*
No likes and no dislikes. SCS wrote on 2026-11-07: "Also remove the thumbs up
or down". These rules hide, on the video page, the buttons Like and Dislike
with their counts, which are the element my-video-rate, and the bar of likes
and dislikes under them. The sort Likes of the browse pages is not hidden
here. The setting trending of zone/production.yaml leaves it out. See
design.org, No likes and no licence.
*/
my-video-rate,
.likes-dislikes-bar-outer-container {
  display: none !important;
}

/*
No licence. SCS wrote on 2026-11-07: "Remove the lciense tag like", and sent a
picture of a badge of Creative Commons. No video on the site has a licence,
since the upload sets none. These rules hide the licence wherever PeerTube
shows it or asks for it: the line Licence of the video page, and the field
Licence of the form of a video and of the advanced search. Each field is a
form group with a label for licence. See design.org, No likes and no licence.
*/
.attribute-licence,
.form-group:has(> label[for="licence"]) {
  display: none !important;
}

/*
No black bars around a video. SCS asked for it on 2026-11-07. PeerTube sizes
the player to the aspect ratio of each video. The black bars came from the
box behind the player, #video-wrapper, which PeerTube paints black across the
whole width. This rule makes that box clear, so the page shows white beside a
narrow video. Black bars that are inside the video file itself stay, since
CSS cannot remove them. See design.org, The player.
*/
#video-wrapper {
  background-color: transparent !important;
}