83 lines
1.5 KiB
CSS
83 lines
1.5 KiB
CSS
.container_main {
|
|
background-color: #2E2E2E;
|
|
}
|
|
.tableau {
|
|
width:100%;
|
|
background-color: white;
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
/* border-spacing: 1px; // pour contrer les style de base */
|
|
}
|
|
/* Entête */
|
|
.tableau th {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
padding: 0rem;
|
|
text-align: center;
|
|
border-left: lightgray 1px solid;
|
|
background-color:#999690;
|
|
color:#fff;
|
|
}
|
|
.tableau .colonne_image {
|
|
padding: 0; !important;
|
|
}
|
|
.tableau td {
|
|
border-bottom: solid 1px black;
|
|
border-left: lightgray 1px solid;
|
|
padding-left: 0.7rem;
|
|
}
|
|
.align_droite {
|
|
|
|
text-align: right;
|
|
padding-right: 2rem;
|
|
}
|
|
.breadcrumb {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.toggle_radio {
|
|
position: relative;
|
|
background: rgba(0,0,0,.1);
|
|
margin: -3px auto 4px 10px;
|
|
overflow: hidden;
|
|
padding: 0 !important;
|
|
border-radius: 50px;
|
|
height: 28px;
|
|
width: 215px;
|
|
}
|
|
.toggle_radio > * {
|
|
float: left;
|
|
}
|
|
.toggle_radio input[type=radio]{
|
|
display: none;
|
|
}
|
|
.toggle_radio label{
|
|
color: rgba(0,0,0,.9);
|
|
z-index: 0;
|
|
display: block;
|
|
width: 100px;
|
|
height: 20px;
|
|
margin: 3px 3px;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
text-align: center;
|
|
}
|
|
.toggle_option_slider{
|
|
width: 100px;
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 4px;
|
|
border-radius: 50px;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
#first_toggle:checked ~ .toggle_option_slider{
|
|
background: rgba(0,0,0,.3);
|
|
left: 3px;
|
|
}
|
|
#second_toggle:checked ~ .toggle_option_slider{
|
|
background: rgba(0,0,0,.3);
|
|
left: 109px;
|
|
}
|