initial

custom-login-css.css

@@ -0,0 +1,87 @@
+div#loginPage {
+    margin-top: 0 !important;
+    overflow: hidden scroll;
+}
+
+/*Hide the top bar when the login page is visible*/
+body:has(#loginPage:not(.hide)) .skinHeader {
+    display: none !important;
+}
+
+/*Show the top bar when the login page is hidden or absent*/
+body:not(:has(#loginPage:not(.hide))) .skinHeader {
+    display: flex !important;
+}
+
+/* Hide Forgot Password */
+/*
+#loginPage .raised.cancel.block.btnForgotPassword.emby-button {
+    display: none;
+} */
+
+ #loginPage .readOnlyContent {
+    padding: 0 !important;
+    width: 90% !important;
+  }
+
+#loginPage .padded-left.padded-right.padded-bottom-page {
+  background: #000000bf;
+  backdrop-filter: blur(3px);
+  transform: translate(-50%, -50%);
+  top: 50%;
+  left: 50%;
+  margin: 0;
+  position: absolute;
+  border-radius: 24px;
+  width: 30vw;
+  height: 74vh;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-content: center;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 3em 3em 1em 3em !important;
+  max-width: 28em;
+  max-height: 55em;
+  overflow-y: auto;
+}
+
+#loginPage .squareCard {
+    width: 23%;
+}
+
+.cardText {
+  overflow: hidden;
+  padding: .06em .0em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.manualLoginForm {
+  height: 100%;
+  width: 90%;
+}
+
+/* Hintergrund */
+#loginPage {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+        url('/web/pictures/background-2.png');
+    background-size: cover;
+}
+
+
+/* Neue Überschrift */
+#loginPage h1::after {
+    content: "Anmelden";
+    font-size: 30px;
+}
+
+#loginPage h1 {
+    font-weight: 700;
+    font-size: 0;
+    margin-bottom: 20px;
+    margin-top: 30px !important;
+    text-align: center;
+    padding-top: 20px;
+}