Set standard CSS for login register form (#4504)

* set default to template.css

* adark theme

* ansum theme

* template.css

* adark theme

* BlueLagoon theme

* dark theme

* flat theme

* mapco theme

* Nord theme

* Origine prompt

* Origine Compact theme

* Pafat theme

* Screwdriver theme

* swage theme

* Update template.rtl.css

p/themes/Alternative-Dark/adark.css

@@ -605,25 +605,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
-}
-
-.prompt label {
-	text-align: left;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -639,22 +620,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-left: 1.5rem;
 	padding-right: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Alternative-Dark/adark.rtl.css

@@ -605,25 +605,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
-}
-
-.prompt label {
-	text-align: right;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -639,22 +620,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-right: 1.5rem;
 	padding-left: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Ansum/_layout.scss

@@ -109,30 +109,9 @@
 	height: calc(100% - 4rem);
 }
 
-
-
-
 /*=== Prompt (centered) */
-.prompt {
-	text-align: center;
-}
-
-.prompt label {
-	text-align: left;
-}
-
-.prompt form {
-	margin: 10px auto 20px auto;
-	width: 200px;
-}
-
 .prompt input {
 	margin: 5px auto;
-	width: 100%;
-}
-
-.prompt p {
-	margin: 20px 0;
 }
 
 /*=== New article notification */

p/themes/Ansum/ansum.css

@@ -819,26 +819,8 @@ form th {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	text-align: center;
-}
-
-.prompt label {
-	text-align: left;
-}
-
-.prompt form {
-	margin: 10px auto 20px auto;
-	width: 200px;
-}
-
 .prompt input {
 	margin: 5px auto;
-	width: 100%;
-}
-
-.prompt p {
-	margin: 20px 0;
 }
 
 /*=== New article notification */

p/themes/Ansum/ansum.rtl.css

@@ -819,26 +819,8 @@ form th {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	text-align: center;
-}
-
-.prompt label {
-	text-align: right;
-}
-
-.prompt form {
-	margin: 10px auto 20px auto;
-	width: 200px;
-}
-
 .prompt input {
 	margin: 5px auto;
-	width: 100%;
-}
-
-.prompt p {
-	margin: 20px 0;
 }
 
 /*=== New article notification */

p/themes/BlueLagoon/BlueLagoon.css

@@ -730,26 +730,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
-	text-shadow: 0 1px rgba(255,255,255,0.08);
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
-.prompt label {
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -765,12 +745,6 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt input#username,.prompt input#passwordPlain {
 	background: #fff;
 	border: solid 1px #ccc;
@@ -788,10 +762,6 @@ a.btn {
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/BlueLagoon/BlueLagoon.rtl.css

@@ -730,26 +730,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
-	text-shadow: 0 1px rgba(255,255,255,0.08);
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
-.prompt label {
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -765,12 +745,6 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt input#username,.prompt input#passwordPlain {
 	background: #fff;
 	border: solid 1px #ccc;
@@ -788,10 +762,6 @@ a.btn {
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Dark/dark.css

@@ -678,21 +678,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -708,22 +693,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-left: 1.5rem;
 	padding-right: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #26303f;

p/themes/Dark/dark.rtl.css

@@ -678,21 +678,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -708,22 +693,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-right: 1.5rem;
 	padding-left: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #26303f;

p/themes/Flat/flat.css

@@ -669,21 +669,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -699,22 +684,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-left: 1.5rem;
 	padding-right: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #3498db;

p/themes/Flat/flat.rtl.css

@@ -669,21 +669,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -699,22 +684,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-right: 1.5rem;
 	padding-left: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #3498db;

p/themes/Mapco/_layout.scss

@@ -112,35 +112,10 @@
 
 /*=== Prompt (centered) */
 main.prompt {
-	margin: 3rem auto;
-	padding: 2rem;
 	background: variables.$grey-light;
-	max-width: 400px;
-	min-width: 300px;
-	width: 33%;
 	border-radius: 5px;
 }
 
-.prompt {
-	text-align: center;
-}
-
-.prompt label,
-.prompt .help {
-	text-align: left;
-}
-
-.prompt input,
-.prompt select,
-.prompt .stick {
-	width: 100%;
-	box-sizing: border-box;
-}
-
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: variables.$main-first;

p/themes/Mapco/mapco.css

@@ -787,35 +787,10 @@ form th {
 
 /*=== Prompt (centered) */
 main.prompt {
-	margin: 3rem auto;
-	padding: 2rem;
 	background: #eff0f2;
-	max-width: 400px;
-	min-width: 300px;
-	width: 33%;
 	border-radius: 5px;
 }
 
-.prompt {
-	text-align: center;
-}
-
-.prompt label,
-.prompt .help {
-	text-align: left;
-}
-
-.prompt input,
-.prompt select,
-.prompt .stick {
-	width: 100%;
-	box-sizing: border-box;
-}
-
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #36c;

p/themes/Mapco/mapco.rtl.css

@@ -787,35 +787,10 @@ form th {
 
 /*=== Prompt (centered) */
 main.prompt {
-	margin: 3rem auto;
-	padding: 2rem;
 	background: #eff0f2;
-	max-width: 400px;
-	min-width: 300px;
-	width: 33%;
 	border-radius: 5px;
 }
 
-.prompt {
-	text-align: center;
-}
-
-.prompt label,
-.prompt .help {
-	text-align: right;
-}
-
-.prompt input,
-.prompt select,
-.prompt .stick {
-	width: 100%;
-	box-sizing: border-box;
-}
-
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #36c;

p/themes/Nord/nord.css

@@ -1076,28 +1076,11 @@ input.extend {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	text-align: center;
-}
-
-.prompt label {
-	text-align: left;
-}
-
-.prompt form {
-	margin: 10px auto 20px auto;
-	width: 180px;
-}
-
 .prompt input {
 	margin: 5px auto;
 	width: 100%;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== Navigation menu (for articles) */
 /*=== READER VIEW */
 /*================*/

p/themes/Nord/nord.rtl.css

@@ -1076,28 +1076,11 @@ input.extend {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	text-align: center;
-}
-
-.prompt label {
-	text-align: right;
-}
-
-.prompt form {
-	margin: 10px auto 20px auto;
-	width: 180px;
-}
-
 .prompt input {
 	margin: 5px auto;
 	width: 100%;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== Navigation menu (for articles) */
 /*=== READER VIEW */
 /*================*/

p/themes/Origine-compact/origine-compact.css

@@ -698,21 +698,6 @@ a.btn,
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -728,22 +713,12 @@ a.btn,
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-left: 1.5rem;
 	padding-right: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Origine-compact/origine-compact.rtl.css

@@ -698,21 +698,6 @@ a.btn,
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -728,22 +713,12 @@ a.btn,
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-right: 1.5rem;
 	padding-left: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Origine/origine.css

@@ -665,21 +665,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -695,22 +680,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-left: 1.5rem;
 	padding-right: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Origine/origine.rtl.css

@@ -665,21 +665,6 @@ a.btn {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -695,22 +680,12 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-right: 1.5rem;
 	padding-left: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Pafat/pafat.css

@@ -664,21 +664,6 @@ a.signin {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -694,22 +679,12 @@ a.signin {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-left: 1.5rem;
 	padding-right: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #428bca;

p/themes/Pafat/pafat.rtl.css

@@ -664,21 +664,6 @@ a.signin {
 }
 
 /*=== Prompt (centered) */
-.prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
-}
-
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -694,22 +679,12 @@ a.signin {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt .btn.btn-important {
 	padding-right: 1.5rem;
 	padding-left: 1.5rem;
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #428bca;

p/themes/Screwdriver/screwdriver.css

@@ -706,21 +706,9 @@ a.btn {
 
 /*=== Prompt (centered) */
 .prompt {
-	max-width: 20rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: .5rem;
-	padding-right: .5rem;
-	text-align: center;
 	text-shadow: 0 1px rgba(255,255,255,0.08);
 }
 
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: left;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -736,12 +724,6 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt input#username,.prompt input#passwordPlain {
 	background: #fff;
 	border: solid 1px #ccc;
@@ -759,10 +741,6 @@ a.btn {
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Screwdriver/screwdriver.rtl.css

@@ -706,21 +706,9 @@ a.btn {
 
 /*=== Prompt (centered) */
 .prompt {
-	max-width: 20rem;
-	margin-right: auto;
-	margin-left: auto;
-	padding-right: .5rem;
-	padding-left: .5rem;
-	text-align: center;
 	text-shadow: 0 1px rgba(255,255,255,0.08);
 }
 
-.prompt form {
-	margin-top: 2rem;
-	margin-bottom: 3rem;
-	text-align: right;
-}
-
 .prompt .form-group {
 	margin-bottom: 1rem;
 }
@@ -736,12 +724,6 @@ a.btn {
 	justify-content: space-between;
 }
 
-.prompt .stick,
-.prompt input {
-	width: 100%;
-	box-sizing: border-box;
-}
-
 .prompt input#username,.prompt input#passwordPlain {
 	background: #fff;
 	border: solid 1px #ccc;
@@ -759,10 +741,6 @@ a.btn {
 	font-size: 1.1rem;
 }
 
-.prompt p {
-	margin: 20px 0;
-}
-
 /*=== New article notification */
 #new-article {
 	background: #0084cc;

p/themes/Swage/swage.css

@@ -642,26 +642,15 @@ form th {
 	max-width: 550px;
 }
 
-.prompt {
-	text-align: center;
-}
-.prompt label {
-	text-align: left;
-}
-.prompt form {
-	margin: 10px auto 20px auto;
-	width: 200px;
-}
 .prompt input {
 	margin: 5px auto;
 	width: 100%;
 }
-.prompt p {
-	margin: 20px 0;
-}
+
 #global {
 	height: 100vh;
 }
+
 #new-article {
 	background: #0062be;
 	font-size: 1em;

p/themes/Swage/swage.rtl.css

@@ -642,26 +642,15 @@ form th {
 	max-width: 550px;
 }
 
-.prompt {
-	text-align: center;
-}
-.prompt label {
-	text-align: right;
-}
-.prompt form {
-	margin: 10px auto 20px auto;
-	width: 200px;
-}
 .prompt input {
 	margin: 5px auto;
 	width: 100%;
 }
-.prompt p {
-	margin: 20px 0;
-}
+
 #global {
 	height: 100vh;
 }
+
 #new-article {
 	background: #0062be;
 	font-size: 1em;

p/themes/Swage/swage.scss

@@ -814,25 +814,10 @@ form {
 }
 
 .prompt {
-	text-align: center;
-
-	label {
-		text-align: left;
-	}
-
-	form {
-		margin: 10px auto 20px auto;
-		width: 200px;
-	}
-
 	input {
 		margin: 5px auto;
 		width: 100%;
 	}
-
-	p {
-		margin: 20px 0;
-	}
 }
 
 #global {

p/themes/base-theme/template.css

@@ -276,6 +276,38 @@ td.numeric {
 	display: none !important;
 }
 
+/* login and register form */
+.prompt {
+	margin: 3rem auto;
+	padding: 2rem;
+	max-width: 400px;
+	min-width: 300px;
+	width: 33%;
+	text-align: center;
+}
+
+.prompt form {
+	margin-top: 2rem;
+	margin-bottom: 3rem;
+	text-align: left;
+}
+
+.prompt label,
+.prompt .help {
+	text-align: left;
+}
+
+.prompt input,
+.prompt select,
+.prompt .stick {
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.prompt p {
+	margin: 20px 0;
+}
+
 /*=== Forms */
 .form-group::after {
 	content: "";

p/themes/base-theme/template.rtl.css

@@ -276,6 +276,38 @@ td.numeric {
 	display: none !important;
 }
 
+/* login and register form */
+.prompt {
+	margin: 3rem auto;
+	padding: 2rem;
+	max-width: 400px;
+	min-width: 300px;
+	width: 33%;
+	text-align: center;
+}
+
+.prompt form {
+	margin-top: 2rem;
+	margin-bottom: 3rem;
+	text-align: right;
+}
+
+.prompt label,
+.prompt .help {
+	text-align: right;
+}
+
+.prompt input,
+.prompt select,
+.prompt .stick {
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.prompt p {
+	margin: 20px 0;
+}
+
 /*=== Forms */
 .form-group::after {
 	content: "";