LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Welcome Back

It is good to see you in the team!

Forgot Password

CSS
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body{
	color: #333;
	text-align: right;
	padding-right: 40px;
	font-family: 'Maven Pro', sans-serif;
	background: url("http://www.timetravelturtle.com/wp-content/uploads/2015/03/Morocco-2015-256_web-lrg.jpg");
		background-size: cover; 
	background-attachment: fixed;
	background-repeat: no-repeat;
}

h1, h2{
	float: left;
	margin: 20px;
	font-size: 8vw;
	color: rgba(245, 249, 251, 0.95);
	text-shadow: -3px 6px 0px rgba(91, 90, 93, 0.78);
}

h2 {
	text-shadow: none;
	padding:10px;
	font-size: 4vw;
	color: #61D095;
	text-shadow: none;
	border-radius: 5px;
	background: #373F51;
	
}

.container {
	width: 380px;
	height: 500px;
	margin: 2em auto;
	overflow: hidden;
	border-radius: 10px;
	display: inline-block;
	background-color: rgba(245, 249, 251, 0.95);
}

.container2 {padding: 30px 30px 20px 30px}

form p.signUp {
	cursor: pointer;
	text-align: right;
	margin-bottom: 40px;
	color: rgb(29, 137, 228);
	transition: 0.3s ease-in-out;
}

form p.signUp:hover{text-decoration: underline}

form label {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
	display: inline-block;
	border-bottom: 3px solid #E2E2E2;
}

form label input {
	font-family: 'Maven Pro', sans-serif;
	background: transparent;
	font-size: 16px;
	outline: none;
	border: none;
	padding: 5px;
	width: 80%;
}

form label input:focus form label {border-bottom: 3px solid red;}

button.btn {
	width: 80%;
	border: none;
	padding: 15px;
	outline: none;
	display: block;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 17px;
	margin: 10px auto;
	border-radius: 7px;
	transition: 0.3s ease;
	background-color: rgb(29, 137, 228);
	font-family: 'Maven Pro', sans-serif;
	box-shadow: 0px 4px 20px 0px #7fa3f7;
	
}

button.btn:hover {
	transform: translateY(3px);
	box-shadow: 0px 1px 20px 0px #7fa3f7;
}

form p.forgot-Password{
	cursor: pointer;
	text-align: left;
	margin-left: 35px;
	color:rgb(29, 137, 228);
}

form p.forgot-Password:hover {text-decoration: underline}

.signIn-social {
	background-color: #006BFF;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	height: 100%;
	width: 100%;
	
}

.signIn-social p {
	margin: 20px 0;
	color: #D8DBE2;
	font-size: 20px;
}
.signIn-social i {
	transition: 0.3s linear;
	margin: 15px 15px;
	font-size: 30px;
	cursor: pointer;
	color: #D8DBE2;
}

.signIn-social i:hover {color: #373F51;}
Host Instantly Drag and Drop Website Builder

 

Description

coding :: "Omar Dsoky" @linux Design UI :: "Ildiko Ignacz" @ildiesign
Term
Tue, 12/26/2017 - 09:50

Related Codes

Pen ID
Pen ID
Pen ID