584 lines
18 KiB
SCSS
Vendored
584 lines
18 KiB
SCSS
Vendored
/* DEBUT DU PARAMETRAGE */
|
|
/* - Choix des FONTS */
|
|
/* - Changement des couleurs et des polices */
|
|
|
|
/* PARTIE A RENSEIGNER */
|
|
// $primary-color #d4021d;
|
|
// $secondary-color #707070;
|
|
// $background-color #ffffff;
|
|
$title-font: "Veneer", Arial, Helvetica, sans-serif;
|
|
$title-size: 2rem;
|
|
$text-font: Arial, Helvetica, sans-serif;
|
|
$text-size: 1rem;
|
|
$accept-color: #33aa33;
|
|
$deny-color: #aa3333;
|
|
$background-color: $color1;
|
|
|
|
/* PARTIE A RENSEIGNER FACULTATIF */
|
|
/* FENETRE D'ACCUEIL */
|
|
$ck-bg-color: $background-color;
|
|
/* Title settings */
|
|
$ck-w1-bgcolor-title: $background-color;
|
|
$ck-w1-font-family-title: $title-font;
|
|
$ck-w1-font-size-title: $title-size;
|
|
$ck-w1-color-title: #000000;
|
|
|
|
/* Text settings */
|
|
$ck-w1-font-family-txt: $text-font;
|
|
$ck-w1-font-size-txt: $text-size;
|
|
$ck-w1-color-txt: $primary-color;
|
|
$ck-w1-color-href-hover: $secondary-color;
|
|
|
|
/* Button settings */
|
|
$ck-w1-color-btn: $primary-color;
|
|
$ck-w1-color-btn-hover: $secondary-color;
|
|
$ck-w1-font-family-btn-txt: $text-font;
|
|
$ck-w1-font-size-btn-txt: $text-size;
|
|
$ck-w1-color-btn-txt: #ffffff;
|
|
$ck-w1-color-btn-txt-hover: #ffffff;
|
|
$ck-w1-color-btn-border: transparent;
|
|
$ck-w1-color-btn-border-hover: transparent;
|
|
|
|
/* FENETRE DE PERSONNALISATION */
|
|
$ck-bg-color-modal-wrapper: #ffffff;
|
|
/* Title settings */
|
|
$ck-w2-bgcolor-title: $primary-color;
|
|
$ck-w2-font-family-title: $title-font;
|
|
$ck-w2-font-size-title: $title-size;
|
|
$ck-w2-color-title: #ffffff;
|
|
|
|
/* Text settings */
|
|
$ck-w2-font-family-txt: $text-font;
|
|
$ck-w2-font-size-txt: $text-size;
|
|
$ck-w2-color-txt: #ffffff;
|
|
$ck-w2-color-href-hover: #000000;
|
|
|
|
/* Accept/Deny btn settings */
|
|
$ck-color-accept: #808080;
|
|
$ck-color-accept-hover: $accept-color;
|
|
$ck-color-deny: #808080;
|
|
$ck-color-deny-hover: $deny-color;
|
|
$ck-color-txt: #ffffff;
|
|
$ck-color-txt-hover: #ffffff;
|
|
|
|
/* Cookies list settings */
|
|
$ck-bgcolor-list: #e4e4e4;
|
|
$ck-font-family-list: $text-font;
|
|
$ck-font-size-list: $text-size;
|
|
$ck-color-list: #000000;
|
|
/* FIN DU PARAMETRAGE */
|
|
|
|
/* MOBILE FIRST */
|
|
#ldcweb-cn *,#ldcweb-cn *::before, #ldcweb-cn *::after {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
#template{display: none;}
|
|
#ldcweb-cn.open-banner .ldcweb-cn-banner{display: flex;}
|
|
#ldcweb-cn.open-modal #ldcweb-cn-modal{display: flex;}
|
|
#ldcweb-cn.open-banner, #ldcweb-cn.open-modal{display: flex;}
|
|
#ldcweb-cn {
|
|
display: none;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
position: fixed;
|
|
left: 0; right: 0;
|
|
top: 0; bottom: 0;
|
|
width: 100%; height: 100%;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
z-index: 99999999999;
|
|
opacity: 1;
|
|
line-height: initial;
|
|
}
|
|
|
|
#ldcweb-cn p,
|
|
#ldcweb-cn a{
|
|
font-family: $ck-w1-font-family-txt;
|
|
font-size: $ck-w1-font-size-txt;
|
|
color: $ck-w1-color-txt;
|
|
}
|
|
#ldcweb-cn a{
|
|
text-decoration: underline;
|
|
transition: color .5s;
|
|
}
|
|
#ldcweb-cn a:hover{color: $ck-w1-color-href-hover;}
|
|
#ldcweb-cn .ldcweb-cn-banner, #ldcweb-cn-modal .modal-wrapper{
|
|
overflow: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
#ldcweb-cn .ldcweb-cn-banner{
|
|
display: none;
|
|
padding: 6vw 10vw;
|
|
max-height: 50vh;
|
|
|
|
box-shadow: 0px 5px 10px -5px #000 inset;
|
|
background-color: $ck-bg-color;
|
|
}
|
|
#ldcweb-cn .ldcweb-cn-banner div:not(:last-child){margin-bottom: 4vw;}
|
|
#ldcweb-cn .banner-img{
|
|
flex: 1;
|
|
max-width: 200px;
|
|
}
|
|
#ldcweb-cn .banner-img img{width: 100%;}
|
|
#ldcweb-cn .col{flex: 2;}
|
|
#ldcweb-cn .banner-title p{
|
|
font-family: $ck-w1-font-family-title;
|
|
font-size: $ck-w1-font-size-title;
|
|
font-weight: bold;
|
|
color: $ck-w1-color-title;
|
|
text-align: center;
|
|
}
|
|
#ldcweb-cn .banner-txt{text-align: center;}
|
|
#ldcweb-cn .btns {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
#ldcweb-cn .btns .btn {
|
|
display: block;
|
|
/* flex: 1; */
|
|
padding: 0.3em;
|
|
text-align: center;
|
|
min-width: 12em;
|
|
width: 100%;
|
|
|
|
background-color: $ck-w1-color-btn;
|
|
text-decoration: none;
|
|
font-family: $ck-w1-font-family-btn-txt;
|
|
font-size: $ck-w1-font-size-btn-txt;
|
|
color: $ck-w1-color-btn-txt;
|
|
transition: all .5s;
|
|
}
|
|
#ldcweb-cn .btns .btn:hover {
|
|
background-color: $ck-w1-color-btn-hover;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
color: $ck-w1-color-btn-txt-hover;
|
|
}
|
|
|
|
/* MODAL */
|
|
#ldcweb-cn-modal {
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: fixed;
|
|
left: 0; right: 0;
|
|
top: 0; bottom: 0;
|
|
width: 100%; height: 100%;
|
|
z-index: 200;
|
|
|
|
background: rgba(0, 0, 0, 0.7);
|
|
opacity: 1;
|
|
}
|
|
#ldcweb-cn-modal .modal-wrapper{
|
|
position: relative;
|
|
background-color: $ck-bg-color-modal-wrapper;
|
|
max-height: 100vh;
|
|
}
|
|
#ldcweb-cn-modal .modal-wrapper > div:not(:first-of-type){width: 100%;}
|
|
#ldcweb-cn-modal .modal-btn-close{
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 5vw; height: 6vw;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-btn-close a{
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
color: $ck-w2-color-title;
|
|
background-color: $ck-w2-bgcolor-title;
|
|
text-decoration: none;
|
|
border-radius: 0 0 0 50%;
|
|
transition: all .5s;
|
|
}
|
|
#ldcweb-cn-modal .modal-btn-close a:hover{
|
|
color: #000000;
|
|
background-color: #808080;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
box-shadow: -1px 1px 10px -4px #000;
|
|
}
|
|
#ldcweb-cn-modal .modal-title, #ldcweb-cn-modal .modal-all
|
|
{background-color: $ck-w2-bgcolor-title;}
|
|
#ldcweb-cn-modal .modal-title .description,
|
|
#ldcweb-cn-modal .modal-title > div,
|
|
#ldcweb-cn-modal .modal-all{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-title .description,
|
|
#ldcweb-cn-modal .modal-title > div a,
|
|
#ldcweb-cn-modal .modal-all p,
|
|
#ldcweb-cn-modal .modal-all a{
|
|
font-family: $ck-w2-font-family-txt;
|
|
font-size: $ck-w2-font-size-txt;
|
|
color: $ck-w2-color-txt;
|
|
text-align: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-title > div a:hover,
|
|
#ldcweb-cn-modal .modal-all a:hover
|
|
{color: $ck-w2-color-href-hover;}
|
|
/* TITLE */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-title{padding: 4vw;}
|
|
#ldcweb-cn-modal .modal-title .title{
|
|
font-family: $ck-w2-font-family-title;
|
|
font-size: $ck-w2-font-size-title;
|
|
font-weight: bold;
|
|
color: $ck-w2-color-title;
|
|
text-align: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-title .title::after,
|
|
#ldcweb-cn-modal .modal-title > div::after{
|
|
content: "";
|
|
display: block;
|
|
width: 90%; height: 2px;
|
|
margin: 4vw auto;
|
|
|
|
background-color: rgba(255, 255, 255, .5);
|
|
}
|
|
#ldcweb-cn-modal .modal-title a{width: fit-content;}
|
|
/* ALL */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-all{padding: 0 4vw 4vw;}
|
|
#ldcweb-cn-modal .modal-all .all-buttons{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-all .all-buttons > div{
|
|
width: calc(100% + 15vw);
|
|
margin: 2vw 0 0;
|
|
}
|
|
#ldcweb-cn-modal .modal-all a{
|
|
display: block;
|
|
padding: 3vw 0;
|
|
|
|
color: $ck-color-txt;
|
|
/* font-weight: bold; */
|
|
text-decoration: none;
|
|
transition: all .5s;
|
|
}
|
|
#ldcweb-cn-modal .all-buttons > div.accept > a.active {
|
|
background-color: $ck-color-accept-hover;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
}
|
|
#ldcweb-cn-modal .all-buttons > div.deny > a.active {
|
|
background-color: $ck-color-deny-hover;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
}
|
|
#ldcweb-cn-modal .modal-all > div > div:first-of-type a{background-color: $ck-color-accept;}
|
|
#ldcweb-cn-modal .modal-all > div > div:last-of-type a{background-color: $ck-color-deny;}
|
|
#ldcweb-cn-modal .modal-all > div > div:first-of-type a:hover{
|
|
color: $ck-color-txt-hover;
|
|
background-color: $ck-color-accept-hover;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
}
|
|
#ldcweb-cn-modal .modal-all > div > div:last-of-type a:hover{
|
|
color: $ck-color-txt-hover;
|
|
background-color: $ck-color-deny-hover;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
}
|
|
/* DETAILS */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-details{padding: 2vw 0;}
|
|
#ldcweb-cn-modal .modal-details ul{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
#ldcweb-cn-modal .modal-details li > div{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 2vw 0;
|
|
padding: 2vw 4vw;
|
|
|
|
background-color: $ck-bgcolor-list;
|
|
}
|
|
#ldcweb-cn-modal .modal-details li span,
|
|
#ldcweb-cn-modal .modal-details li a,
|
|
#ldcweb-cn-modal .modal-details li label{
|
|
font-family: $ck-font-family-list;
|
|
font-size: $ck-font-size-list;
|
|
color: $ck-color-list;
|
|
}
|
|
#ldcweb-cn-modal .modal-details li a:hover{color:$secondary-color;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos{
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos span:first-of-type{
|
|
font-size: calc(#{$ck-font-size-list} * 1.25);
|
|
font-weight: bold;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos a{width: fit-content;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{display: flex;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type,
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type
|
|
{transition: all .5s;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{
|
|
margin-right: 2vw;
|
|
background: $ck-color-accept;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type{background: $ck-color-deny;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{
|
|
width: 25vw;
|
|
margin: 2vw 0;
|
|
display: table;
|
|
|
|
/* font-weight: bold; */
|
|
text-align: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type:hover,
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type:hover{
|
|
cursor: pointer;
|
|
background: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:hover > label{color: $ck-color-txt-hover;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type input:checked ~ label,
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type input ~label.active{
|
|
background-color: $ck-color-accept-hover;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type input:checked ~ label,
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:last-of-type input ~ label.active{
|
|
background-color: $ck-color-deny-hover;
|
|
background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.5));
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons input{display: none;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label{
|
|
display: block;
|
|
padding: 1.5vw 0;
|
|
|
|
color: $ck-color-txt;
|
|
transition: color .5s;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label:hover{
|
|
cursor: pointer;
|
|
color: $ck-color-txt-hover;
|
|
}
|
|
|
|
/* ************************* */
|
|
/* ** ** */
|
|
/* ************************* */
|
|
/* ** ** */
|
|
/* ** ** */
|
|
/* ** ** */
|
|
/* ** ** */
|
|
/* ** ** */
|
|
/* ** ** */
|
|
/* ** ** */
|
|
/* ******* */
|
|
@media only screen and (min-width:768px) {
|
|
#ldcweb-cn .ldcweb-cn-banner{
|
|
padding-top: 4vw;
|
|
padding-bottom: 4vw;
|
|
}
|
|
#ldcweb-cn .btns {flex-direction: row;}
|
|
#ldcweb-cn .btns > div:first-child,
|
|
#ldcweb-cn .btns > div:last-child
|
|
{margin-top: 0;}
|
|
#ldcweb-cn .btns > div:not(:last-child) {margin: 0 2vw 0 0;}
|
|
|
|
/* MODAL */
|
|
#ldcweb-cn-modal .modal-wrapper{width: 90vw;}
|
|
/* ALL */
|
|
#ldcweb-cn-modal .modal-all{
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
#ldcweb-cn-modal .modal-all a{padding: 2vw 0;}
|
|
#ldcweb-cn-modal .modal-all .all-buttons > div{margin: 0;}
|
|
#ldcweb-cn-modal .modal-all .all-buttons > div:last-of-type{margin: 1vw 0 0;}
|
|
#ldcweb-cn-modal .modal-all a{width: 30vw;}
|
|
/* DETAILS */
|
|
#ldcweb-cn-modal .modal-details li > div{flex-direction: row;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{flex-direction: column;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{
|
|
width: 20vw;
|
|
margin: 0;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{margin: 0 0 1vw;}
|
|
}
|
|
|
|
/* **** */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* **** */
|
|
@media only screen and (min-width:1024px) {
|
|
#ldcweb-cn .ldcweb-cn-banner{
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
padding: 2vw 3vw;
|
|
}
|
|
#ldcweb-cn .ldcweb-cn-banner div:not(:last-child){margin: 0 0 .5em 0;}
|
|
#ldcweb-cn .ldcweb-cn-banner > div:not(:last-child){margin: 0 4vw 0 0;}
|
|
#ldcweb-cn .ldcweb-cn-banner .banner-img{
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/*#ldcweb-cn .banner-img img{height: fit-content;}*/ // VB : Déforme l'image
|
|
|
|
#ldcweb-cn .banner-txt{text-align: start;}
|
|
#ldcweb-cn .btns {
|
|
height: 100%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
#ldcweb-cn .btns > div:first-child .btn{margin: 0;}
|
|
/* MODAL */
|
|
#ldcweb-cn-modal .modal-wrapper{width: 80vw;}
|
|
#ldcweb-cn-modal .modal-btn-close{
|
|
width: 3vw;
|
|
height: 3vw;
|
|
}
|
|
/* TITLE */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-title{padding: 2vw;}
|
|
#ldcweb-cn-modal .modal-title .title::after,
|
|
#ldcweb-cn-modal .modal-title > div::after{margin: 2vw auto;}
|
|
/* ALL */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-all{padding: 0 2vw 2vw;}
|
|
#ldcweb-cn-modal .modal-all a{padding: 1.5vw 0;}
|
|
#ldcweb-cn-modal .modal-all .all-buttons{flex-direction: row;}
|
|
#ldcweb-cn-modal .modal-all .all-buttons > div:first-of-type{margin: 0 1vw 0 0;}
|
|
#ldcweb-cn-modal .modal-all .all-buttons > div:last-of-type{margin: 0;}
|
|
#ldcweb-cn-modal .modal-all a{width: 22vw;}
|
|
/* DETAILS */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-details{padding: 1vw 0;}
|
|
#ldcweb-cn-modal .modal-details li > div{
|
|
margin: 1vw 0;
|
|
padding: 2vw;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{
|
|
width: 10vw;
|
|
margin: 0;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{margin: 0 1vw 0;}
|
|
|
|
}
|
|
|
|
/* ******** */
|
|
/* * ***** * */
|
|
/* * * * * */
|
|
/* *** * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * * */
|
|
/* * ************** */
|
|
/* * * */
|
|
/* ***************** */
|
|
@media only screen and (min-width: 1440px) {
|
|
#ldcweb-cn .col{flex: 4;}
|
|
/* MODAL */
|
|
#ldcweb-cn-modal .modal-wrapper{width: 60vw;}
|
|
#ldcweb-cn-modal .modal-btn-close{
|
|
width: 2vw;
|
|
height: 2vw;
|
|
}
|
|
/* ALL */
|
|
#ldcweb-cn-modal .modal-all .all-buttons > div:first-of-type{margin: 0 1vw 0 0;}
|
|
#ldcweb-cn-modal .modal-all a{
|
|
width: 15vw;
|
|
padding: 1vw 0;
|
|
}
|
|
/* DETAILS */
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{width: 8vw;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label{padding: 1vw 0;}
|
|
}
|
|
|
|
/* ************ */
|
|
/* * **** */
|
|
/* ********* * */
|
|
/* ***** * */
|
|
/* ** * */
|
|
/* ** * */
|
|
/* ********** * */
|
|
/* * * */
|
|
/* ********* * */
|
|
/* ***** * */
|
|
/* ** * */
|
|
/* ** * */
|
|
/* ********** * */
|
|
/* * *** */
|
|
/* ************ */
|
|
@media only screen and (min-width: 1920px) {
|
|
#ldcweb-cn p{font-size: calc(#{$ck-w1-font-size-txt} * 1.25);}
|
|
#ldcweb-cn .banner-title p{font-size: calc(#{$ck-w1-font-size-title} * 1.25);}
|
|
#ldcweb-cn .btns .btn {font-size: calc(#{$ck-w1-font-size-btn-txt} * 1.25);}
|
|
|
|
/* MODAL */
|
|
#ldcweb-cn-modal .modal-wrapper{width: 50vw;}
|
|
#ldcweb-cn-modal .modal-btn-close{
|
|
width: 2rem;
|
|
height: 2rem;
|
|
}
|
|
#ldcweb-cn-modal .modal-title .description,
|
|
#ldcweb-cn-modal .modal-title > div a,
|
|
#ldcweb-cn-modal .modal-all p,
|
|
#ldcweb-cn-modal .modal-all a
|
|
{font-size: calc(#{$ck-w2-font-size-txt} * 1.25);}
|
|
/* TITLE */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-title{padding: 1vw;}
|
|
#ldcweb-cn-modal .modal-title .title{font-size: calc(#{$ck-w2-font-size-title} * 1.25);}
|
|
#ldcweb-cn-modal .modal-title .title::after,
|
|
#ldcweb-cn-modal .modal-title > div::after{margin: 1vw auto;}
|
|
/* ALL */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-all{padding: 0 1vw 1vw;}
|
|
#ldcweb-cn-modal .modal-all a{
|
|
width: 13vw;
|
|
padding: .5vw 0;
|
|
}
|
|
/* DETAILS */
|
|
#ldcweb-cn-modal .modal-wrapper .modal-details{padding: .5vw 0;}
|
|
#ldcweb-cn-modal .modal-details li > div{
|
|
margin: .5vw 0;
|
|
padding: 1vw;
|
|
}
|
|
#ldcweb-cn-modal .modal-details li span,
|
|
#ldcweb-cn-modal .modal-details li a,
|
|
#ldcweb-cn-modal .modal-details li label
|
|
{font-size: calc(#{$ck-font-size-list} * 1.25);}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-infos span:first-of-type{font-size: calc(#{$ck-font-size-list} * 1.5);}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons{
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div{width: 5vw;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons div:first-of-type{margin: 0 1vw 0;}
|
|
#ldcweb-cn-modal .modal-details .ldcweb-cn-buttons label{padding: .5vw 0;}
|
|
}
|