LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
html {
  background:url(https://s31.postimg.org/tu4vgexgr/bg_trees.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
}

#form-container {
  width: 400px;
  height: 500px;
  margin: 0 auto;
  /*background: grey;*/
  position: relative;
}

.container {
  position: absolute;
  top: 250px;
}

img {
    position: absolute;
    width: 60px;
    left: 170px;
    top: -70px;
}

/* Placeholder color solution taken from stackoverflow  */
*::-webkit-input-placeholder {
    color: white;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: white;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: white;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}
/* END OF SOLUTION */


input {
  border: none;
  border-bottom: 2px solid #d6d1ce;
  background: transparent; 
  font-family: lato;
  font-size: 18px;
  color: white;
  outline: none;
}

input[type="text"] {
  width: 250px;
  height: 30px;
  margin: 0 75px 0 75px;
}

input[type="password"] {
  width: 250px;
  height: 30px;
  margin: 30px 75px 55px 75px;
}

button {
  width: 150px;
  padding: 10px;
  margin: 0 125px;
  border: 2px solid #98aeb3;
  background: transparent;
  color: #d6d1ce;
  cursor: pointer;
  text-transform: uppercase;
  font-family: Lato;
  transition: ease-in  900ms;
}

button:hover {
  background: #98aeb3;
  color: #2c383a;
}

.link-container {
    margin: 29px auto;
    width: 27%;
}

a {
    color: #d6d1ce;
    text-decoration: none;
    font-size: 13px;
    font-family: Lato;
}

a:hover {
  color: #98aeb3;
}
Host Instantly Drag and Drop Website Builder

 

Term
Wed, 11/29/2017 - 11:26

Related Codes

Pen ID
Pen ID
Pen ID