213 lines
3.3 KiB
CSS
213 lines
3.3 KiB
CSS
.headerblock{
|
|
width: 100%;
|
|
/* height: 5%; */
|
|
/* background-color: #FFFFFF; */
|
|
}
|
|
|
|
/* --sonic-silver: #7a7978ff;
|
|
--turquoise-green: #87cbacff;
|
|
--aquamarine: #90ffdcff;
|
|
--non-photo-blue: #8de4ffff;
|
|
--aero: #8ac4ffff; */
|
|
|
|
|
|
.bodyclass{
|
|
background-color: #fffffc;
|
|
}
|
|
|
|
.klanten_logo{
|
|
padding: 1%;;
|
|
}
|
|
|
|
.navbarbtn{
|
|
float: right;
|
|
font-size: 25px;
|
|
padding: 2%;
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
margin: 1%;;
|
|
/* border: 1px solid black; */
|
|
background-color: #fffffe;
|
|
/* color: white; */
|
|
}
|
|
|
|
.navbarbtn:hover{
|
|
background-color: gray;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.requestblock{
|
|
position: relative;
|
|
/* border: 1px solid black; */
|
|
left: 30%;
|
|
margin-bottom: 2.5%;
|
|
width: 40%;
|
|
font-family: "Verdana";
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.resultblock{
|
|
position: relative;
|
|
background-color: #ffffff;
|
|
/* border: 1px solid black; */
|
|
left: 30%;
|
|
top: 10%;
|
|
width: 40%;
|
|
font-size: 24px;
|
|
font-family: "Verdana";
|
|
margin-top: 0%;
|
|
}
|
|
|
|
.klanten_logo:active{
|
|
/* -webkit-animation:spin 4s linear infinite;
|
|
-moz-animation:spin 4s linear infinite;
|
|
animation:spin 4s linear infinite; */
|
|
}
|
|
|
|
@-moz-keyframes spin {
|
|
100% { -moz-transform: rotate(360deg); }
|
|
}
|
|
@-webkit-keyframes spin {
|
|
100% { -webkit-transform: rotate(360deg); }
|
|
}
|
|
@keyframes spin {
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform:rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.center {
|
|
display: block;
|
|
margin-left: 40%;
|
|
margin-right: 60%;
|
|
width: 50%;
|
|
}
|
|
|
|
.nummer_input{
|
|
background-color:white;
|
|
position: relative;
|
|
padding: 2%;
|
|
margin: 1%;
|
|
width: 39.5%;
|
|
left: 30%;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
}
|
|
|
|
.nummer_button{
|
|
position: relative;
|
|
background-color: rgb(35, 34, 126);
|
|
padding: 2%;
|
|
margin: 1%;
|
|
width: 40%;
|
|
left: 30%;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
color: white;
|
|
}
|
|
|
|
.nummer_button:hover{
|
|
background-color: rgb(95, 132, 151);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.resultitem{
|
|
margin: 1%;
|
|
padding: 1%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* .MainText{
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -100px;
|
|
margin-left: -100px;
|
|
font-family: "Verdana";
|
|
} */
|
|
|
|
.a_datum_block{
|
|
width: 100%;
|
|
}
|
|
|
|
.a_datum_input{
|
|
background-color:white;
|
|
position: relative;
|
|
padding: 2%;
|
|
margin: 1%;
|
|
width: 39.5%;
|
|
left: 10%;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
}
|
|
|
|
.a_van_input{
|
|
background-color:white;
|
|
position: relative;
|
|
padding: 2%;
|
|
margin: 1%;
|
|
width: 39.5%;
|
|
left: 10%;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
}
|
|
|
|
/* .a_tot_input{
|
|
background-color:white;
|
|
position: relative;
|
|
padding: 2%;
|
|
margin: 1%;
|
|
width: 39.5%;
|
|
left: 14%;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
} */
|
|
|
|
.add_service_btn{
|
|
position: relative;
|
|
background-color: rgb(35, 34, 126);
|
|
padding: 2%;
|
|
margin: 1%;
|
|
width: 40%;
|
|
left: 30%;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
color: white;
|
|
}
|
|
|
|
.add_service_btn:hover{
|
|
background-color: blue;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.loginbutton{
|
|
background-color: green;
|
|
font-size: 20px;
|
|
margin: 1%;
|
|
width: 10%;
|
|
text-align: center;
|
|
padding: 1%;;
|
|
}
|
|
.loginbutton:hover{
|
|
background-color: lightgreen;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.deletebutton{
|
|
position: absolute;
|
|
background-color: red;
|
|
right: 0;
|
|
font-size: medium;
|
|
padding: .5%;
|
|
margin-bottom: .5%;
|
|
right: 3%;
|
|
}
|
|
.deletebutton:hover{
|
|
background-color: orangered;
|
|
cursor: pointer;
|
|
} |