Ajout de HelloFresh
This commit is contained in:
@@ -66,7 +66,7 @@ body {
|
||||
line-height: 1.5;
|
||||
color: #858796;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||
@@ -2440,6 +2440,9 @@ textarea.form-control {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.form-inline .form-check {
|
||||
@@ -2474,7 +2477,7 @@ textarea.form-control {
|
||||
|
||||
.form-inline .input-group,
|
||||
.form-inline .custom-select {
|
||||
width: auto;
|
||||
width: 26%;
|
||||
}
|
||||
|
||||
.form-inline .form-check {
|
||||
@@ -4711,17 +4714,6 @@ input[type="button"].btn-block {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
word-wrap: break-word;
|
||||
background-color: #fff;
|
||||
background-clip: border-box;
|
||||
border: 1px solid #e3e6f0;
|
||||
border-radius: 0.35rem;
|
||||
}
|
||||
|
||||
.card > hr {
|
||||
margin-right: 0;
|
||||
@@ -4753,7 +4745,7 @@ input[type="button"].btn-block {
|
||||
.card-body {
|
||||
flex: 1 1 auto;
|
||||
min-height: 1px;
|
||||
padding: 1.25rem;
|
||||
padding: .7rem;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
@@ -6046,6 +6038,7 @@ a.close.disabled {
|
||||
.modal-body {
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
color: black;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
@@ -8204,7 +8197,7 @@ button.bg-dark:focus {
|
||||
|
||||
.mb-4,
|
||||
.my-4 {
|
||||
margin-bottom: 1.5rem !important;
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
|
||||
.ml-4,
|
||||
@@ -10562,8 +10555,11 @@ a.text-dark:hover, a.text-dark:focus {
|
||||
size: a3;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body {
|
||||
min-width: 992px !important;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -10615,6 +10611,7 @@ html {
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@@ -10735,7 +10732,7 @@ a:focus {
|
||||
|
||||
.bg-gradient-primary {
|
||||
background-color: #4e73df;
|
||||
background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
|
||||
background-image: url(../images/bg.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@@ -10851,6 +10848,7 @@ a:focus {
|
||||
|
||||
.text-gray-600 {
|
||||
color: #858796 !important;
|
||||
font-size:15px
|
||||
}
|
||||
|
||||
.text-gray-700 {
|
||||
@@ -10992,7 +10990,7 @@ a:focus {
|
||||
transform: scale(0.7);
|
||||
transform-origin: top right;
|
||||
right: .25rem;
|
||||
margin-top: -.25rem;
|
||||
margin-top: -.5rem;
|
||||
}
|
||||
|
||||
.sidebar .nav-item .nav-link .img-profile,
|
||||
@@ -11145,7 +11143,8 @@ a:focus {
|
||||
}
|
||||
|
||||
.topbar.navbar-light .navbar-nav .nav-item .nav-link {
|
||||
color: #d1d3e2;
|
||||
color: #494a4e;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
|
||||
@@ -11158,7 +11157,7 @@ a:focus {
|
||||
|
||||
.sidebar {
|
||||
width: 6.5rem;
|
||||
min-height: 100vh;
|
||||
min-height: 81vh;
|
||||
}
|
||||
|
||||
.sidebar .nav-item {
|
||||
@@ -11346,7 +11345,8 @@ a:focus {
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.sidebar {
|
||||
width: 14rem !important;
|
||||
width: 8rem !important;
|
||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
||||
}
|
||||
|
||||
.sidebar .nav-item .collapse {
|
||||
@@ -11723,9 +11723,10 @@ a:focus {
|
||||
}
|
||||
|
||||
.bg-login-image {
|
||||
background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");
|
||||
background-image: url(../images/Logo.PNG);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.bg-register-image {
|
||||
@@ -12230,3 +12231,144 @@ body.sidebar-toggled footer.sticky-footer {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* Design personnalis<69> pour le tableau DataTables */
|
||||
#CRUDModal thead th {
|
||||
font-size: 12px;
|
||||
background-color: #f8f9fa;
|
||||
color: #495057;
|
||||
font-weight: normal;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
#CRUDModal tbody td {
|
||||
font-size: 15px;
|
||||
text-align: center !important;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
/* Wrapper du contenu apr<70>s la topbar */
|
||||
.main-wrapper {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
height: calc(100vh - 60px);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
width: 250px;
|
||||
background-color: #fafafa;
|
||||
transition: 0.3s ease;
|
||||
height: 84%;
|
||||
padding: .9%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.sidebar ul {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.sidebar li {
|
||||
padding: 0px 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar li:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.sidebar .dropdown ul {
|
||||
display: none;
|
||||
background-color: #2a2a3a;
|
||||
}
|
||||
|
||||
.sidebar .dropdown.active ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sidebar .dropdown ul li {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
float: right;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.dropdown.active .arrow {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
overflow-y: auto;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
img.logoSidebar {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
cursor: pointer;
|
||||
transition: transform 0.4s ease, box-shadow 0.4s ease;
|
||||
}
|
||||
|
||||
.logoSidebar:hover {
|
||||
transform: rotateY(5deg) scale(1.05);
|
||||
}
|
||||
|
||||
h2.titleSidebar {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Vid<69>o plein <20>cran */
|
||||
#bg-video {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover; /* S'adapte <20> l'<27>cran */
|
||||
z-index: -1; /* Derri<72>re le contenu */
|
||||
}
|
||||
|
||||
/* Centrage du formulaire */
|
||||
.login-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* Fond semi-transparent derri<72>re le formulaire */
|
||||
.login-card {
|
||||
background: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 10px;
|
||||
padding: 2rem;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
/* Vid<69>o plein <20>cran */
|
||||
#bg-video {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
object-fit: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.card img {
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
object-fit: cover;
|
||||
}
|
||||
Reference in New Issue
Block a user