axione-elig-test/templates/style.css

156 lines
2.5 KiB
CSS
Raw Permalink Normal View History

2022-01-26 10:00:01 +01:00
html, body {
height : 100%;
/* font-size: 20px; */
}
body {
background-color: #1787c2;
2022-01-26 10:00:01 +01:00
/* display: flex;
flex-direction: column; */
font-family: 'Titillium Web', sans-serif;
}
#aquilenet-title {
2022-01-26 10:00:01 +01:00
color: whitesmoke;
align-self: center;
2022-02-13 16:53:04 +01:00
font-size: 2em;
margin-top: .3em;
margin-bottom: .5em;
2022-02-13 16:53:04 +01:00
text-decoration: none;
}
2022-01-26 10:00:01 +01:00
.form-title {
color: whitesmoke;
align-self: center;
font-size: 2em;
margin-top: .3em;
margin-bottom: .5em;
}
2022-02-13 16:53:04 +01:00
.form-label, .card-body, #containerResults {
2022-01-26 10:00:01 +01:00
color: whitesmoke;
}
#ptoHelp {
color: rgb(192, 192, 192);
2022-01-26 21:36:28 +01:00
text-decoration: underline;
2022-01-26 10:00:01 +01:00
}
2022-01-26 15:57:46 +01:00
2022-01-26 10:00:01 +01:00
.sable .btn-ciel, .ciel .btn-sable{
padding: 8px;
border-radius: 10px;
box-shadow: 3px 3px 3px rgba(0,0,0,.3);
font-size: 1.1em
}
.sable .btn-ciel:hover, .ciel .btn-sable:hover{
box-shadow: none;
}
2022-02-13 16:53:04 +01:00
.page-nav-btn {
2022-01-26 10:00:01 +01:00
color: whitesmoke;
text-decoration: underline;
}
.btn-sable:hover {
background-position: right center; /* change the direction of the change here */
}
.btn-sable {
/* box-shadow: 0 0 20px #eee; */
/* border-radius: 10px; */
color: darkslategray;
transition: 0.5s;
background-size: 200% auto;
text-shadow: dimgray 0 1px 1px;
background-image: linear-gradient(to bottom, #ffd38c 0%, #ffedd0 51%, #e0e0e0 100%);
}
/* Autocomplete */
2022-01-26 10:00:01 +01:00
/* #fda085 51%, */
/*
#container {
width: 80%;
background-color: #ffd38c;
align-self: center;
padding: 2em;
display: flex;
flex-direction: column;
padding-bottom: 10em;
}
form {
align-self: center;
}
#main-title {
align-self: center;
margin-bottom: 2em;
}
2022-02-13 12:12:58 +01:00
*/
table,td {
border: 2px solid #333;
border-collapse: collapse;
}
thead, tfoot {
background-color: #333;
color: #fff;
}
td {
padding-left: 1em;
padding-right: 1em;
2022-02-13 12:12:58 +01:00
}
/*
********************
Form Styles
*******************
*/
#commune-form {
margin-top: 2em;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#commune-autocomplete {
margin-left: 1em;
width: 65%;
}
#voieFormContent {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 1em;
width: 100%;
justify-content: center;
}
#voieFormContent > div {
margin-right: 1em;
}
#street-number-form {
width: 20%;
}
#street-name-form {
width: 51%;
}
#numeroVoieInput {
padding: 12px;
height: 3em;
}
#btnTestAdresseContainer {
margin-top: 2em;
display: flex;
width: 100%;
justify-content: center;
flex-direction: row;
}