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