registro-steffo/web/style/style.css

/* Copyright © 2016 Stefano Pigozzi, Emiliano Maccaferri
 * Released under the GPL v3 license
 */

body
{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    background: rgb(0, 0, 0);
}

#login
{
    /*Temporanea, finchè non ne abbiamo una noi*/
    background-size: cover;
    background-image: url("https://previews.emilianomaccaferri.me/registro/assets/modena.png");
    background-repeat: no-repeat;
}

#login .jumbotron
{
    margin-top: 25vh;
}

.jumbotron
{
    background-color: rgba(0, 0, 0, 0.9);
}

input
{
    border-bottom: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    background: transparent;
    color: white;
    outline: none;
    width: 80%;
    height: 45px;
    margin-bottom: 4px;
}

.box
{
    padding: 2px;
}

.btn
{
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px;
    min-width: 160px;
    cursor: pointer;
    text-align: center;
    border: 2px solid white;
    outline: none;
    border-radius: 5px;
    transition: all 0.5s ease;
    margin: 2px;
}

.btn:hover
{
    background: rgba(255, 255, 255, 0.8);
    color: black;
}

.btn:focus
{
    color: white;
}

.btn.disabled
{
    opacity: 0.2;
}

.btn.disabled:hover
{
    background: rgba(0, 0, 0, 0.8);
    color: white;
}

.has-error input, input.has-error
{
    color: orange;
    border-bottom: 2px solid orange;
}

.has-error .help-block
{
    color: orange;
}

.text-error
{
    color: orange;
}

.has-data input, input.has-data
{
    color: cyan;
    border-bottom: 2px solid cyan;
}

.has-data .help-block
{
    color: cyan;
}

.text-data
{
    color: cyan;
}

.has-finished input, input.has-finished
{
    color: green;
    border-bottom: 2px solid green;
}

.has-finished .help-block
{
    color: green;
}

.text-finished
{
    color: green;
}

.form-horizontal label
{
    text-align: right;
    font-size: 18px;
    padding-top: 7px;
}

.faded
{
	opacity: 0.2;
}

.loading
{
	animation: spin 2s infinite linear;
}

.grave
{
    color: orange;
}

.insuff
{
    color: yellow;
}

.perfect
{
    color: lime;
}

.centrami
{
    width: 162px;
    margin: 0 auto;
}

.perfect .voto::before, .perfect .average::before
{
    content: '★ ';
}

.insuff .voto::before, .insuff .average::before
{
    content: '✧ ';
}

.grave .voto::before, .grave .average::before
{
    content: '✦ ';
}

@keyframes spin
{
	from
	{
		transform: rotate(0deg);
	}
	to
	{
		transform: rotate(359deg);
	}
}