Create products.css
This commit is contained in:
parent
b509f655f9
commit
d915fd4c64
@ -285,89 +285,3 @@ body.loading .loadingPubkey {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Fix products.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;
|
||||
}
|
||||
|
@ -4,7 +4,6 @@
|
||||
|
||||
|
||||
{% block body %}
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<script type="text/javascript" src="/js/script.js"></script>
|
||||
<div class="container_main">
|
||||
<!-- Fil d'Ariane -->
|
||||
|
@ -3,7 +3,6 @@
|
||||
{% block title "Ğ1-Marché - Recherches" %}
|
||||
|
||||
{% block body %}
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<script type="text/javascript" src="/js/script.js"></script>
|
||||
<div class="container_main">
|
||||
<!-- Fil d'Ariane -->
|
||||
|
@ -7,8 +7,9 @@
|
||||
<link rel="shortcut icon" type="image/x-icon" href="\images\favicon.ico">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kalam&display=swap">
|
||||
<link rel="stylesheet" href="\css\mapael.css">
|
||||
<link rel="stylesheet" href="\css\style.css">
|
||||
<link rel="stylesheet" href="/css/mapael.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<link rel="stylesheet" href="/css/products.css">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 5rem;
|
||||
|
Loading…
Reference in New Issue
Block a user