my code stock.com

WordPress Plugin Clean Login CSS MarkUp

Snippet options

Download: Download snippet as clean-login-less-markup.less.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

.cleanlogin-container {
	width: 420px;
	margin: auto;
	border: 1px solid @border;
	a {
		div {
			input[type="submit"] {
				.btn-grad;
				.round(4px);
				border: 1px solid @border;
				color: @white;
				.allTrans;
			}
		}
	}
	a:link {
		form.cleanlogin-form {
			fieldset {
				div.cleanlogin-field {
					/* Benutzername */
					input[type="text"].cleanlogin-field-username {
						border-bottom: 1px solid @border;
						.allTrans;
					}
					input[type="text"].cleanlogin-field-username:focus {
						border-color: @primary;
					}
					/* E-Mail */
					input[type="email"].cleanlogin-field-email {

					}
					input[type="email"].cleanlogin-field-email:focus {

					}
					/* Passwort */
					input[type="password"].cleanlogin-field-password {

					}
					input[type="password"].cleanlogin-field-password:focus {

					}
				}
			}
			div {
				input[type="submit"] {
					
					color: @white;
				}
			}
		}
	}
	a:hover, a:focus {
		form.cleanlogin-form {
			fieldset {
				div.cleanlogin-field {
					/* Benutzername */
					input[type="text"].cleanlogin-field-username {
						
					}
					input[type="text"].cleanlogin-field-username:focus {
						
					}
					/* E-Mail */
					input[type="email"].cleanlogin-field-email {

					}
					input[type="email"].cleanlogin-field-email:focus {

					}
					/* Passwort */
					input[type="password"].cleanlogin-field-password {

					}
					input[type="password"].cleanlogin-field-password:focus {

					}
				}
			}
			div {
				input[type="submit"]:hover {
					background: red;
				}
			}
		}
	}
}

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.