/*
Filename: style.css
Description: The style of srichinmoy.video: the footer, the emblem in the top bar and on the login page.
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 13:21
Update #: 3
*/

/*
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.1/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.1. 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.1/static/images/emblem.png") no-repeat center / contain;
  content: "";
  display: block;
  height: 112px;
  width: 155px;
  margin: 24px auto 12px;
}