remove ttrss_login stuff, use utility class

css/default.css

@@ -862,70 +862,6 @@ body.ttrss_main #feedEditDlg img.feedIcon {
   height: auto;
   width: auto;
 }
-body.ttrss_login .container {
-  background: #f5f5f5;
-  color: black;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-body.ttrss_login .container .footer {
-  text-align: center;
-  padding: 10px;
-}
-body.ttrss_login .container .center {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  justify-content: center;
-}
-body.ttrss_login .container .center .login-form {
-  background: white;
-  padding: 20px;
-  border: 1px solid #ddd;
-  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
-}
-body.ttrss_login .container .center .login-form form {
-  margin: 0px;
-}
-body.ttrss_login fieldset > label:first-of-type {
-  width: 120px;
-  margin-right: 20px;
-  display: inline-block;
-  text-align: right;
-  font-weight: bold;
-}
-body.ttrss_login fieldset {
-  border-width: 0;
-  padding: 5px 0px;
-}
-body.ttrss_login fieldset.narrow {
-  padding: 2px 0px;
-}
-body.ttrss_login fieldset.align-right {
-  text-align: right;
-}
-body.ttrss_login a {
-  color: #257aa7;
-  text-decoration: none;
-}
-body.ttrss_login a:hover,
-body.ttrss_login a:focus {
-  color: #257aa7;
-  text-decoration: underline;
-}
-body.ttrss_login div.footer a {
-  color: gray;
-}
-body.ttrss_login div.footer a:hover {
-  color: #257aa7;
-}
-body.ttrss_login div.row {
-  padding-bottom: 5px;
-}
 body.ttrss_main .dijitDialog h1:first-of-type,
 body.ttrss_main .dijitDialog h2:first-of-type,
 body.ttrss_main .dijitDialog h3:first-of-type,
@@ -1664,6 +1600,12 @@ body.ttrss_utility fieldset {
   border-width: 0px;
   padding: 5px 0px;
 }
+body.ttrss_utility fieldset.narrow {
+  padding: 2px 0px;
+}
+body.ttrss_utility fieldset.align-right {
+  text-align: right;
+}
 body.ttrss_utility fieldset > label:first-of-type {
   width: 120px;
   margin-right: 20px;
@@ -1671,6 +1613,16 @@ body.ttrss_utility fieldset > label:first-of-type {
   text-align: right;
   font-weight: bold;
 }
+body.ttrss_utility .footer {
+  text-align: center;
+  padding-top: 10px;
+}
+body.ttrss_utility .footer a {
+  color: gray;
+}
+body.ttrss_utility .footer a:hover {
+  color: #257aa7;
+}
 body.ttrss_utility body.otp {
   margin: 1em;
   padding: 0px;

css/tt-rss.less

@@ -1022,87 +1022,6 @@ body.ttrss_main {
 	}
 }
 
-body.ttrss_login {
-
-	.container {
-		background : @color-panel-bg;
-		color : @default-fg;
-		display : flex;
-		flex-direction: column;
-		width : 100%;
-		height : 100%;
-		position : absolute;
-
-		.footer {
-			text-align : center;
-			padding : 10px;
-		}
-
-		.center {
-			width : 100%;
-			display : flex;
-			align-items: center;
-			flex-grow : 1;
-			justify-content : center;
-
-			.login-form {
-				form {
-					margin : 0px;
-				}
-
-				background : white;
-				padding : 20px;
-				border : 1px solid #ddd;
-				box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-			}
-		}
-	}
-
-	fieldset > label:first-of-type {
-		width : 120px;
-		margin-right : 20px;
-		display : inline-block;
-		text-align : right;
-		font-weight : bold;
-	}
-
-	fieldset {
-		border-width : 0;
-		padding : 5px 0px;
-	}
-
-	fieldset.narrow {
-		padding : 2px 0px;
-	}
-
-	fieldset.align-right {
-		text-align : right;
-	}
-
-	a {
-		color: @color-accent;
-		text-decoration: none;
-	}
-
-	a:hover,
-	a:focus {
-		color: @color-accent;
-		text-decoration: underline;
-	}
-
-	div.footer a {
-		color : gray;
-	}
-
-	div.footer a:hover {
-		color : @color-accent;
-	}
-
-	div.row {
-		padding-bottom : 5px;
-	}
-}
-
 body.ttrss_main .dijitDialog {
 	h1:first-of-type,
 	h2:first-of-type,

css/utility.less

@@ -149,6 +149,14 @@ body.ttrss_utility {
 		padding : 5px 0px;
 	}
 
+	fieldset.narrow {
+		padding : 2px 0px;
+	}
+
+	fieldset.align-right {
+		text-align : right;
+	}
+
 	fieldset > label:first-of-type {
 		width : 120px;
 		margin-right : 20px;
@@ -157,6 +165,19 @@ body.ttrss_utility {
 		font-weight : bold;
 	}
 
+	.footer {
+		text-align : center;
+		padding-top : 10px;
+
+		a {
+			color : gray;
+		}
+
+		a:hover {
+			color : @color-accent;
+		}
+	}
+
 	body.otp {
 		margin : 1em;
 		padding : 0px;

include/login_form.php

@@ -21,7 +21,7 @@
 	</script>
 </head>
 
-<body class="flat ttrss_main ttrss_login">
+<body class="flat ttrss_main ttrss_utility">
 
 <script type="text/javascript">
 require(['dojo/parser', "dojo/ready", 'dijit/form/Button','dijit/form/CheckBox', 'dijit/form/Form',
@@ -64,9 +64,8 @@ function bwLimitChange(elem) {
 
 <div class="container">
 
-	<div class="center">
+	<h1><?php echo "Authentication" ?></h1>
-		<div class="login-form">
+	<div class="content">
-
 		<form action="public.php?return=<?php echo $return ?>"
 			  dojoType="dijit.form.Form" method="POST">
 
@@ -144,7 +143,6 @@ function bwLimitChange(elem) {
 
 		</form>
 	</div>
-	</div>
 
 	<div class="footer">
 		<a href="https://tt-rss.org/">Tiny Tiny RSS</a>

themes/night.css

@@ -863,70 +863,6 @@ body.ttrss_main #feedEditDlg img.feedIcon {
   height: auto;
   width: auto;
 }
-body.ttrss_login .container {
-  background: #222;
-  color: #ccc;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-body.ttrss_login .container .footer {
-  text-align: center;
-  padding: 10px;
-}
-body.ttrss_login .container .center {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  justify-content: center;
-}
-body.ttrss_login .container .center .login-form {
-  background: white;
-  padding: 20px;
-  border: 1px solid #ddd;
-  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
-}
-body.ttrss_login .container .center .login-form form {
-  margin: 0px;
-}
-body.ttrss_login fieldset > label:first-of-type {
-  width: 120px;
-  margin-right: 20px;
-  display: inline-block;
-  text-align: right;
-  font-weight: bold;
-}
-body.ttrss_login fieldset {
-  border-width: 0;
-  padding: 5px 0px;
-}
-body.ttrss_login fieldset.narrow {
-  padding: 2px 0px;
-}
-body.ttrss_login fieldset.align-right {
-  text-align: right;
-}
-body.ttrss_login a {
-  color: #b87d2c;
-  text-decoration: none;
-}
-body.ttrss_login a:hover,
-body.ttrss_login a:focus {
-  color: #b87d2c;
-  text-decoration: underline;
-}
-body.ttrss_login div.footer a {
-  color: gray;
-}
-body.ttrss_login div.footer a:hover {
-  color: #b87d2c;
-}
-body.ttrss_login div.row {
-  padding-bottom: 5px;
-}
 body.ttrss_main .dijitDialog h1:first-of-type,
 body.ttrss_main .dijitDialog h2:first-of-type,
 body.ttrss_main .dijitDialog h3:first-of-type,
@@ -1665,6 +1601,12 @@ body.ttrss_utility fieldset {
   border-width: 0px;
   padding: 5px 0px;
 }
+body.ttrss_utility fieldset.narrow {
+  padding: 2px 0px;
+}
+body.ttrss_utility fieldset.align-right {
+  text-align: right;
+}
 body.ttrss_utility fieldset > label:first-of-type {
   width: 120px;
   margin-right: 20px;
@@ -1672,6 +1614,16 @@ body.ttrss_utility fieldset > label:first-of-type {
   text-align: right;
   font-weight: bold;
 }
+body.ttrss_utility .footer {
+  text-align: center;
+  padding-top: 10px;
+}
+body.ttrss_utility .footer a {
+  color: gray;
+}
+body.ttrss_utility .footer a:hover {
+  color: #b87d2c;
+}
 body.ttrss_utility body.otp {
   margin: 1em;
   padding: 0px;

themes/night_blue.css

@@ -863,70 +863,6 @@ body.ttrss_main #feedEditDlg img.feedIcon {
   height: auto;
   width: auto;
 }
-body.ttrss_login .container {
-  background: #222;
-  color: #ccc;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-body.ttrss_login .container .footer {
-  text-align: center;
-  padding: 10px;
-}
-body.ttrss_login .container .center {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  justify-content: center;
-}
-body.ttrss_login .container .center .login-form {
-  background: white;
-  padding: 20px;
-  border: 1px solid #ddd;
-  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
-}
-body.ttrss_login .container .center .login-form form {
-  margin: 0px;
-}
-body.ttrss_login fieldset > label:first-of-type {
-  width: 120px;
-  margin-right: 20px;
-  display: inline-block;
-  text-align: right;
-  font-weight: bold;
-}
-body.ttrss_login fieldset {
-  border-width: 0;
-  padding: 5px 0px;
-}
-body.ttrss_login fieldset.narrow {
-  padding: 2px 0px;
-}
-body.ttrss_login fieldset.align-right {
-  text-align: right;
-}
-body.ttrss_login a {
-  color: #257aa7;
-  text-decoration: none;
-}
-body.ttrss_login a:hover,
-body.ttrss_login a:focus {
-  color: #257aa7;
-  text-decoration: underline;
-}
-body.ttrss_login div.footer a {
-  color: gray;
-}
-body.ttrss_login div.footer a:hover {
-  color: #257aa7;
-}
-body.ttrss_login div.row {
-  padding-bottom: 5px;
-}
 body.ttrss_main .dijitDialog h1:first-of-type,
 body.ttrss_main .dijitDialog h2:first-of-type,
 body.ttrss_main .dijitDialog h3:first-of-type,
@@ -1665,6 +1601,12 @@ body.ttrss_utility fieldset {
   border-width: 0px;
   padding: 5px 0px;
 }
+body.ttrss_utility fieldset.narrow {
+  padding: 2px 0px;
+}
+body.ttrss_utility fieldset.align-right {
+  text-align: right;
+}
 body.ttrss_utility fieldset > label:first-of-type {
   width: 120px;
   margin-right: 20px;
@@ -1672,6 +1614,16 @@ body.ttrss_utility fieldset > label:first-of-type {
   text-align: right;
   font-weight: bold;
 }
+body.ttrss_utility .footer {
+  text-align: center;
+  padding-top: 10px;
+}
+body.ttrss_utility .footer a {
+  color: gray;
+}
+body.ttrss_utility .footer a:hover {
+  color: #257aa7;
+}
 body.ttrss_utility body.otp {
   margin: 1em;
   padding: 0px;