memoria-js/example/css/default.css

Extensible form storage for memorising user inputs with localStorage.

body {
    padding: 10px 25px;
}

form ul {
    font-family: "Helvetica Neue", "Helvetica", Arial;
    list-style-type: none;
    padding: 0;
}

form p {
    padding-bottom: 20px;
    font-family: "Helvetica Neue", "Helvetica", Arial;
}

form ul li {
    padding-bottom: 10px;
}

form ul li.force-height {
    height: 40px;
    line-height: 40px;
}

form ul li label {
    clear: both;
    float: left;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-family: "Helvetica Neue", "Helvetica", Arial;
    font-weight: bold;
}

form ul li select {
    height: 40px;
    width: 300px;
    border: 1px solid lightgrey;
}

form ul li select.cities {
    height: 100px;
    width: 300px;
    border: 1px solid lightgrey;
}

form ul li div.options {
    float: left;
    width: 200px;
}

form ul li div.options div.option {
    float: left;
    width: 45%;
    background-color: #efefef;
    cursor: pointer;
    font-size: 11px;
    text-align: center;
    margin-right: 5px;
    transition: all .35s;
}

form ul li div.options div.option:hover {
    background-color: darkgray;
    color: white;
}

form ul li div.options div.option.active {
    background-color: indianred;
    color: white;
}