[Styling] separated css to file
This commit is contained in:
		| @@ -4,67 +4,9 @@ | |||||||
| <head> | <head> | ||||||
|   <meta charset="UTF-8"> |   <meta charset="UTF-8"> | ||||||
|   <meta name="viewport" content="width=device-width, initial-scale=1.0"> |   <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
|   <!-- <link rel="stylesheet" href="/styles/reset.css"> --> |  | ||||||
|   <!-- <link rel="stylesheet" href="/styles/style.css"> --> |  | ||||||
|   <!-- <link rel="stylesheet" href="/styles/account.css"> --> |  | ||||||
|   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> |   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> | ||||||
|  |   <link rel="stylesheet" href="styles/main.css"> | ||||||
|   <title>User password change in LDAP system</title> |   <title>User password change in LDAP system</title> | ||||||
|  |  | ||||||
|   <style> |  | ||||||
|     html { |  | ||||||
|       background-color: #181715; |  | ||||||
|       color: #fff; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     form { |  | ||||||
|       display: flex; |  | ||||||
|       flex-direction: column; |  | ||||||
|       gap: 16px; |  | ||||||
|       max-width: 360px; |  | ||||||
|       margin: 50px auto; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button { |  | ||||||
|       height: 30px; |  | ||||||
|       margin-top: 30px; |  | ||||||
|       background-color: #262a2b; |  | ||||||
|       border: 1px solid #7b7265; |  | ||||||
|       color: #a1998d; |  | ||||||
|       border-radius: 5px; |  | ||||||
|       text-transform: uppercase; |  | ||||||
|       letter-spacing: 2px; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button:hover { |  | ||||||
|       opacity: 0.9; |  | ||||||
|       cursor: pointer; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button:active { |  | ||||||
|       opacity: 0.7; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     input { |  | ||||||
|       height: 25px; |  | ||||||
|       padding: 2px 8px; |  | ||||||
|       border: 1px solid #303436; |  | ||||||
|       border-radius: 5px; |  | ||||||
|       color: #7b7265; |  | ||||||
|       background-color: #262a2b; |  | ||||||
|       outline: none; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .container { |  | ||||||
|       margin: 50px auto; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .form-input { |  | ||||||
|       display: flex; |  | ||||||
|       flex: 1; |  | ||||||
|       justify-content: space-between; |  | ||||||
|       align-items: center; |  | ||||||
|     } |  | ||||||
|   </style> |  | ||||||
| </head> | </head> | ||||||
|  |  | ||||||
| <body> | <body> | ||||||
|   | |||||||
| @@ -5,86 +5,8 @@ | |||||||
|   <meta charset="UTF-8"> |   <meta charset="UTF-8"> | ||||||
|   <meta name="viewport" content="width=device-width, initial-scale=1.0"> |   <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
|   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> |   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> | ||||||
|  |   <link rel="stylesheet" href="styles/main.css"> | ||||||
|   <title>User registration to LDAP system</title> |   <title>User registration to LDAP system</title> | ||||||
|  |  | ||||||
|   <style> |  | ||||||
|     html { |  | ||||||
|       background-color: #181715; |  | ||||||
|       color: #fff; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     form { |  | ||||||
|       display: flex; |  | ||||||
|       flex-direction: column; |  | ||||||
|       gap: 16px; |  | ||||||
|       max-width: 360px; |  | ||||||
|       margin: 50px auto; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button { |  | ||||||
|       height: 30px; |  | ||||||
|       margin-top: 30px; |  | ||||||
|       background-color: #262a2b; |  | ||||||
|       border: 1px solid #7b7265; |  | ||||||
|       color: #a1998d; |  | ||||||
|       border-radius: 5px; |  | ||||||
|       text-transform: uppercase; |  | ||||||
|       letter-spacing: 2px; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button:hover { |  | ||||||
|       opacity: 0.9; |  | ||||||
|       cursor: pointer; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button:active { |  | ||||||
|       opacity: 0.7; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     input { |  | ||||||
|       height: 25px; |  | ||||||
|       padding: 2px 8px; |  | ||||||
|       border: 1px solid #303436; |  | ||||||
|       border-radius: 5px; |  | ||||||
|       color: #7b7265; |  | ||||||
|       background-color: #262a2b; |  | ||||||
|       outline: none; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .container { |  | ||||||
|       margin: 50px auto; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .form-input { |  | ||||||
|       display: flex; |  | ||||||
|       flex: 1; |  | ||||||
|       justify-content: space-between; |  | ||||||
|       align-items: center; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .captcha { |  | ||||||
|       width: 200px; |  | ||||||
|       margin: 10px auto; |  | ||||||
|       text-align: center; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .captcha img { |  | ||||||
|       width: 100%; |  | ||||||
|       height: auto; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .hint { |  | ||||||
|       letter-spacing: 2px; |  | ||||||
|       text-transform: uppercase; |  | ||||||
|       font-size: 10px; |  | ||||||
|       text-align: center; |  | ||||||
|       font-weight: 500px; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .danger { |  | ||||||
|       color: #bb3131; |  | ||||||
|     } |  | ||||||
|   </style> |  | ||||||
| </head> | </head> | ||||||
|  |  | ||||||
| <body> | <body> | ||||||
|   | |||||||
							
								
								
									
										76
									
								
								luser/templates/styles/main.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										76
									
								
								luser/templates/styles/main.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,76 @@ | |||||||
|  | html { | ||||||
|  |   background-color: #181715; | ||||||
|  |   color: #fff; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | form { | ||||||
|  |   display: flex; | ||||||
|  |   flex-direction: column; | ||||||
|  |   gap: 16px; | ||||||
|  |   max-width: 360px; | ||||||
|  |   margin: 50px auto; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | button { | ||||||
|  |   height: 30px; | ||||||
|  |   margin-top: 30px; | ||||||
|  |   background-color: #262a2b; | ||||||
|  |   border: 1px solid #7b7265; | ||||||
|  |   color: #a1998d; | ||||||
|  |   border-radius: 5px; | ||||||
|  |   text-transform: uppercase; | ||||||
|  |   letter-spacing: 2px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | button:hover { | ||||||
|  |   opacity: 0.9; | ||||||
|  |   cursor: pointer; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | button:active { | ||||||
|  |   opacity: 0.7; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | input { | ||||||
|  |   height: 25px; | ||||||
|  |   padding: 2px 8px; | ||||||
|  |   border: 1px solid #303436; | ||||||
|  |   border-radius: 5px; | ||||||
|  |   color: #7b7265; | ||||||
|  |   background-color: #262a2b; | ||||||
|  |   outline: none; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .container { | ||||||
|  |   margin: 50px auto; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .form-input { | ||||||
|  |   display: flex; | ||||||
|  |   flex: 1; | ||||||
|  |   justify-content: space-between; | ||||||
|  |   align-items: center; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .captcha { | ||||||
|  |   width: 200px; | ||||||
|  |   margin: 10px auto; | ||||||
|  |   text-align: center; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .captcha img { | ||||||
|  |   width: 100%; | ||||||
|  |   height: auto; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .hint { | ||||||
|  |   letter-spacing: 2px; | ||||||
|  |   text-transform: uppercase; | ||||||
|  |   font-size: 10px; | ||||||
|  |   text-align: center; | ||||||
|  |   font-weight: 500px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .danger { | ||||||
|  |   color: #bb3131; | ||||||
|  | } | ||||||
| @@ -4,67 +4,9 @@ | |||||||
| <head> | <head> | ||||||
|   <meta charset="UTF-8"> |   <meta charset="UTF-8"> | ||||||
|   <meta name="viewport" content="width=device-width, initial-scale=1.0"> |   <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||||
|   <!-- <link rel="stylesheet" href="/styles/reset.css"> --> |  | ||||||
|   <!-- <link rel="stylesheet" href="/styles/style.css"> --> |  | ||||||
|   <!-- <link rel="stylesheet" href="/styles/account.css"> --> |  | ||||||
|   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> |   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> | ||||||
|  |   <link rel="stylesheet" href="styles/main.css"> | ||||||
|   <title>User unregistration to LDAP system</title> |   <title>User unregistration to LDAP system</title> | ||||||
|  |  | ||||||
|   <style> |  | ||||||
|     html { |  | ||||||
|       background-color: #181715; |  | ||||||
|       color: #fff; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     form { |  | ||||||
|       display: flex; |  | ||||||
|       flex-direction: column; |  | ||||||
|       gap: 16px; |  | ||||||
|       max-width: 360px; |  | ||||||
|       margin: 50px auto; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button { |  | ||||||
|       height: 30px; |  | ||||||
|       margin-top: 30px; |  | ||||||
|       background-color: #262a2b; |  | ||||||
|       border: 1px solid #7b7265; |  | ||||||
|       color: #a1998d; |  | ||||||
|       border-radius: 5px; |  | ||||||
|       text-transform: uppercase; |  | ||||||
|       letter-spacing: 2px; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button:hover { |  | ||||||
|       opacity: 0.9; |  | ||||||
|       cursor: pointer; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     button:active { |  | ||||||
|       opacity: 0.7; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     input { |  | ||||||
|       height: 25px; |  | ||||||
|       padding: 2px 8px; |  | ||||||
|       border: 1px solid #303436; |  | ||||||
|       border-radius: 5px; |  | ||||||
|       color: #7b7265; |  | ||||||
|       background-color: #262a2b; |  | ||||||
|       outline: none; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .container { |  | ||||||
|       margin: 50px auto; |  | ||||||
|     } |  | ||||||
|  |  | ||||||
|     .form-input { |  | ||||||
|       display: flex; |  | ||||||
|       flex: 1; |  | ||||||
|       justify-content: space-between; |  | ||||||
|       align-items: center; |  | ||||||
|     } |  | ||||||
|   </style> |  | ||||||
| </head> | </head> | ||||||
|  |  | ||||||
| <body> | <body> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user