Browse Source

OTP: css fixes

Andrew Dolgov 1 year ago
parent
commit
3b057d5f02
8 changed files with 32 additions and 760 deletions
  1. 6 190
      css/default.css
  2. 0 0
      css/default.css.map
  3. 6 186
      css/utility.less
  4. 8 4
      plugins/auth_internal/init.php
  5. 6 190
      themes/night.css
  6. 0 0
      themes/night.css.map
  7. 6 190
      themes/night_blue.css
  8. 0 0
      themes/night_blue.css.map

+ 6 - 190
css/default.css

@@ -1459,196 +1459,6 @@ body.ttrss_utility {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin: 4em;
-  /* form {
-		margin : 10px 0px 0px 0px;
-		padding : 0px;
-	}
-
-	div.content {
-		background : white;
-		overflow : hidden;
-		border : 1px solid #ddd;
-		padding : 20px;
-		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-	}
-
-	div.content:not(.login-form) {
-		min-width : 600px;
-	}
-
-	p.warning {
-		color : red;
-	}
-
-	p.query, code {
-		color : green;
-	}
-
-	p.insensitive {
-		color : gray;
-	}
-
-	div.insensitive-small {
-		color : gray;
-		font-size : 10px;
-	}
-
-	a {
-		color : @color-link;
-		text-decoration : none;
-	}
-
-	a:hover,
-	a:focus {
-		color: darken(@color-link, 20%);
-		text-decoration: underline;
-	}
-
-	h1 {
-		color : gray;
-		font-family: @fonts-ui-bold;
-		font-size : 18px;
-		margin : 10px 0 0 0;
-	}
-
-	h2, h3, h4 {
-		color : @color-accent;
-	}
-
-	div.content > h2 {
-		margin-top : 0px;
-	}
-
-	div.rss h1 {
-		border-width : 0px 0px 1px 0px;
-		border-color : gray;
-		border-style : dotted;
-		color : gray;
-	}
-
-	div.rss h2 {
-		font-size : 12pt;
-	}
-
-	div.rss a.extlink {
-		color : gray;
-		border-width : 0px 0px 1px 0px;
-		border-color : #778899;
-		border-style : dotted;
-		font-size : 9pt;
-	}
-
-	div.rss img {
-		max-width : 775px;
-	}
-
-	div.rss p.description {
-		color : gray;
-		font-size : 9pt;
-	}
-
-	div.rss div.content {
-		margin-top : 0.5em;
-	}
-
-	div.rss img.feedicon {
-		float : right;
-	}
-
-	div.rss hr {
-		border-width : 0px 0px 1px 0px;
-		border-style : dashed;
-		border-color : #e0e0e0;
-	}
-
-	div.autocomplete {
-		position : absolute;
-		width : 250px;
-		background-color : white;
-		border :1px solid #778899;
-		margin : 0px;
-		padding : 0px;
-		z-index : 4;
-	}
-
-	div.autocomplete ul {
-		list-style-type : none;
-		margin : 0px;
-		padding : 0px;
-		font-size : 10px;
-	}
-
-	div.autocomplete ul li.selected {
-		background-color : #fff7d5;
-	}
-
-	div.autocomplete ul li {
-		list-style-type : none;
-		display : block;
-		margin : 0;
-		padding : 2px;
-		height : 32px;
-		cursor : pointer;
-	}
-
-	fieldset {
-		border-width : 0px;
-		padding : 5px 0px;
-	}
-
-	fieldset.narrow {
-		padding : 2px 0px;
-	}
-
-	fieldset.align-right {
-		text-align : right;
-	}
-
-	fieldset > label:first-of-type {
-		width : 120px;
-		margin-right : 20px;
-		display : inline-block;
-		text-align : right;
-		font-weight : bold;
-	}
-
-	.footer {
-		text-align : center;
-		padding-top : 10px;
-
-		a {
-			color : gray;
-		}
-
-		a:hover {
-			color : @color-accent;
-		}
-	}
-
-	body.otp {
-		margin : 1em;
-		padding : 0px;
-	}
-
-	form.otpform {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	form.otpform label {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	body.otp div.content {
-		display : inline-block;
-		width : auto;
-	}
-
-	span.hint {
-		font-size : 10px;
-		color : gray;
-	} */
 }
 body.ttrss_utility .content {
   background: white;
@@ -1713,6 +1523,12 @@ body.ttrss_utility .footer a {
 body.ttrss_utility .footer a:hover {
   color: #257aa7;
 }
+body.ttrss_utility form {
+  margin: 0;
+}
+body.ttrss_utility.otp .content fieldset > label {
+  display: inline;
+}
 body.ttrss_utility.ttrss_login {
   margin: 0;
   padding: 0;

File diff suppressed because it is too large
+ 0 - 0
css/default.css.map


+ 6 - 186
css/utility.less

@@ -85,197 +85,17 @@ body.ttrss_utility {
 		}
 	}
 
-
-	/* form {
-		margin : 10px 0px 0px 0px;
-		padding : 0px;
-	}
-
-	div.content {
-		background : white;
-		overflow : hidden;
-		border : 1px solid #ddd;
-		padding : 20px;
-		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-	}
-
-	div.content:not(.login-form) {
-		min-width : 600px;
-	}
-
-	p.warning {
-		color : red;
-	}
-
-	p.query, code {
-		color : green;
-	}
-
-	p.insensitive {
-		color : gray;
-	}
-
-	div.insensitive-small {
-		color : gray;
-		font-size : 10px;
-	}
-
-	a {
-		color : @color-link;
-		text-decoration : none;
-	}
-
-	a:hover,
-	a:focus {
-		color: darken(@color-link, 20%);
-		text-decoration: underline;
-	}
-
-	h1 {
-		color : gray;
-		font-family: @fonts-ui-bold;
-		font-size : 18px;
-		margin : 10px 0 0 0;
-	}
-
-	h2, h3, h4 {
-		color : @color-accent;
-	}
-
-	div.content > h2 {
-		margin-top : 0px;
-	}
-
-	div.rss h1 {
-		border-width : 0px 0px 1px 0px;
-		border-color : gray;
-		border-style : dotted;
-		color : gray;
-	}
-
-	div.rss h2 {
-		font-size : 12pt;
-	}
-
-	div.rss a.extlink {
-		color : gray;
-		border-width : 0px 0px 1px 0px;
-		border-color : #778899;
-		border-style : dotted;
-		font-size : 9pt;
-	}
-
-	div.rss img {
-		max-width : 775px;
-	}
-
-	div.rss p.description {
-		color : gray;
-		font-size : 9pt;
-	}
-
-	div.rss div.content {
-		margin-top : 0.5em;
-	}
-
-	div.rss img.feedicon {
-		float : right;
-	}
-
-	div.rss hr {
-		border-width : 0px 0px 1px 0px;
-		border-style : dashed;
-		border-color : #e0e0e0;
-	}
-
-	div.autocomplete {
-		position : absolute;
-		width : 250px;
-		background-color : white;
-		border :1px solid #778899;
-		margin : 0px;
-		padding : 0px;
-		z-index : 4;
-	}
-
-	div.autocomplete ul {
-		list-style-type : none;
-		margin : 0px;
-		padding : 0px;
-		font-size : 10px;
-	}
-
-	div.autocomplete ul li.selected {
-		background-color : #fff7d5;
-	}
-
-	div.autocomplete ul li {
-		list-style-type : none;
-		display : block;
+	form {
 		margin : 0;
-		padding : 2px;
-		height : 32px;
-		cursor : pointer;
-	}
-
-	fieldset {
-		border-width : 0px;
-		padding : 5px 0px;
-	}
-
-	fieldset.narrow {
-		padding : 2px 0px;
-	}
-
-	fieldset.align-right {
-		text-align : right;
 	}
+}
 
-	fieldset > label:first-of-type {
-		width : 120px;
-		margin-right : 20px;
-		display : inline-block;
-		text-align : right;
-		font-weight : bold;
-	}
-
-	.footer {
-		text-align : center;
-		padding-top : 10px;
-
-		a {
-			color : gray;
-		}
-
-		a:hover {
-			color : @color-accent;
+body.ttrss_utility.otp {
+	.content {
+		fieldset > label {
+			display: inline;
 		}
 	}
-
-	body.otp {
-		margin : 1em;
-		padding : 0px;
-	}
-
-	form.otpform {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	form.otpform label {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	body.otp div.content {
-		display : inline-block;
-		width : auto;
-	}
-
-	span.hint {
-		font-size : 10px;
-		color : gray;
-	} */
 }
 
 body.ttrss_utility.ttrss_login {

+ 8 - 4
plugins/auth_internal/init.php

@@ -54,7 +54,9 @@ class Auth_Internal extends Plugin implements IAuthModule {
 									<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 								</head>
 								<?php echo stylesheet_tag("css/default.css") ?>
-							<body class="ttrss_utility otp"><div class="content">
+							<body class="ttrss_utility otp">
+							<h1><?php echo __("Authentication") ?></h1>
+							<div class="content">
 							<form action="public.php?return=<?php echo $return ?>"
 									method="POST" class="otpform">
 								<input type="hidden" name="op" value="login">
@@ -64,9 +66,11 @@ class Auth_Internal extends Plugin implements IAuthModule {
 								<input type="hidden" name="remember_me" value="<?php echo htmlspecialchars($_POST["remember_me"]) ?>">
 								<input type="hidden" name="profile" value="<?php echo htmlspecialchars($_POST["profile"]) ?>">
 
-								<label><?php echo __("Please enter your one time password:") ?></label>
-								<input autocomplete="off" size="6" name="otp" value=""/>
-								<input type="submit" value="Continue"/>
+								<fieldset>
+									<label><?php echo __("Please enter your one time password:") ?></label>
+									<input autocomplete="off" size="6" name="otp" value=""/>
+									<input type="submit" value="Continue"/>
+								</fieldset>
 							</form></div>
 							<script type="text/javascript">
 								document.forms[0].otp.focus();

+ 6 - 190
themes/night.css

@@ -1460,196 +1460,6 @@ body.ttrss_utility {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin: 4em;
-  /* form {
-		margin : 10px 0px 0px 0px;
-		padding : 0px;
-	}
-
-	div.content {
-		background : white;
-		overflow : hidden;
-		border : 1px solid #ddd;
-		padding : 20px;
-		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-	}
-
-	div.content:not(.login-form) {
-		min-width : 600px;
-	}
-
-	p.warning {
-		color : red;
-	}
-
-	p.query, code {
-		color : green;
-	}
-
-	p.insensitive {
-		color : gray;
-	}
-
-	div.insensitive-small {
-		color : gray;
-		font-size : 10px;
-	}
-
-	a {
-		color : @color-link;
-		text-decoration : none;
-	}
-
-	a:hover,
-	a:focus {
-		color: darken(@color-link, 20%);
-		text-decoration: underline;
-	}
-
-	h1 {
-		color : gray;
-		font-family: @fonts-ui-bold;
-		font-size : 18px;
-		margin : 10px 0 0 0;
-	}
-
-	h2, h3, h4 {
-		color : @color-accent;
-	}
-
-	div.content > h2 {
-		margin-top : 0px;
-	}
-
-	div.rss h1 {
-		border-width : 0px 0px 1px 0px;
-		border-color : gray;
-		border-style : dotted;
-		color : gray;
-	}
-
-	div.rss h2 {
-		font-size : 12pt;
-	}
-
-	div.rss a.extlink {
-		color : gray;
-		border-width : 0px 0px 1px 0px;
-		border-color : #778899;
-		border-style : dotted;
-		font-size : 9pt;
-	}
-
-	div.rss img {
-		max-width : 775px;
-	}
-
-	div.rss p.description {
-		color : gray;
-		font-size : 9pt;
-	}
-
-	div.rss div.content {
-		margin-top : 0.5em;
-	}
-
-	div.rss img.feedicon {
-		float : right;
-	}
-
-	div.rss hr {
-		border-width : 0px 0px 1px 0px;
-		border-style : dashed;
-		border-color : #e0e0e0;
-	}
-
-	div.autocomplete {
-		position : absolute;
-		width : 250px;
-		background-color : white;
-		border :1px solid #778899;
-		margin : 0px;
-		padding : 0px;
-		z-index : 4;
-	}
-
-	div.autocomplete ul {
-		list-style-type : none;
-		margin : 0px;
-		padding : 0px;
-		font-size : 10px;
-	}
-
-	div.autocomplete ul li.selected {
-		background-color : #fff7d5;
-	}
-
-	div.autocomplete ul li {
-		list-style-type : none;
-		display : block;
-		margin : 0;
-		padding : 2px;
-		height : 32px;
-		cursor : pointer;
-	}
-
-	fieldset {
-		border-width : 0px;
-		padding : 5px 0px;
-	}
-
-	fieldset.narrow {
-		padding : 2px 0px;
-	}
-
-	fieldset.align-right {
-		text-align : right;
-	}
-
-	fieldset > label:first-of-type {
-		width : 120px;
-		margin-right : 20px;
-		display : inline-block;
-		text-align : right;
-		font-weight : bold;
-	}
-
-	.footer {
-		text-align : center;
-		padding-top : 10px;
-
-		a {
-			color : gray;
-		}
-
-		a:hover {
-			color : @color-accent;
-		}
-	}
-
-	body.otp {
-		margin : 1em;
-		padding : 0px;
-	}
-
-	form.otpform {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	form.otpform label {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	body.otp div.content {
-		display : inline-block;
-		width : auto;
-	}
-
-	span.hint {
-		font-size : 10px;
-		color : gray;
-	} */
 }
 body.ttrss_utility .content {
   background: white;
@@ -1714,6 +1524,12 @@ body.ttrss_utility .footer a {
 body.ttrss_utility .footer a:hover {
   color: #b87d2c;
 }
+body.ttrss_utility form {
+  margin: 0;
+}
+body.ttrss_utility.otp .content fieldset > label {
+  display: inline;
+}
 body.ttrss_utility.ttrss_login {
   margin: 0;
   padding: 0;

File diff suppressed because it is too large
+ 0 - 0
themes/night.css.map


+ 6 - 190
themes/night_blue.css

@@ -1460,196 +1460,6 @@ body.ttrss_utility {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin: 4em;
-  /* form {
-		margin : 10px 0px 0px 0px;
-		padding : 0px;
-	}
-
-	div.content {
-		background : white;
-		overflow : hidden;
-		border : 1px solid #ddd;
-		padding : 20px;
-		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-	}
-
-	div.content:not(.login-form) {
-		min-width : 600px;
-	}
-
-	p.warning {
-		color : red;
-	}
-
-	p.query, code {
-		color : green;
-	}
-
-	p.insensitive {
-		color : gray;
-	}
-
-	div.insensitive-small {
-		color : gray;
-		font-size : 10px;
-	}
-
-	a {
-		color : @color-link;
-		text-decoration : none;
-	}
-
-	a:hover,
-	a:focus {
-		color: darken(@color-link, 20%);
-		text-decoration: underline;
-	}
-
-	h1 {
-		color : gray;
-		font-family: @fonts-ui-bold;
-		font-size : 18px;
-		margin : 10px 0 0 0;
-	}
-
-	h2, h3, h4 {
-		color : @color-accent;
-	}
-
-	div.content > h2 {
-		margin-top : 0px;
-	}
-
-	div.rss h1 {
-		border-width : 0px 0px 1px 0px;
-		border-color : gray;
-		border-style : dotted;
-		color : gray;
-	}
-
-	div.rss h2 {
-		font-size : 12pt;
-	}
-
-	div.rss a.extlink {
-		color : gray;
-		border-width : 0px 0px 1px 0px;
-		border-color : #778899;
-		border-style : dotted;
-		font-size : 9pt;
-	}
-
-	div.rss img {
-		max-width : 775px;
-	}
-
-	div.rss p.description {
-		color : gray;
-		font-size : 9pt;
-	}
-
-	div.rss div.content {
-		margin-top : 0.5em;
-	}
-
-	div.rss img.feedicon {
-		float : right;
-	}
-
-	div.rss hr {
-		border-width : 0px 0px 1px 0px;
-		border-style : dashed;
-		border-color : #e0e0e0;
-	}
-
-	div.autocomplete {
-		position : absolute;
-		width : 250px;
-		background-color : white;
-		border :1px solid #778899;
-		margin : 0px;
-		padding : 0px;
-		z-index : 4;
-	}
-
-	div.autocomplete ul {
-		list-style-type : none;
-		margin : 0px;
-		padding : 0px;
-		font-size : 10px;
-	}
-
-	div.autocomplete ul li.selected {
-		background-color : #fff7d5;
-	}
-
-	div.autocomplete ul li {
-		list-style-type : none;
-		display : block;
-		margin : 0;
-		padding : 2px;
-		height : 32px;
-		cursor : pointer;
-	}
-
-	fieldset {
-		border-width : 0px;
-		padding : 5px 0px;
-	}
-
-	fieldset.narrow {
-		padding : 2px 0px;
-	}
-
-	fieldset.align-right {
-		text-align : right;
-	}
-
-	fieldset > label:first-of-type {
-		width : 120px;
-		margin-right : 20px;
-		display : inline-block;
-		text-align : right;
-		font-weight : bold;
-	}
-
-	.footer {
-		text-align : center;
-		padding-top : 10px;
-
-		a {
-			color : gray;
-		}
-
-		a:hover {
-			color : @color-accent;
-		}
-	}
-
-	body.otp {
-		margin : 1em;
-		padding : 0px;
-	}
-
-	form.otpform {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	form.otpform label {
-		margin : 0px;
-		padding : 0px;
-	}
-
-	body.otp div.content {
-		display : inline-block;
-		width : auto;
-	}
-
-	span.hint {
-		font-size : 10px;
-		color : gray;
-	} */
 }
 body.ttrss_utility .content {
   background: white;
@@ -1714,6 +1524,12 @@ body.ttrss_utility .footer a {
 body.ttrss_utility .footer a:hover {
   color: #257aa7;
 }
+body.ttrss_utility form {
+  margin: 0;
+}
+body.ttrss_utility.otp .content fieldset > label {
+  display: inline;
+}
 body.ttrss_utility.ttrss_login {
   margin: 0;
   padding: 0;

File diff suppressed because it is too large
+ 0 - 0
themes/night_blue.css.map


Some files were not shown because too many files changed in this diff