1571 lines
29 KiB
CSS
1571 lines
29 KiB
CSS
:root {
|
|
--color: #ff66ff;
|
|
}
|
|
|
|
@import url('https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css');
|
|
|
|
@font-face {
|
|
font-family: BebasNeueBold;
|
|
src: url(BebasNeueBold.ttf);
|
|
}
|
|
|
|
*{
|
|
user-select: none; /* supported by Chrome and Opera */
|
|
-webkit-user-select: none; /* Safari */
|
|
-khtml-user-select: none; /* Konqueror HTML */
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
}
|
|
|
|
html {
|
|
overflow: hidden;
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
|
|
body{
|
|
display: none;
|
|
color: #a8a8aa;
|
|
}
|
|
|
|
::-webkit-scrollbar
|
|
{
|
|
width: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb
|
|
{
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
}
|
|
|
|
.vehiclemenu-container {
|
|
width: 22%;
|
|
height: 39%;
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 68%;
|
|
left: 81.5%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999;
|
|
display: none;
|
|
}
|
|
|
|
.vehiclemenumain {
|
|
width: 100%;
|
|
height: 75%;
|
|
background-color: rgba(255, 0, 0, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 62.5%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenufuelmain {
|
|
width: 6%;
|
|
height: 100%;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 97%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoor {
|
|
width: 93%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.70);
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 46.8%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
display: none;
|
|
}
|
|
|
|
.vehiclemenusettingswindow {
|
|
width: 93%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.70);
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 46.8%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
display: none;
|
|
}
|
|
|
|
.vehiclemenusettingsseat {
|
|
width: 93%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.70);
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 46.8%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
display: none;
|
|
}
|
|
|
|
.vehiclemenusettingsextras {
|
|
width: 93%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.70);
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 46.8%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
|
|
.vehiclemenusettingsbuttonwarning {
|
|
width: 42%;
|
|
height: 22%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 89%;
|
|
left: 46.5%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonwarning:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlight {
|
|
width: 45.7%;
|
|
height: 48%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 76%;
|
|
left: 23%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(100% 2%, 100% 49%, 49% 100%, 0 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlight:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlighth {
|
|
width: 45.7%;
|
|
height: 48%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 76%;
|
|
left: 70.1%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(0 49%, 0 2%, 100% 100%, 49% 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlighth:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonengine {
|
|
width: 21%;
|
|
height: 44%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 76%;
|
|
left: 10.8%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(0 0, 0% 100%, 100% 50%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonengine:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonbind {
|
|
width: 21%;
|
|
height: 44%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 76%;
|
|
left: 82.6%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(100% 0, 100% 100%, 0 50%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonbind:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlock {
|
|
width: 45%;
|
|
height: 23%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 63%;
|
|
left: 22.7%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(100% 0, 50% 100%, 0 0);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlock:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonwater {
|
|
width: 45%;
|
|
height: 23%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 63%;
|
|
left: 70.6%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(100% 0, 50% 100%, 0 0);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonwater:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonvehiclename {
|
|
width: 66%;
|
|
height: 12%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 18.4%;
|
|
left: 34%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(18% 0, 100% 0%, 80% 100%, 0% 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonvehicleplate {
|
|
width: 46%;
|
|
height: 12%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 18.4%;
|
|
left: 79%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(28% 0, 100% 0%, 100% 100%, 0% 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonsettings {
|
|
width: 21.5%;
|
|
height: 23%;
|
|
background-color: var(--color);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 12%;
|
|
left: 11%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(0 0, 0% 100%, 100% 0);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonsettingsicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 30%;
|
|
left: 30%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.5vw;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonsettings:hover > .vehiclemenusettingsbuttonsettingsicon {
|
|
filter: invert(96%) sepia(4%) saturate(14%) hue-rotate(135deg) brightness(104%) contrast(105%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonexit {
|
|
width: 16%;
|
|
height: 11%;
|
|
background-color: var(--color);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 6%;
|
|
left: 92%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(58% 0, 100% 0%, 100% 100%, 0% 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonexiticon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 70%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
width: 1.0vw;
|
|
height: 1.0vw
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonexit:hover > .vehiclemenusettingsbuttonexiticon {
|
|
filter: invert(96%) sepia(4%) saturate(14%) hue-rotate(135deg) brightness(104%) contrast(105%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect1 {
|
|
width: 26%;
|
|
height: 10%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
border-bottom: 2px solid var(--color);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 6%;
|
|
left: 27%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(40% 0, 100% 0, 60% 100%, 0% 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect1:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect2 {
|
|
width: 26%;
|
|
height: 10%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
border-bottom: 2px solid var(--color);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 6%;
|
|
left: 44.5%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(40% 0, 100% 0, 60% 100%, 0% 100%);
|
|
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect2:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect3 {
|
|
width: 26%;
|
|
height: 10%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
border-bottom: 2px solid var(--color);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 6%;
|
|
left: 62%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(40% 0, 100% 0, 60% 100%, 0% 100%);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect3:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect4 {
|
|
width: 26%;
|
|
height: 10%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
border-bottom: 2px solid var(--color);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 6%;
|
|
left: 79.5%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
clip-path: polygon(40% 0, 96% 0, 60% 100%, 0% 100%);
|
|
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect4:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonwarningicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 60%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlighticon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 60%;
|
|
left: 64%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlighthicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 60%;
|
|
left: 36%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
width: 1.8626929217668973vw;
|
|
height: 1.8626929217668973vw;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonengineicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 36.5%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonengineicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 36.5%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonbindicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 63.5%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonlockicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 40%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonwatericon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 40%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
width: 1.8626929217668973vw;
|
|
height: 1.8626929217668973vw;
|
|
}
|
|
|
|
.vehiclemenufuelicon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 95%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.95vw;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 999999999;
|
|
}
|
|
|
|
.vehiclemenufuelmaincontainer {
|
|
width: 150%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.70);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
}
|
|
|
|
.vehiclemenufuelmaincontainerdata {
|
|
outline: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: var(--color);
|
|
object-fit: cover;
|
|
z-index: 9999999;
|
|
bottom: 0;
|
|
}
|
|
.vehiclemenusettingsbuttonvehiclename1 {
|
|
width: 68%;
|
|
height: 50%;
|
|
background-color: rgba(255, 0, 255, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 32%;
|
|
left: 49%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
padding-left: 2%;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonvehiclename1text {
|
|
margin: 0;
|
|
color: #ffffff;
|
|
font-size: 0.90vw;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
float: left;
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonvehiclename2 {
|
|
width: 68%;
|
|
height: 50%;
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 72%;
|
|
left: 47%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
padding-left: 2%;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonvehiclename2text {
|
|
margin: 0;
|
|
color: #ffffff;
|
|
font-size: 0.90vw;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
float: right;
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
|
|
|
|
.vehiclemenusettingsbuttonvehicleplatetext {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 57%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.1vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselectcategory1 {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
width: 1.2vw;
|
|
height: 1.2vw
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect1icon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
width: 1.0vw;
|
|
height: 1.0vw
|
|
}
|
|
|
|
|
|
|
|
.vehiclemenusettingsbuttonselectcategory1text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 52%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.1vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect2icon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
width: 1.2vw;
|
|
height: 1.2vw
|
|
}
|
|
|
|
|
|
.vehiclemenusettingsbuttonselectcategory2text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 52%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.1vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect3icon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.1vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselectcategory3text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 52%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.1vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsbuttonselect4icon {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.0vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain {
|
|
width: 100%;
|
|
height: 49.5%;
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 75%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
display: block;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain {
|
|
width: 100%;
|
|
height: 49.5%;
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 75%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
display: block;
|
|
}
|
|
|
|
.vehiclemenusettingsseatmain {
|
|
width: 100%;
|
|
height: 49.5%;
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 75%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
display: block;
|
|
}
|
|
|
|
.vehiclemenusettingsseatlist {
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 50%;
|
|
overflow: auto;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
}
|
|
|
|
.vehicleseat {
|
|
position: relative;
|
|
width: 42%;
|
|
height: 30%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
text-align:center;
|
|
margin-top: 2%;
|
|
margin-bottom: 1%;
|
|
margin-right: 1%;
|
|
margin-left: 5%;
|
|
z-index: 999999999;
|
|
}
|
|
|
|
.vehicleseat:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehicleseattext {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsextrasmain {
|
|
width: 100%;
|
|
height: 49.5%;
|
|
background-color: rgba(0, 0, 0, 0.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 75%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
display: block;
|
|
}
|
|
|
|
.vehiclemenusettingsextraslist {
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 50%;
|
|
overflow: auto;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
}
|
|
|
|
.vehicleextras {
|
|
position: relative;
|
|
width: 42%;
|
|
height: 30%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
text-align:center;
|
|
margin-top: 2%;
|
|
margin-bottom: 1%;
|
|
margin-right: 1%;
|
|
margin-left: 5%;
|
|
z-index: 999999999;
|
|
}
|
|
|
|
.vehicleextras:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehicleextrastext {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain1 {
|
|
width: 42%;
|
|
height: 25%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 20%;
|
|
left: 26%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain1:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain1text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain2 {
|
|
width: 42%;
|
|
height: 25%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 20%;
|
|
left: 74%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain2:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
|
|
.vehiclemenusettingsdoormain2text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain3 {
|
|
width: 42%;
|
|
height: 25%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 26%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain3:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain3text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain4 {
|
|
width: 42%;
|
|
height: 25%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 74%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain4:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain4text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain5 {
|
|
width: 42%;
|
|
height: 25%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 80%;
|
|
left: 26%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain5:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain5text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain6 {
|
|
width: 42%;
|
|
height: 25%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 80%;
|
|
left: 74%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain6:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingsdoormain6text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain1 {
|
|
width: 42%;
|
|
height: 30%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 26%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain1:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain1text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain2 {
|
|
width: 42%;
|
|
height: 30%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 74%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain2:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
|
|
.vehiclemenusettingswindowmain2text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain3 {
|
|
width: 42%;
|
|
height: 30%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 70%;
|
|
left: 26%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain3:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain3text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain4 {
|
|
width: 42%;
|
|
height: 30%;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 70%;
|
|
left: 74%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain4:hover {
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.vehiclemenusettingswindowmain4text {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 0.9vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettings-container {
|
|
width: 25%;
|
|
height: 25%;
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999;
|
|
display: none;
|
|
border-bottom: 3px solid var(--color);
|
|
}
|
|
|
|
.closevehiclemenusettings {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 8%;
|
|
left: 95%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 1.8626929217668973vw;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: BebasNeueBold;
|
|
z-index: 999999999;
|
|
width: 1.0vw;
|
|
height: 1.0vw;
|
|
filter: invert(96%) sepia(4%) saturate(14%) hue-rotate(135deg) brightness(104%) contrast(105%);
|
|
}
|
|
|
|
.vehiclemenusettingsmaintext {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 10%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 20px;
|
|
color: var(--color);
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vehiclemenusettingsmainscaletext {
|
|
position: absolute;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 25%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
text-align:center;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.scaleslidercontainer {
|
|
position: absolute;
|
|
margin: 0;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
border-bottom: 3px solid var(--color);
|
|
color: #ffffff;
|
|
font-size: 35px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 40%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 999999;
|
|
width: 60%;
|
|
height: 12%;
|
|
font-family: BebasNeueBold;
|
|
}
|
|
|
|
.scaleslider {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
background-color: rgba(255, 255, 255, 0.0);
|
|
color: #ffffff;
|
|
font-size: 35px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 999999;
|
|
width: 85%;
|
|
height: 40%;
|
|
font-family: BebasNeueBold;
|
|
outline: none;
|
|
}
|
|
|
|
.scaleslideline {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
position: absolute;
|
|
margin: 0;
|
|
background-color: rgba(255, 255, 255, 1.0);
|
|
color: #ffffff;
|
|
font-size: 35px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 999999;
|
|
width: 85%;
|
|
height: 6%;
|
|
font-family: BebasNeueBold;
|
|
outline: none;
|
|
}
|
|
|
|
.scaleslider::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: 15px;
|
|
height: 15px;
|
|
cursor: pointer;
|
|
background-color: var(--color);
|
|
}
|
|
|
|
.scaleslider::-moz-range-thumb {
|
|
width: 15px;
|
|
height: 15px;
|
|
cursor: pointer;
|
|
background-color: var(--color);
|
|
}
|
|
|
|
input[type=range]:focus {
|
|
outline: none;
|
|
}
|
|
|
|
#color-picker {
|
|
font-family: BebasNeueBold;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
color: #ffffff;
|
|
font-size: 20px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
outline: none;
|
|
border: none;
|
|
border-bottom: 2px solid var(--color);
|
|
z-index: 999999;
|
|
}
|
|
|
|
.colorchanger {
|
|
position: absolute;
|
|
color: white;
|
|
top: 60%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
overflow: hidden;
|
|
z-index: 999999;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
font-size: 50px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
.buttonvehiclemenusettingsreset {
|
|
position: absolute;
|
|
margin: 0;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
border-bottom: 3px solid var(--color);
|
|
color: #ffffff;
|
|
font-size: 15px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 80%;
|
|
left: 30%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
width: 35%;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.buttonvehiclemenusettingsreset:hover {
|
|
background: var(--color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.buttonvehiclemenusettingssave {
|
|
position: absolute;
|
|
margin: 0;
|
|
background-color: rgba(0, 0, 0, 1.0);
|
|
border-bottom: 3px solid var(--color);
|
|
color: #ffffff;
|
|
font-size: 15px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
top: 80%;
|
|
left: 70%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
overflow: hidden;
|
|
z-index: 99999999;
|
|
width: 35%;
|
|
font-family: Bahnschrift;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.buttonvehiclemenusettingssave:hover {
|
|
background: var(--color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.full-screen {
|
|
width: 100%;
|
|
height:100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
*{
|
|
font-family: BebasNeueBold;
|
|
}
|