test
continuous-integration/drone/push Build is passing Details

ServeurDeTest
nathan boileau 2 years ago
parent 9859ab1f31
commit d1ca3bf990

@ -1,240 +1,239 @@
@font-face { @font-face {
font-family: Fauna; font-family: Fauna;
src: url("../../assets/fonts/Fauna.ttf"); src: url("../../assets/fonts/Fauna.ttf");
} }
@font-face { @font-face {
font-family: Equinox; font-family: Equinox;
src: url("../../assets/fonts/Equinox.otf"); src: url("../../assets/fonts/Equinox.otf");
} }
/* End Fonts CSS */ /* End Fonts CSS */
body { body {
min-height: 100vh; min-height: 100vh;
font-family: Verdana, Geneva, Tahoma, sans-serif; font-family: Verdana, Geneva, Tahoma, sans-serif;
color: white; color: white;
height: 100vh; height: 100vh;
background-color: #111219; background-color: #111219;
} }
li { li {
display: inline; display: inline;
width: 225px; width: 225px;
} }
a { a {
color: white; color: white;
text-decoration: none !important; text-decoration: none !important;
} }
a:hover { a:hover {
color: white; color: white;
} }
h1, h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5,
h6, h6,
.font { .font {
font-family: Equinox; font-family: Equinox;
} }
button { button {
background: transparent; background: transparent;
color: white; color: white;
outline: none; outline: none;
} }
.legend { .legend {
color: #898989; color: #898989;
font-weight: bolder; font-weight: bolder;
} }
.current { .current {
background: rgb(146, 254, 157); background: rgb(146, 254, 157);
background: -moz-linear-gradient( background: -moz-linear-gradient(
50deg, 50deg,
rgba(146, 254, 157, 1) 0%, rgba(146, 254, 157, 1) 0%,
rgba(0, 201, 255, 1) 100% rgba(0, 201, 255, 1) 100%
); );
background: -webkit-linear-gradient( background: -webkit-linear-gradient(
50deg, 50deg,
rgba(146, 254, 157, 1) 0%, rgba(146, 254, 157, 1) 0%,
rgba(0, 201, 255, 1) 100% rgba(0, 201, 255, 1) 100%
); );
background: linear-gradient( background: linear-gradient(
50deg, 50deg,
rgba(146, 254, 157, 1) 0%, rgba(146, 254, 157, 1) 0%,
rgba(0, 201, 255, 1) 100% rgba(0, 201, 255, 1) 100%
); );
box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3); box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3);
border-radius: 4px; border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-ms-border-radius: 4px; -ms-border-radius: 4px;
-o-border-radius: 4px; -o-border-radius: 4px;
} }
.send { .send {
background: rgb(146, 254, 157); background: rgb(146, 254, 157);
background: -moz-linear-gradient( background: -moz-linear-gradient(
50deg, 50deg,
rgba(146, 254, 157, 1) 0%, rgba(146, 254, 157, 1) 0%,
rgba(0, 201, 255, 1) 100% rgba(0, 201, 255, 1) 100%
); );
background: -webkit-linear-gradient( background: -webkit-linear-gradient(
50deg, 50deg,
rgba(146, 254, 157, 1) 0%, rgba(146, 254, 157, 1) 0%,
rgba(0, 201, 255, 1) 100% rgba(0, 201, 255, 1) 100%
); );
background: linear-gradient( background: linear-gradient(
50deg, 50deg,
rgba(146, 254, 157, 1) 0%, rgba(146, 254, 157, 1) 0%,
rgba(0, 201, 255, 1) 100% rgba(0, 201, 255, 1) 100%
); );
box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3); box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3);
border-radius: 4px; border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-ms-border-radius: 4px; -ms-border-radius: 4px;
-o-border-radius: 4px; -o-border-radius: 4px;
width: max-content; width: max-content;
height: min-content; height: min-content;
} }
.currentText { .currentText {
color: black; color: black;
} }
.currentText:hover { .currentText:hover {
color: black; color: black;
} }
.nav-button { .nav-button {
color: #898989; color: #898989;
} }
.nav-button:hover { .nav-button:hover {
color: white; color: white;
} }
.dashboard-card { .dashboard-card {
background: rgb(0, 0, 0); background: rgb(0, 0, 0);
background: -moz-linear-gradient( background: -moz-linear-gradient(
315deg, 315deg,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 0%,
rgb(0, 0, 0) 30% rgb(0, 0, 0) 30%
); );
background: -webkit-linear-gradient( background: -webkit-linear-gradient(
315deg, 315deg,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 0%,
rgb(0, 0, 0) 30% rgb(0, 0, 0) 30%
); );
background: linear-gradient( background: linear-gradient(
315deg, 315deg,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 1) 30% rgba(0, 0, 0, 1) 30%
); );
border-radius: 15px; border-radius: 15px;
-webkit-border-radius: 15px; -webkit-border-radius: 15px;
-moz-border-radius: 15px; -moz-border-radius: 15px;
-ms-border-radius: 15px; -ms-border-radius: 15px;
-o-border-radius: 15px; -o-border-radius: 15px;
max-height: 350px; max-height: 350px;
overflow-y: scroll; overflow-y: scroll;
} }
.dashboard-card-reversed {
.dashboard-card-reversed { background: rgb(0, 0, 0);
background: rgb(0, 0, 0); background: -moz-linear-gradient(
background: -moz-linear-gradient( 45deg,
45deg, rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 30%
rgba(0, 0, 0, 1) 30% );
); background: -webkit-linear-gradient(
background: -webkit-linear-gradient( 45deg,
45deg, rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 30%
rgba(0, 0, 0, 1) 30% );
); background: linear-gradient(
background: linear-gradient( 45deg,
45deg, rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 30%
rgba(0, 0, 0, 1) 30% );
); }
}
.dashboard-card-mail {
.dashboard-card-mail { background: rgb(0, 0, 0);
background: rgb(0, 0, 0); background: -moz-linear-gradient(
background: -moz-linear-gradient( 180deg,
180deg, rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 30%
rgba(0, 0, 0, 1) 30% );
); background: -webkit-linear-gradient(
background: -webkit-linear-gradient( 180deg,
180deg, rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 30%
rgba(0, 0, 0, 1) 30% );
); background: linear-gradient(
background: linear-gradient( 180deg,
180deg, rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 40%
rgba(0, 0, 0, 1) 40% );
); border-radius: 15px;
border-radius: 15px; -webkit-border-radius: 15px;
-webkit-border-radius: 15px; -moz-border-radius: 15px;
-moz-border-radius: 15px; -ms-border-radius: 15px;
-ms-border-radius: 15px; -o-border-radius: 15px;
-o-border-radius: 15px; height: 400px;
height: 400px; }
}
.user-box input {
.user-box input { width: 100%;
width: 100%; font-family: Verdana, Geneva, Tahoma, sans-serif;
font-family: Verdana, Geneva, Tahoma, sans-serif; padding: 8px 0;
padding: 8px 0; font-size: 12px;
font-size: 12px; color: #fff;
color: #fff; border: none;
border: none; border-bottom: 1px solid #fff;
border-bottom: 1px solid #fff; outline: none;
outline: none; background: transparent;
background: transparent; }
}
.user-box label {
.user-box label { position: absolute;
position: absolute; top: 0;
top: 0; left: 0;
left: 0; font-size: 16px;
font-size: 16px; color: #fff;
color: #fff; pointer-events: none;
pointer-events: none; transition: 0.5s;
transition: 0.5s; -webkit-transition: 0.5s;
-webkit-transition: 0.5s; -moz-transition: 0.5s;
-moz-transition: 0.5s; -ms-transition: 0.5s;
-ms-transition: 0.5s; -o-transition: 0.5s;
-o-transition: 0.5s; }
}
.user-box input:focus ~ label,
.user-box input:focus ~ label, .user-box input:valid ~ label {
.user-box input:valid ~ label { top: -20px;
top: -20px; left: 0;
left: 0; color: #be5631;
color: #be5631; font-size: 12px;
font-size: 12px; }
}
#message {
#message { width: 100%;
width: 100%; height: 100%;
height: 100%; resize: none;
resize: none; border: none;
border: none; background-color: transparent;
background-color: transparent; border: 1px solid #fff;
border: 1px solid #fff; color: #fff;
color: #fff; border-radius: 4px;
border-radius: 4px; -webkit-border-radius: 4px;
-webkit-border-radius: 4px; -moz-border-radius: 4px;
-moz-border-radius: 4px; -ms-border-radius: 4px;
-ms-border-radius: 4px; -o-border-radius: 4px;
-o-border-radius: 4px; }
}

@ -69,7 +69,7 @@
<!-- Modify Part --> <!-- Modify Part -->
<div class="container-fluid mx-5 d-flex justify-content-between" style="height: 100vh"> <div class="container-fluid mx-5 d-flex justify-content-between" style="height: 100vh">
<div class="col m-5 dashboard-card" style="height: auto;"> <div class="col m-5 dashboard-card" style="max-height: auto;">
<!-- Title --> <!-- Title -->
<div class="row my-4 m-0 d-flex justify-content-center align-items-center"> <div class="row my-4 m-0 d-flex justify-content-center align-items-center">

Loading…
Cancel
Save