-
Benoit Alessandroni authoredd99c05f6
main.css 58.90 KiB
.coopedia-kldb .pull-right {
float: right;
width: auto;
}
.coopedia-kldb .coopedia-kldb .pull-left {
float: left;
width: auto;
}
.coopedia-kldb .coopedia-kldb .block {
display: block;
}
.coopedia-kldb .coopedia-kldb .flex,
.coopedia-kldb solid-set-default,
.coopedia-kldb #resources-history>div div,
.coopedia-kldb #entrepreneur-new-account solid-form form {
display : flex;
flex-direction : row;
flex-wrap : wrap;
justify-content: center;
}
.coopedia-kldb .coopedia-kldb .flex_espace,
.coopedia-kldb solid-set-default,
.coopedia-kldb #resources-history>div div,
.coopedia-kldb #entrepreneur-new-account solid-form form {
justify-content: space-between;
}
.coopedia-kldb .coopedia-kldb solid-set-default[name="actions"] {
justify-content: flex-end;
}
.coopedia-kldb .flex_item_center {
align-items: center;
}
.coopedia-kldb .container {
max-width: 1440px;
margin : 0 auto;
}
.coopedia-kldb .container_min {
margin: 0 auto var(--marge-base) auto;
width : 80%;
}
.coopedia-kldb .w_50 {
width: 50%;
}
.coopedia-kldb .w_25 {
width: 25%;
}
.coopedia-kldb .w_33 {
width: 33%;
}
.coopedia-kldb .w_66 {
width: 66%;
}
.coopedia-kldb .w_75 {
width: 75%;
}
.coopedia-kldb .w_100 {
width: 100%;
}
.coopedia-kldb .margin_bord_ecran {
margin : 0 0 0 var(--marge-base);
display: block;
}
/* XXXXXXXXXXXXXXXXXXXXXXXX visuels XXXXXXXXXXXXXXXXXXXXXX */
.coopedia-kldb body {
background: var(--bg-page);
}
.coopedia-kldb .title_lead {
width : 50%;
margin : 0 25% var(--marge-base) 25%;
font-size : 2.2rem;
line-height: 1.4;
text-align : center;
}
.coopedia-kldb .title_lead_avenir {
font-size : 2.4rem;
text-align : center;
margin : 2rem;
font-weight: 900;
font-family: 'var(--typo-btn)';
}
.coopedia-kldb .block_log {
width : 33%;
background : var(--bg-block);
text-align : center;
margin : 1rem;
padding : var(--marge-base);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
box-shadow : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
}
.coopedia-kldb .block_list {
width : 100%;
max-width: 950px;
margin : 0 auto;
}
.coopedia-kldb .no_shadow {
box-shadow: none;
}
.coopedia-kldb .button_base,
.coopedia-kldb input[type="submit"],
.coopedia-kldb #mentor-resource-detail a,
.coopedia-kldb #entrepreneur-resource-detail a,
.coopedia-kldb #mentor-resource-validate a,
.coopedia-kldb .solid-conversation form input[type="submit"],
.coopedia-kldb #public-resource-detail a {
transition : all .3s ease-in-out;
background-color: var(--bg-btn-base);
color : var(--bg-block);
text-transform : uppercase;
font-size : 1.4rem;
padding : .8rem 1.9rem .8rem 1.9rem;
margin : 1.5rem .5rem 1rem .5rem;
font-family : 'var(--typo-btn)';
border : 2px solid var(--bg-btn-base);
box-shadow : none;
border-radius : 20px;
width : auto;
cursor : pointer;
}
.coopedia-kldb .button_base:hover,
.coopedia-kldb input[type="submit"]:hover,
.coopedia-kldb #mentor-resource-detail a:hover,
.coopedia-kldb #mentor-resource-validate a:hover,
.coopedia-kldb #entrepreneur-resource-detail a:hover,
.coopedia-kldb .solid-conversation form input[type="submit"]:hover,
.coopedia-kldb #public-resource-detail a:hover {
background-color: var(--bg-block);
color : var(--bg-btn-base);
}
.coopedia-kldb .button_dark,
.coopedia-kldb #confirm_suppress button {
transition : all .3s ease-in-out;
background-color: #444C4D;
color : var(--bg-block);
text-transform : uppercase;
font-size : 1.4rem;
padding : 1.5rem 1.9rem 1.5rem 1.9rem;
margin : 3rem 0 1rem 0;
font-family : 'var(--typo-btn)';
border : 2px solid #444C4D;
box-shadow : none;
width : auto;
cursor : pointer;
}
.coopedia-kldb .button_dark:hover,
.coopedia-kldb #confirm_suppress button:hover {
background-color: var(--bg-block);
color : #444C4D;
}
.coopedia-kldb .fd_bleu+.button_dark {
margin: 0 0 1rem 0;
}
.coopedia-kldb p {
font-size : 1.6rem;
color : var(--clr-typo-base);
font-family: 'var(--typo-btn)';
text-align : left;
margin : 0 0 var(--marge-petit) 0;
}
.coopedia-kldb .p_entete {
text-align: center;
font-size : 1.8rem;
}
.coopedia-kldb .backlink,
.coopedia-kldb .broken solid-link {
display : inline-block;
color : var(--clr-typo-base);
font-size : 1.4rem;
text-decoration: underline;
font-family : 'var(--typo-btn)';
transition : all .3s ease-in-out;
margin : 3rem;
cursor : pointer;
}
.coopedia-kldb .backlink:hover,
.coopedia-kldb .broken solid-link:hover {
color: var(--bg-btn-base);
}
.coopedia-kldb .add_browse {
font-family : 'var(--typo-btn)';
min-width : 10rem;
font-size : 1.4rem;
color : var(--bg-block);
border-radius : 16.5px;
padding : .8rem 2rem;
background : #5B6374;
border : 2px solid #5B6374;
transition : all .3s ease-in-out;
margin : 2rem;
display : inline-block;
text-align : center;
text-decoration: none;
cursor : pointer;
}
.coopedia-kldb .add_browse:hover {
color : #5B6374;
background: var(--bg-block);
}
.coopedia-kldb .btn_filtre {
border-radius : 15.5px;
background-color: #818998;
padding : .5rem 3.5rem .5rem 1.5rem;
font-family : 'var(--typo-btn)';
color : var(--bg-block);
text-decoration : none;
text-align : center;
font-size : 1.4rem;
border : none;
position : relative;
cursor : pointer;
}
.coopedia-kldb .btn_filtre:after {
font-family: "Font Awesome 5 pro";
font-weight: 900;
content : "\f00d";
position : absolute;
right : 1.2rem;
top : 30%;
}
/* pagination */
.coopedia-kldb .step nav {
display : flex;
justify-content: center;
padding-top : 1rem;
width : auto;
}
.coopedia-kldb .step nav button+button {
order: 3;
}
.coopedia-kldb .step nav button+button:after {
content: "\f061";
}
.coopedia-kldb .step nav button:after {
font-family: "Font Awesome 5 pro";
content : "\f060";
font-weight: 900;
position : absolute;
display : block;
width : 2rem;
height : 2rem;
right : 1.4rem;
top : 0.5rem;
font-size : 1.7rem;
font-weight: bold;
color : #7A8789;
cursor : pointer;
transition : all .3s ease-in;
}
.coopedia-kldb .step nav button:hover:after {
color: var(--bg-btn-base);
}
.coopedia-kldb .step nav button {
position : relative;
border : none;
background: none;
color : white;
}
.coopedia-kldb .step nav button[disabled] {
opacity: .35;
}
.coopedia-kldb .step nav button[disabled]:after,
.coopedia-kldb .step nav button[disabled]:hover:after {
cursor: default;
color : #7A8789;
}
.coopedia-kldb .step nav>span {
order : 2;
font-family : "var(--typo-btn)";
color : white;
font-size : 1rem;
font-weight : bold;
padding : 1rem .5rem 1rem .5rem;
border-radius: 50%;
background : var(--bg-btn-base);
margin : 0 2rem;
position : relative;
right : 1rem;
}
/* fleche accordion */
.coopedia-kldb .step .accordion>div {
position: relative;
}
.coopedia-kldb .step>.accordion>div:after {
font-family : "Font Awesome 5 pro";
content : "\f078";
font-weight : 900;
position : absolute;
display : block;
width : 1.5rem;
height : 1.5rem;
right : 1.4rem;
top : 0rem;
transform-origin: .7rem .7rem;
transform : rotate(0);
transition : .2s all ease-in;
cursor : pointer;
}
.coopedia-kldb .step>.accordion>div:hover:after {
color: var(--bg-btn-base);
}
.coopedia-kldb .step .accordion.active>div:after {
transform: rotate(180deg);
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX ICONES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .ico_gauche,
.coopedia-kldb #mentor-resource-detail a,
.coopedia-kldb #mentor-resource-validate a,
.coopedia-kldb #entrepreneur-resource-detail a,
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p,
.coopedia-kldb #public-resource-detail a {
padding-left: 3.5rem;
position : relative;
}
.coopedia-kldb .ico_droite,
.coopedia-kldb #confirm_suppress button {
padding-right: 3.5rem;
position : relative;
}
.coopedia-kldb .ico_gauche:before,
.coopedia-kldb ico_droite:before,
.coopedia-kldb #mentor-resource-detail a:before,
.coopedia-kldb #mentor-resource-validate a:before,
.coopedia-kldb #entrepreneur-resource-detail a:before,
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p:before,
.coopedia-kldb #confirm_suppress button:before,
.coopedia-kldb header span:before,
.coopedia-kldb #public-resource-detail cs-display-link[label="Link to resource"] a:before {
font-family: "Font Awesome 5 pro";
font-weight: 900;
position : absolute;
display : block;
width : 1.5rem;
height : 1.5rem;
left : 1.4rem;
top : .7rem;
}
.coopedia-kldb ico_droite:before {
left: 1.4rem;
top : .7rem;
}
.coopedia-kldb .ico_plus:before {
content: "\f067";
}
.coopedia-kldb .ico_database:before {
content: "\f1c0";
}
.coopedia-kldb header .ico_search:before {
content : "\f002";
font-size: 1.3rem;
color : #282828;
left : 75%;
top : 33%;
}
.coopedia-kldb #mentor-resource-detail a:before,
.coopedia-kldb #mentor-resource-validate a:before,
.coopedia-kldb #entrepreneur-resource-detail a:before,
.coopedia-kldb #public-resource-detail a:before {
/* ico link to ressource dans détail ressources*/
content: "\f0c1";
}
.coopedia-kldb .ico_arrow:before {
content: "\f061";
}
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p:before {
content : "\f005";
left : 0.4rem;
top : 0.2rem;
font-size: 1.1rem;
color : #5DC6F2;
}
.coopedia-kldb #confirm_suppress button:before {
content: "\f061";
right : 1.1rem;
top : 1.4rem;
left : auto;
}
.coopedia-kldb .far.fa-play-circle {
margin-left: 2rem;
font-size : 1.5rem;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx FIN ICONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* XXXXXXXXXXXXXXXXXXXXXXXX formulaires XXXXXXXXXXXXXXXXXXXXXX */
.coopedia-kldb .block_creat_count {
width : 100%;
max-width: 800px;
margin : 0 auto;
padding : var(--marge-petit);
overflow : hidden;
display : block;
}
.coopedia-kldb solid-form-label-text,
.coopedia-kldb solid-multiple-select,
.coopedia-kldb solid-form-dropdown,
.coopedia-kldb solid-form-auto-completion,
.coopedia-kldb solid-form-number {
display: block;
width : 48.5%;
}
.coopedia-kldb solid-multiple-select>solid-form-auto-completion {
width: 100%;
}
.coopedia-kldb solid-form-label-text[name="linkedin"],
.coopedia-kldb solid-form-label-text[name="twitter"] {
width: 100%;
}
.coopedia-kldb cs-section_header,
.coopedia-kldb solid-form-textarea {
display: block;
width : 100%;
}
.coopedia-kldb form textarea {
height : 9.5rem;
transition: all .3s ease-in-out;
resize : none;
}
.coopedia-kldb label div {
text-align : left;
font-size : 1.4rem;
font-weight: bold;
padding : 1rem 0;
font-family: 'var(--typo-btn)';
}
.coopedia-kldb input,
.coopedia-kldb textarea,
.coopedia-kldb select,
.coopedia-kldb form .ss-main .ss-multi-selected {
background : var(--bg-form);
color : #7A8789;
font-size : 1.4rem;
padding : 1rem 2rem 1rem 2rem;
width : 100%;
border : none;
font-weight : lighter;
font-family : 'var(--typo-btn)';
outline : none;
transition : all .3s ease-in-out;
height : 3.6rem;
border-radius: 0;
}
.coopedia-kldb input:focus,
.coopedia-kldb textarea:focus {
background: var(--bg-form-focus);
}
.coopedia-kldb .title_form,
.coopedia-kldb .title_form p,
.coopedia-kldb cs-section_introduction h2,
.coopedia-kldb div#mentor-resource-detail cs-display-property[name="name"] p,
.coopedia-kldb div#mentor-resource-validate cs-display-property[name="name"] p,
.coopedia-kldb div#entrepreneur-resource-detail cs-display-property[name="name"] p {
font-family : 'var(--typo)';
font-size : 2.2rem;
text-align : left;
width : 100%;
color : #444C4D;
border-bottom: 1px solid #DBE2ED;
padding : 0 0 1.5rem 0;
margin : 2rem 0 2rem 0;
}
.coopedia-kldb .title_form_avenir {
font-family : 'var(--typo-btn)';
color : #3D424A;
border-bottom: 1px solid #C5CCD9;
padding : 0 0 1.5rem 0;
margin : 2rem 0 2rem 0;
text-align : left;
font-size : 1.8rem;
width : 100%;
font-weight : 900;
}
.coopedia-kldb .input_big {
width: 100%;
}
.coopedia-kldb .input_photo label {
position: relative;
}
.coopedia-kldb .input_photo {
text-align: left;
}
.coopedia-kldb .input_photo label div {
position : absolute;
left : 25%;
margin-top: 3rem;
}
.coopedia-kldb .input_photo label>input:first-of-type {
width : 10rem;
height : 10rem;
border-radius: 50%;
margin : 0 3rem 0 0;
background : url(../images/telecharger.png) no-repeat 52% 67% var(--bg-form);
cursor : pointer;
}
.coopedia-kldb .input_photo label>input[type="file"] {
position: absolute;
left : 0;
height : 100px;
opacity : 0;
cursor : pointer;
}
.coopedia-kldb solid-form-label-text[name="iframe_link"] div {
position: relative;
}
.coopedia-kldb solid-form-label-text[name="iframe_link"] div:before {
content : "";
display : block;
width : 19px;
height : 19px;
background: url(../images/bulle_quest.png) no-repeat;
top : 0.4rem;
left : 24%;
position : absolute;
}
.coopedia-kldb select {
padding: 0;
}
.coopedia-kldb option {
border-bottom: 1px solid #DBE2ED;
padding : 1rem;
}
.coopedia-kldb button {
outline: none;
}
/* XXXXXXX MODIF SELECT XXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .ss-main .ss-multi-selected .ss-values,
.coopedia-kldb .ss-main .ss-multi-selected,
.coopedia-kldb div.ss-main,
.coopedia-kldb form .ss-main .ss-multi-selected .ss-values .ss-disabled {
padding : 0;
border-radius: 0;
color : #7A8789;
}
.coopedia-kldb form .ss-main .ss-multi-selected .ss-add {
margin: -5px 12px 0 5px;
}
.coopedia-kldb form .ss-main .ss-multi-selected .ss-values .ss-value {
margin: 0 0.5rem 0 0;
}
/* ----------------- CHECKBOX ---------------------------*/
.coopedia-kldb .ss-list.checkbox {
padding-left: 2.5rem;
color : #818998;
font-weight : lighter;
}
.ss-list.checkbox input[type="checkbox"] {
position: absolute;
left : -1000rem;
}
.coopedia-kldb .ss-list.checkbox .ss-option,
.coopedia-kldb .ss-list.checkbox label {
position : relative;
font-weight: lighter;
}
.coopedia-kldb .ss-list.checkbox label {
font-family: "var(--typo-btn)";
font-size : 1.5rem;
top : 2rem;
left : .5rem;
}
.coopedia-kldb .ss-list.checkbox .ss-option:before,
.coopedia-kldb .ss-list.checkbox label:before {
content : "";
position : absolute;
display : block;
width : 1.5rem;
height : 1.5rem;
border : 2px solid #818998;
border-radius: 3px;
left : -2.5rem;
top : .9rem;
cursor : pointer;
}
.coopedia-kldb .ss-list.checkbox .ss-option.active:after,
.coopedia-kldb .ss-list.checkbox label:focus:after {
font-family: "Font Awesome 5 pro";
font-weight: 900;
content : "\f00C";
position : absolute;
display : block;
width : 1.5rem;
height : 1.5rem;
left : -1.95rem;
top : .9rem;
}
.coopedia-kldb .ss-list.checkbox label:before {
left: -2.2rem;
top : 0.2rem;
}
.coopedia-kldb .ss-list.checkbox label:focus:after {
left: -2.6rem;
top : 0;
}
.coopedia-kldb .ss-list.checkbox label:not(:focus):after .coopedia-kldb .ss-list.checkbox label+input[type="checkbox"] {
position: absolute;
left : -10000rem;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX header XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb header#header {
background: var(--bg-block);
height : 10rem;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
position : relative;
}
.coopedia-kldb header#header img[alt="Coopstarter"] {
width : auto;
height : auto;
border-radius: 0;
}
.coopedia-kldb .avatar {
width : 3rem;
height : 3rem;
border-radius: 50%;
background : white;
margin-right : 5rem;
}
.coopedia-kldb header#header .avatar img,
.coopedia-kldb #mentor-resource-detail .avatar img,
.coopedia-kldb #mentor-resource-validate .avatar img,
.coopedia-kldb #entrepreneur-resource-detail .avatar img {
border-radius: 50%;
}
.coopedia-kldb header select {
width : 12.5rem;
margin-right : 2rem;
border-radius: 50px;
}
.coopedia-kldb header span.ico_search {
padding-right: 0;
}
header span.ico_search input {
width : 14.5rem;
margin-right : 2rem;
border-radius: 50px;
padding-right: 3rem;
}
.coopedia-kldb header#header solid-form-dropdown>label>div {
display: none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX MENU LOGUE XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb #header {
background: #152935;
height : 5rem;
}
.coopedia-kldb #header img {
width : 3rem;
height : 3rem;
border-radius: 50%;
cursor : pointer;
}
.coopedia-kldb #header .flex,
.coopedia-kldb #header>div {
height: 100%;
}
.coopedia-kldb #header .flex a {
display : inline-block;
font-size : 1.8rem;
font-family : 'var(--typo-btn)';
color : white;
margin : 0 0 0 5rem;
text-decoration: none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX HEADER DROPDOWNXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .dropdownWrapper {
display : inline-block;
padding : 0px;
position : relative;
border-radius: 3px;
text-align : center;
}
.coopedia-kldb .dropdownWrapper:hover img {
opacity: .5;
}
.coopedia-kldb .dropdownLabel {
cursor: pointer;
}
.coopedia-kldb #header .flex .dropdownPanel {
position : absolute;
min-width : 20rem;
background-color: #444C4D;
right : 59%;
top : 5px;
margin-top : 35px;
display : none;
z-index : 2;
}
#header .flex .dropdownPanel ul {
padding : 0;
margin : 0;
list-style: none;
}
#header .flex .dropdownPanel a {
margin: 0;
}
#header .flex .dropdownPanel solid-link,
.coopedia-kldb #header .flex .dropdownPanel p,
.coopedia-kldb #header .flex .dropdownPanel a {
display : block;
padding : 10px 20px;
text-decoration: none;
color : white;
transition : .5s all ease-in;
cursor : pointer;
text-align : center;
}
#header .flex .dropdownPanel solid-link p,
.coopedia-kldb #header .flex .dropdownPanel p p,
.coopedia-kldb #header .flex .dropdownPanel a p {
margin : 0;
padding: 0;
}
#header .flex .dropdownPanel solid-link:hover,
.coopedia-kldb #header .flex .dropdownPanel a:hover {
background: #2D3132;
}
#header .flex .dropdownPanel li:not(last-child) {
border-bottom: 1px solid #5E696B;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PAGE LOG XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .logo {
text-align: center;
margin : 10rem 0 var(--marge-base) 0;
width : 100%;
}
.coopedia-kldb #splash .block_log {
max-width: 30rem;
margin : 0 auto var(--marge-base) auto;
}
.coopedia-kldb .img_log {
margin: 0 0 4rem 0;
}
.coopedia-kldb .button__actions>div {
display: inline-block;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PAGE CREATE COMPTE XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb figure+figure .img_log {
margin: 0;
}
h2.title_create {
font-family: 'var(--typo)';
font-size : 2.2rem;
text-align : center;
color : #000;
padding : 0 0 1.5rem 0;
margin : 2rem 0 2rem 0;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PAGE CREATE COMPTE ENTREPRISE XXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb #entrepreneur-new-account solid-form form input[type="submit"] {
margin-top: 10rem;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX Home entrepreneur XXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .block_aside_entre {
background : white;
margin-left: 2rem;
padding : 1.5rem;
text-align : center;
}
.block_aside_entre p {
color : #152935;
font-size : 1.4rem;
font-weight: bold;
margin : 2rem 0 2rem 0;
}
.coopedia-kldb .block-g-entre {
background: white;
padding : 2rem;
}
.coopedia-kldb #kldb-search-box-component container,
.coopedia-kldb #public-resource-list container,
.coopedia-kldb #mentor-database container {
padding-top: 3.5rem;
display : block;
}
#kldb-search-box-component container solid-form-placeholder-text[name="name_keyword"],
.coopedia-kldb #public-resource-list container solid-form-placeholder-text[name="name_keyword"],
.coopedia-kldb #mentor-database container solid-form-placeholder-text[name="name_keyword"] {
float: left;
width: 76%;
}
#kldb-search-box-component container .keyword_submit div,
.coopedia-kldb #public-resource-list container .keyword_submit div,
.coopedia-kldb #mentor-database container .keyword_submit div {
float : right;
margin-top: 0;
width : 20%;
top : -3.5rem;
}
#kldb-search-box-component container cs-section_header[name="header_criterias"] h2.title_form,
.coopedia-kldb #public-resource-list container cs-section_header[name="header_criterias"] h2.title_form,
.coopedia-kldb #mentor-database container cs-section_header[name="header_criterias"] h2.title_form {
font-family : 'var(--typo-btn)';
font-size : 1.4rem;
color : var(--clr-typo-base);
border-bottom : 1px solid #DBE2ED;
margin : 5rem 0 2rem 0;
padding-bottom: .5rem;
}
#kldb-search-box-component container .tablink,
.coopedia-kldb #public-resource-list container .tablink,
.coopedia-kldb #mentor-database container .tablink {
width: 50%;
}
#kldb-search-box-component container .tablink+.block_log,
.coopedia-kldb #public-resource-list container .tablink+.block_log,
.coopedia-kldb #mentor-database container .tablink+.block_log {
background: none;
padding : var(--marge-base) 0;
}
#kldb-search-box-component container .step,
.coopedia-kldb #public-resource-list container .step,
.coopedia-kldb #mentor-database container .step {
background : white;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
box-shadow : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
padding : 2rem;
margin-bottom : 1.5rem;
}
#kldb-search-box-component container .step cs-steps-header div,
.coopedia-kldb #public-resource-list container .step cs-steps-header div,
.coopedia-kldb #mentor-database container .step cs-steps-header div {
cursor: pointer;
}
#kldb-search-box-component container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #public-resource-list container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #mentor-database container .step cs-display-property[name="publication_year"] p {
font-size : 1.4rem;
font-weight : bold;
margin-bottom: 1rem;
}
#kldb-search-box-component container .step cs-display-property p,
.coopedia-kldb #public-resource-list container .step cs-display-property p,
.coopedia-kldb #mentor-database container .step cs-display-property p {
margin-bottom: 0;
}
#kldb-search-box-component container .step cs-display-property[name="name"] p,
.coopedia-kldb #public-resource-list container .step cs-display-property[name="name"] p,
.coopedia-kldb #mentor-database container .step cs-display-property[name="name"] p {
float: left;
}
#kldb-search-box-component container .step cs-display-resource-property[name="format.name"],
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"],
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] {
float: right;
}
#kldb-search-box-component container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #public-resource-list container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #mentor-database container .step cs-display-property[name="publication_year"] p {
clear: both;
}
#kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p {
border-radius : 5px;
background-color: #5DC6F2;
padding : .5rem;
font-family : 'var(--typo-btn)';
color : var(--bg-block);
text-decoration : none;
text-align : center;
font-size : 1.4rem;
border : 2px solid #5DC6F2;
cursor : pointer;
display : inline-block;
margin : .5rem;
transition : .4s all ease-in;
}
#kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p:hover,
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"] p:hover,
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p:hover {
background-color: var(--bg-block);
color : #5DC6F2;
}
#kldb-search-box-component container .step div solid-display div,
.coopedia-kldb #public-resource-list container .step div solid-display div,
.coopedia-kldb #mentor-database container .step div solid-display div {
padding: 1.5rem;
}
#kldb-search-box-component container .step div solid-display:nth-child(odd) div,
.coopedia-kldb #public-resource-list container .step div solid-display:nth-child(odd) div,
.coopedia-kldb #mentor-database container .step div solid-display:nth-child(odd) div {
background: #F7F9FE;
cursor : pointer;
}
#kldb-search-box-component container .step div solid-display:nth-child(even) div,
.coopedia-kldb #public-resource-list container .step div solid-display:nth-child(even) div,
.coopedia-kldb #mentor-database container .step div solid-display:nth-child(even) div {
background: white;
cursor : pointer;
}
#kldb-search-box-component container .step cs-steps-header p,
.coopedia-kldb #public-resource-list container .step cs-steps-header p,
.coopedia-kldb #mentor-database container .step cs-steps-header p {
margin-bottom: 1.5rem;
color : var(--clr-roll-black);
}
#kldb-search-box-component container .step cs-steps-header p b,
.coopedia-kldb #public-resource-list container .step cs-steps-header p b,
.coopedia-kldb #mentor-database container .step cs-steps-header p b {
text-transform: uppercase;
}
.coopedia-kldb #kldb-search-box-component .step div div,
.coopedia-kldb #public-resource-list .step div div,
.coopedia-kldb #mentor-database .step div div {
position: relative;
}
#kldb-search-box-component .step div div fake-like,
.coopedia-kldb #kldb-search-box-component .step div div fake-dislike,
#public-resource-list .step div div fake-like,
#public-resource-list .step div div fake-dislike,
#mentor-database .step div div fake-like,
#mentor-database .step div div fake-dislike {
position: absolute;
top : 2.7rem;
right : 20%;
cursor : pointer;
}
#kldb-search-box-component .step div div fake-like p,
.coopedia-kldb #kldb-search-box-component .step div div fake-dislike p,
#public-resource-list .step div div fake-like p,
#public-resource-list .step div div fake-dislike p,
#mentor-database .step div div fake-like p,
#mentor-database .step div div fake-dislike p {
color : #444C4D;
font-size : 1.5rem;
transition: .3s all ease-in;
}
#kldb-search-box-component .step div div fake-like p:hover,
.coopedia-kldb #kldb-search-box-component .step div div fake-dislike p:hover,
#public-resource-list .step div div fake-like p:hover,
#public-resource-list .step div div fake-dislike p:hover,
#mentor-database .step div div fake-like p:hover,
#mentor-database .step div div fake-dislike p:hover {
color: #5DC6F2;
}
#kldb-search-box-component .step div div fake-dislike,
#public-resource-list .step div div fake-dislike,
#mentor-database .step div div fake-dislike {
right: 15%;
}
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p,
.coopedia-kldb #public-resource-list cs-display-property[name="name"] p,
.coopedia-kldb #mentor-database cs-display-property[name="name"] p {
font-size : 1.6rem;
color : var(--clr-roll-black);
padding-left: 2.5rem;
}
.coopedia-kldb .more_criterias.flex.flex_espace {
width: 100%;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX LISTE RESSOURCE XXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .fas.fa-spinner.fa-spin {
font-size: 3rem;
color : var(--bg-btn-base);
}
.coopedia-kldb .fd_bleu {
width : 100%;
background: var(--bg-btn-base);
color : white;
font-size : 2rem;
padding : 2rem 2rem;
margin : 0;
}
/* Style tab links */
.coopedia-kldb .tabs {
margin-top: 20px;
overflow : hidden;
width : 100%;
}
.coopedia-kldb .tablink {
background : var(--bg-page);
color : #818998;
float : left;
border : none;
outline : none;
cursor : pointer;
font-size : 2rem;
text-align : center;
line-height: 2;
width : 33.33%;
transition : all .3s ease;
position : relative;
}
.coopedia-kldb .tablink.active {
border-bottom: solid 7px var(--bg-btn-base);
color : black;
}
.coopedia-kldb .tablink:before {
content : "";
display : block;
width : 0;
height : 7px;
position : absolute;
bottom : -7px;
background: var(--bg-btn-base);
transition: all .3s ease;
}
.coopedia-kldb .tablink:hover:before {
width: 100%;
}
.coopedia-kldb .tablink:hover {
color: black;
}
/* Style the tab content (and add height:100% for full page content) */
.coopedia-kldb .tabcontent {
display : none;
/*background-color:#888;*/
padding-top : 40px;
margin-bottom : 40px;
height : 100%;
font-size : 1.8rem;
line-height : 1.6;
color : black;
}
.coopedia-kldb .tabcontent p {
color : black;
margin-bottom: 0;
}
.coopedia-kldb .tabcontent cs-action {
cursor: pointer;
}
.coopedia-kldb .tabcontent solid-display>div>solid-display>div {
padding: 20px;
}
.coopedia-kldb .tabcontent solid-display>div>solid-display:nth-of-type(odd)>div {
background-color: #ECF1FB;
}
.coopedia-kldb .tabcontent solid-display>div>solid-display:nth-of-type(even)>div {
background-color: white;
}
.coopedia-kldb solid-set-default[name="content"]>* {
display : block;
width : 100%;
text-align : left;
font-family: "var(--typo-btn)";
font-size : 1.4rem;
}
.coopedia-kldb div .tit_element_list {
color : var(--clr-roll-black);
font-size: 1.6rem;
}
.coopedia-kldb #resources-history solid-set-default {
margin-bottom: 4rem;
}
.coopedia-kldb #resources-history hidden-widget {
display: none;
}
.coopedia-kldb #resources-history cs-section_header[name="header_criterias"] h2.title_form {
font-family : 'var(--typo-btn)';
font-size : 1.4rem;
color : var(--clr-typo-base);
border-bottom : 1px solid #DBE2ED;
margin : 5rem 0 2rem 0;
padding-bottom: .5rem;
}
.coopedia-kldb solid-display#pending-resources div {
clear: both;
}
.coopedia-kldb .contenu_list {
height: 0;
}
.coopedia-kldb .contenu_list cs-display-multiple-property {
display: block;
}
.coopedia-kldb cs-display-resource-property.contenu_list {
display: block;
}
cs-display-resource-property.contenu_list p {
float: left;
}
.coopedia-kldb div .contenu_list p,
.coopedia-kldb div .contenu_list label {
color : var(--clr-typo-base);
font-size : 1.4rem;
float : left;
margin-right: 1rem;
}
.coopedia-kldb solid-display-value,
.coopedia-kldb solid-multiple label,
.coopedia-kldb cs-resource-status div {
font-weight: bold;
}
.coopedia-kldb solid-multiple label {
margin-right: 1rem;
}
.coopedia-kldb #resources-history cs-resource-status[name="review.status"] {
width : 100%;
display : block;
text-align: right;
}
#resources-history cs-resource-status[name="review.status"] div {
display : inline-block;
font-family: "var(--typo-btn)";
}
.coopedia-kldb #resources-history .fas {
color : var(--bg-btn-base);
margin-left: 2.5rem;
font-size : 1.5rem;
transition : .3s all ease-in;
cursor : pointer;
}
#resources-history .fas:hover {
color: var(--clr-roll-black);
}
.coopedia-kldb solid-multiple label,
.coopedia-kldb cs-resource-status[name="review.status"]+* {
float: left;
width: auto;
}
.coopedia-kldb .button_pending {
background : #5DC6F2;
border-radius: 4px;
border : none;
cursor : pointer;
}
.coopedia-kldb #pending-resources>div solid-display[label-validate="Check ->"]>div {
display : flex;
justify-content: space-between;
}
.coopedia-kldb #reviews .backlink {
margin: 0;
}
.coopedia-kldb #pending-resources solid-set-default[name="content"] solid-display-value {
font-size : 1.6rem;
color : #444C4D;
margin-bottom: 2rem;
}
.coopedia-kldb #pending-resources solid-set-default[name="info"] {
justify-content: flex-start;
}
#pending-resources solid-set-default[name="info"] cs-display-resource-property {
margin-right: 0rem;
}
#pending-resources solid-set-default[name="info"] cs-display-resource-property p,
.coopedia-kldb #pending-resources solid-set-default[name="info"] cs-display-resource-property b {
color : var(--clr-typo-base);
font-size: 1.4rem;
}
.coopedia-kldb .request_accordion h2 {
font-size : 1.4rem;
color : #444C4D;
text-align : left;
cursor : pointer;
font-weight: bold;
font-family: "var(--typo-btn)";
}
.coopedia-kldb .request_accordion solid-set-default[name="info"] {
justify-content: flex-start;
}
.request_accordion solid-set-default[name="info"] cs-display-resource-property {
margin-right: 7rem;
float : left;
}
.request_accordion solid-set-default[name="info"] cs-display-resource-property p,
.coopedia-kldb .request_accordion solid-set-default[name="info"] cs-display-resource-property b {
color : var(--clr-typo-base);
font-size: 1.4rem;
}
.coopedia-kldb .check_ressource>div {
position: relative;
top : 35%;
}
.coopedia-kldb #requests solid-multiple {
margin-right: 7rem;
}
#requests solid-multiple label,
.coopedia-kldb #requests solid-multiple cs-display-multiple-property[name="fields"] p {
color : var(--clr-typo-base);
font-size : 1.4rem;
margin : 0 1rem 0 0;
font-family: 'var(--typo-btn)';
}
#requests solid-multiple cs-display-multiple-property[name="fields"] {
float: left;
}
.coopedia-kldb .request_accordion solid-set-default cs-validate-action div {
position: relative;
top : -1rem;
}
.coopedia-kldb .request_accordion accordion-request-resource h2 {
position: relative;
}
.coopedia-kldb .request_accordion accordion-request-resource h2:after {
font-family : "Font Awesome 5 pro";
content : "\f078";
font-weight : 900;
position : absolute;
display : block;
width : 1.5rem;
height : 1.5rem;
right : 1.4rem;
top : 0rem;
transform-origin: .7rem .7rem;
transform : rotate(0);
transition : .2s all ease-in;
}
.coopedia-kldb .request_accordion accordion-request-resource.active h2:hover:after {
color: var(--bg-btn-base);
}
.coopedia-kldb .request_accordion accordion-request-resource.active h2:after {
transform: rotate(180deg);
}
.coopedia-kldb .accordion:not(.active)+.panel solid-form+div {
overflow : hidden;
transition: max-height 0.2s ease-out;
max-height: 0;
}
.coopedia-kldb .accordion.active+.panel solid-form+div {
overflow : hidden;
transition: max-height 0.2s ease-out;
max-height: 1500px;
}
/*XXXXXXXXXXXXXXXXXXXXX DETAIL RESSOURCES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .format_type p {
border-radius : 5px;
background-color: #5DC6F2;
padding : .5rem;
font-family : 'var(--typo-btn)';
color : var(--bg-block);
text-decoration : none;
text-align : center;
font-size : 1.4rem;
border : 2px solid #5DC6F2;
cursor : pointer;
display : inline-block;
margin : .5rem;
transition : .4s all ease-in;
float : right;
}
.format_type p:hover {
background-color: var(--bg-block);
color : #5DC6F2;
}
.coopedia-kldb cs-display-step-property[label="Step"] p {
font-weight : bold;
border-bottom : #5DC6F2 solid 3px;
width : auto;
float : left;
padding-bottom: .5rem;
}
.coopedia-kldb cs-display-resource-property[name="format.name"]+* {
clear: both;
}
.coopedia-kldb solid-set-default[name="submitter_info"] {
display: block;
}
solid-set-default[name="submitter_info"] cs-display-resource-property:first-child b {
display: block;
}
solid-set-default[name="submitter_info"] cs-display-resource-property[name="skills"] p {
margin-bottom: 2rem;
}
solid-set-default[name="submitter_info"] p {
font-size : 1.4rem;
margin-bottom: 1rem;
color : #3D424A;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXX Modal XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb #confirm_suppress,
.coopedia-kldb #confirm_status_change,
.coopedia-kldb #resource-validation-process,
.coopedia-kldb #resource-validation-process-confirmation {
border : none;
top : 0;
padding : 0;
width : 100%;
height : auto;
padding-bottom: 70%;
background : rgba(0, 0, 0, 0.7);
}
#confirm_suppress>div,
.coopedia-kldb #confirm_status_change>div,
.coopedia-kldb #resource-validation-process>div,
#resource-validation-process-confirmation>div {
margin : 25% auto 25% auto;
width : 50rem;
background: white;
padding : 2rem;
text-align: center;
position : relative;
}
#confirm_suppress>div .fas.fa-times:before,
.coopedia-kldb #confirm_status_change>div .fas.fa-times:before,
.coopedia-kldb #resource-validation-process>div .fas.fa-times:before,
#resource-validation-process-confirmation>div .fas.fa-times:before {
top: 2rem;
}
#confirm_suppress solid-link.backlink,
.coopedia-kldb #confirm_status_change solid-link.backlink,
.coopedia-kldb #resource-validation-process solid-link.backlink,
#resource-validation-process-confirmation solid-link.backlink {
margin: 0;
}
#confirm_suppress h1,
.coopedia-kldb #confirm_status_change h1,
.coopedia-kldb #resource-validation-process h1,
#resource-validation-process-confirmation h1 {
font-family : var(--typo);
font-size : 2.2rem;
margin : 0 0 2rem 0;
font-weight : normal;
padding-top : 2rem;
color : #444C4D;
border-bottom: 1px solid #DBE2ED;
}
#confirm_suppress p,
.coopedia-kldb #confirm_status_change p,
.coopedia-kldb #resource-validation-process p,
#resource-validation-process-confirmation p {
text-align: center;
}
.coopedia-kldb #resource-validation-process,
.coopedia-kldb #resource-validation-process-confirmation {
padding-bottom: 30%;
}
#resource-validation-process>div,
.coopedia-kldb #resource-validation-process-confirmation>div {
width : 75%;
margin: 0 auto 25% auto;
}
#resource-validation-process h2,
.coopedia-kldb #resource-validation-process-confirmation h2 {
width : 100%;
text-align : center;
font-family: "var(--typo)";
font-size : 2rem;
margin-top : 5rem;
color : var(--clr-roll-black);
}
#resource-validation-process div,
.coopedia-kldb #resource-validation-process-confirmation div {
background: url("../images/valid_fd.png") no-repeat center 43% white;
}
#resource-validation-process div .like,
.coopedia-kldb #resource-validation-process-confirmation div .like {
background: none;
}
#resource-validation-process div figure,
.coopedia-kldb #resource-validation-process-confirmation div figure {
margin: 5rem 0;
}
#resource-validation-process div figure figcaption,
.coopedia-kldb #resource-validation-process-confirmation div figure figcaption {
font-family: "var(--typo-btn)";
margin : 2rem auto 0 auto;
color : var(--clr-typo-base);
font-size : 1.6rem;
}
.coopedia-kldb #mentor-resource-detail,
.coopedia-kldb #entrepreneur-resource-detail,
.coopedia-kldb #mentor-resource-validate,
.coopedia-kldb #entrepreneur-request-create,
.coopedia-kldb #public-resource-detail {
border : none;
top : 0;
padding : 0;
width : 100%;
height : auto;
padding-bottom: 30%;
background : rgba(0, 0, 0, 0.7);
}
#mentor-resource-detail .block_creat_count,
.coopedia-kldb #entrepreneur-resource-detail .block_creat_count,
.coopedia-kldb #mentor-resource-validate .block_creat_count,
.coopedia-kldb #entrepreneur-request-create .block_creat_count,
.coopedia-kldb #public-resource-detail .block_creat_count {
margin: 0 0 0 auto;
}
#mentor-resource-detail .block_creat_count img[name="preview_image"],
.coopedia-kldb #entrepreneur-resource-detail .block_creat_count img[name="preview_image"],
.coopedia-kldb #mentor-resource-validate .block_creat_count img[name="preview_image"],
.coopedia-kldb #entrepreneur-request-create .block_creat_count img[name="preview_image"],
.coopedia-kldb #public-resource-detail .block_creat_count img[name="preview_image"] {
margin-top: 3rem;
}
#mentor-resource-detail h2.title_form,
.coopedia-kldb #entrepreneur-resource-detail h2.title_form,
.coopedia-kldb #mentor-resource-validate h2.title_form,
.coopedia-kldb #entrepreneur-request-create h2.title_form,
.coopedia-kldb #public-resource-detail h2.title_form {
margin-top: 3rem;
}
#mentor-resource-detail .title_form,
.coopedia-kldb #entrepreneur-resource-detail .title_form,
.coopedia-kldb #mentor-resource-validate .title_form,
.coopedia-kldb #entrepreneur-request-create .title_form,
.coopedia-kldb #public-resource-detail .title_form {
font-size : 1.6rem;
color : #3D424A;
font-family: 'var(--typo-btn)';
text-align : left;
border : none;
font-weight: normal;
margin : 0 0 1.5rem 0;
padding : 0;
}
#mentor-resource-detail .title_form p,
.coopedia-kldb #entrepreneur-resource-detail .title_form p,
.coopedia-kldb #mentor-resource-validate .title_form p,
.coopedia-kldb #entrepreneur-request-create .title_form p,
.coopedia-kldb #public-resource-detail .title_form p {
font-size : 2.2rem;
margin : 0 0 2rem 0;
font-weight: normal;
padding-top: 0;
}
#mentor-resource-detail cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #entrepreneur-resource-detail cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #mentor-resource-validate cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #entrepreneur-request-create cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #public-resource-detail cs-display-resource-property[name="format.name"] p {
text-align: right;
}
#mentor-resource-detail .avatar,
.coopedia-kldb #entrepreneur-resource-detail .avatar,
.coopedia-kldb #mentor-resource-validate .avatar,
.coopedia-kldb #entrepreneur-request-create .avatar,
.coopedia-kldb #public-resource-detail .avatar {
float : left;
margin-right: 1rem;
}
#mentor-resource-detail .steps cs-display-step-property p,
.coopedia-kldb #entrepreneur-resource-detail .steps cs-display-step-property p,
.coopedia-kldb #mentor-resource-validate .steps cs-display-step-property p,
.coopedia-kldb #entrepreneur-request-create .steps cs-display-step-property p,
.coopedia-kldb #public-resource-detail .steps cs-display-step-property p {
color : #3D424A;
font-size : 1.6rem;
padding-right: 1rem;
margin-right : .5rem;
}
#mentor-resource-detail .like,
.coopedia-kldb #entrepreneur-resource-detail .like,
.coopedia-kldb #mentor-resource-validate .like,
.coopedia-kldb #entrepreneur-request-create .like,
.coopedia-kldb #public-resource-detail .like {
display : flex;
flex-wrap : nowrap;
justify-content: flex-end;
}
#mentor-resource-detail .like p.backlink,
.coopedia-kldb #entrepreneur-resource-detail .like p.backlink,
.coopedia-kldb #mentor-resource-validate .like p.backlink,
.coopedia-kldb #entrepreneur-request-create .like p.backlink,
.coopedia-kldb #public-resource-detail .like p.backlink {
font-size : 1.4rem;
margin : 0 0 0 2.5rem;
text-decoration: none;
}
#mentor-resource-detail .resource-author p,
.coopedia-kldb #mentor-resource-detail .validator_ressource p,
.coopedia-kldb #entrepreneur-resource-detail .resource-author p,
.coopedia-kldb #entrepreneur-resource-detail .validator_ressource p,
.coopedia-kldb #mentor-resource-validate .resource-author p,
.coopedia-kldb #mentor-resource-validate .validator_ressource p,
.coopedia-kldb #entrepreneur-request-create .resource-author p,
.coopedia-kldb #entrepreneur-request-create .validator_ressource p,
.coopedia-kldb #public-resource-detail .resource-author p,
.coopedia-kldb #public-resource-detail .validator_ressource p {
color : var(--clr-typo-base);
font-size : 1.4rem;
margin-bottom: 2.5rem;
}
#mentor-resource-detail .resource-author b,
.coopedia-kldb #mentor-resource-detail .validator_ressource b,
.coopedia-kldb #entrepreneur-resource-detail .resource-author b,
.coopedia-kldb #entrepreneur-resource-detail .validator_ressource b,
.coopedia-kldb #mentor-resource-validate .resource-author b,
.coopedia-kldb #mentor-resource-validate .validator_ressource b,
.coopedia-kldb #entrepreneur-request-create .resource-author b,
.coopedia-kldb #entrepreneur-request-create .validator_ressource b,
.coopedia-kldb #public-resource-detail .resource-author b,
.coopedia-kldb #public-resource-detail .validator_ressource b {
display: block;
color : var(--clr-roll-black);
}
#mentor-resource-detail cs-display-link *,
.coopedia-kldb #mentor-resource-detail solid-link,
.coopedia-kldb #entrepreneur-resource-detail cs-display-link *,
.coopedia-kldb #entrepreneur-resource-detail solid-link,
.coopedia-kldb #mentor-resource-validate cs-display-link *,
.coopedia-kldb #mentor-resource-validate solid-link,
.coopedia-kldb #entrepreneur-request-create cs-display-link *,
.coopedia-kldb #entrepreneur-request-create solid-link,
.coopedia-kldb #public-resource-detail cs-display-link *,
.coopedia-kldb #public-resource-detail solid-link {
margin: 0;
}
#mentor-resource-detail .broken solid-link,
.coopedia-kldb #entrepreneur-resource-detail .broken solid-link,
.coopedia-kldb #mentor-resource-validate .broken solid-link,
.coopedia-kldb #entrepreneur-request-create .broken solid-link,
.coopedia-kldb #public-resource-detail .broken solid-link {
margin: 1rem 0 0 3rem;
}
#mentor-resource-detail cs-display-property p,
.coopedia-kldb #entrepreneur-resource-detail cs-display-property p,
.coopedia-kldb #mentor-resource-validate cs-display-property p,
.coopedia-kldb #entrepreneur-request-create cs-display-property p,
.coopedia-kldb #public-resource-detail cs-display-property p {
clear : both;
padding-top: 2rem;
}
.coopedia-kldb #entrepreneur-request-create h2.title_form,
.coopedia-kldb #public-resource-list cs-display-property[name="name"].title_form p {
font-family : 'var(--typo)';
font-size : 2.2rem;
color : #444C4D;
padding : 0 0 1.5rem 0;
margin : 0 0 2rem 0;
border-bottom: 1px solid #DBE2ED;
}
#entrepreneur-request-create h2.title_form+p,
.coopedia-kldb #public-resource-list cs-display-property[name="name"].title_form p+p {
width : 80%;
display : inline-block;
font-size : 1.6rem;
text-align : left;
vertical-align: top;
padding-top : .5rem;
margin-right : 2rem;
}
.coopedia-kldb #entrepreneur-request-create form h2.title_form {
font-family: 'var(--typo-btn)';
font-size : 1.6rem;
color : #3D424A;
font-weight: bold;
}
.coopedia-kldb #mentor-resource-detail a,
.coopedia-kldb #mentor-resource-validate a,
.coopedia-kldb #entrepreneur-resource-detail a,
.coopedia-kldb #public-resource-detail a {
text-decoration: none;
display : inline-block;
margin : 0;
}
.coopedia-kldb solid-set-default[name="specifications"]>cs-display-resource-property,
.coopedia-kldb solid-set-default[name="specifications"]>solid-multiple {
display : block;
float : left;
width : 33%;
border : 1px solid var(--bg-page);
padding : 2rem 0;
background: var(--bg-form-focus);
margin-top: 1px;
}
solid-set-default[name="specifications"]>cs-display-resource-property p,
solid-set-default[name="specifications"]>solid-multiple p {
text-align: center;
margin : 0;
font-size : 1.4rem;
}
.coopedia-kldb .solid-conversation div.conversation-form {
border : none;
position: relative;
}
.coopedia-kldb div.solid-conversation textarea {
border-radius: 0;
background : white;
height : 4.5rem;
padding : 1.5rem 1rem 1rem 3.2rem;
font-size : 1.6rem;
}
.coopedia-kldb div.solid-conversation div.conversation-form:before {
content : "\f27a";
font-family: "Font Awesome 5 pro";
font-weight: 900;
position : absolute;
display : block;
width : 1.5rem;
height : 1.5rem;
top : 5.5rem;
left : 2rem;
color : var(--bg-btn-base);
}
.coopedia-kldb .solid-conversation form {
overflow: hidden;
}
.solid-conversation form input[type="submit"] {
float: right;
}
.coopedia-kldb .fas.fa-times {
font-size: 2rem;
}
.fas.fa-times:before {
position: absolute;
right : 18px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PROFILE XXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb cs-profile-picture {
width : 8.5rem;
height : 8.5rem;
float : left;
margin-right: 1.5rem;
}
cs-profile-picture img {
border-radius: 50%;
}
.coopedia-kldb cs-display-property[name="name"] p {
font-size : 2rem;
font-weight: bold;
margin : 0;
}
.coopedia-kldb cs-display-property[name="mentor_profile.country.name"] p {
clear: both;
}
.coopedia-kldb .contact_profil p {
color : var(--bg-block);
cursor: pointer;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX ELEMENTS CACHES XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb header span.ico_search input,
.coopedia-kldb header .ico_search:before {
display: none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (max-width: 800px) {
/* Partie entrepreneur */
.container_min {
width: 100%;
}
.block_aside_entre {
display: none;
}
.block_list .w_75 {
width: 100%;
}
input,
.coopedia-kldb textarea,
.coopedia-kldb select,
.coopedia-kldb form .ss-main .ss-multi-selected {
height: 4.6rem;
}
#kldb-search-box-component container .keyword_submit div,
.coopedia-kldb #public-resource-list container .keyword_submit div,
.coopedia-kldb #mentor-database container .keyword_submit div {
top: -5rem;
}
.button_base,
.coopedia-kldb input[type="submit"] {
padding: 1.8rem 0.9rem 1.8rem 0.9rem;
}
#mentor-resource-detail a,
.coopedia-kldb #entrepreneur-resource-detail a,
.coopedia-kldb #mentor-resource-validate a,
.coopedia-kldb #public-resource-detail a {
padding: 1.8rem 0.9rem 1.8rem 2.9rem;
}
.ico_gauche:before,
.coopedia-kldb ico_droite:before,
.coopedia-kldb #mentor-resource-detail a:before,
.coopedia-kldb #mentor-resource-validate a:before,
.coopedia-kldb #entrepreneur-resource-detail a:before,
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p:before,
.coopedia-kldb #confirm_suppress button:before,
.coopedia-kldb header span:before,
.coopedia-kldb #public-resource-detail cs-display-link[label="Link to resource"] a:before {
left: 1rem;
top : 1.7rem;
}
#mentor-resource-detail .broken solid-link,
.coopedia-kldb #entrepreneur-resource-detail .broken solid-link,
.coopedia-kldb #mentor-resource-validate .broken solid-link,
.coopedia-kldb #entrepreneur-request-create .broken solid-link,
.coopedia-kldb #public-resource-detail .broken solid-link {
margin: 2rem 0 0 3rem;
}
#mentor-resource-detail,
.coopedia-kldb #entrepreneur-resource-detail,
.coopedia-kldb #mentor-resource-validate,
.coopedia-kldb #entrepreneur-request-create,
.coopedia-kldb #public-resource-detail {
padding: 1rem 1rem 30% 1rem;
}
#entrepreneur-resource-detail solid-set-default[name="content"],
#mentor-resource-detail solid-set-default[name="content"],
#public-resource-detail solid-set-default[name="content"] {
width: 100%;
}
#entrepreneur-account .button__actions,
.coopedia-kldb #mentor-account .button__actions {
width : 100%;
text-align: center;
}
#entrepreneur-account .button__actions>div,
.coopedia-kldb #mentor-account .button__actions>div {
display: inline-block;
}
#entrepreneur-account .button__actions>div:first-child div,
.coopedia-kldb #mentor-account .button__actions>div:first-child div {
padding: 1.8rem 0.9rem 1.8rem 2.9rem;
}
#entrepreneur-account .button__actions+.profile_information,
.coopedia-kldb #mentor-account .button__actions+.profile_information {
margin: 1rem;
}
#entrepreneur-account .button__actions+.profile_information .button_edit,
.coopedia-kldb #mentor-account .button__actions+.profile_information .button_edit {
right: -.5rem;
}
.format_type p,
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p {
padding: 1.5rem;
}
/* Partie mentor */
.button__actions .resources__newresource .button_base,
#mentor-resource-list .button__actions .dashboard__database .button_base,
#confirm_suppress button,
.coopedia-kldb .ico_database {
padding: 1.8rem 0.9rem 1.8rem 2.9rem;
}
#confirm_suppress>div,
.coopedia-kldb #confirm_status_change>div,
.coopedia-kldb #resource-validation-process>div,
.coopedia-kldb #resource-validation-process-confirmation>div {
margin-top: 5%;
}
/* Partie public */
#public-resource-list container .step cs-display-resource-property[name="format.name"] p {
padding: 1.5rem;
}
#kldb-search-box-component .step div div fake-dislike,
.coopedia-kldb #public-resource-list .step div div fake-dislike,
.coopedia-kldb #mentor-database .step div div fake-dislike {
right: 25%;
}
#kldb-search-box-component .step div div fake-like,
.coopedia-kldb #public-resource-list .step div div fake-like,
.coopedia-kldb #mentor-database .step div div fake-like {
right: 30%;
}
#kldb-search-box-component cs-display-property[name="name"] p:before {
top : 0;
left: 0;
}
.solid-conversation [name="conversation-wrapper"],
.solid-conversation [name="message-wrapper"],
solid-display[nested-field="conversations"],
solid-display[nested-field="dislikes"],
solid-display[nested-field="likes"] {
display: none !important;
}
}
@media screen and (max-width: 750px) {
.block_log {
padding: var(--marge-base-750);
}
}
@media screen and (max-width: 660px) {
.coopedia-kldb div:not(#public-dashboard) header#header {
height : auto;
padding-bottom: 2rem;
}
.coopedia-kldb .container_min+.block_list .button__actions:not(.keyword_submit) {
display : flex;
justify-content: space-between;
width : 100%;
flex-wrap : wrap;
}
.coopedia-kldb div:not(#public-dashboard) header>div>.flex {
flex-direction: column;
flex-wrap : nowrap;
}
.coopedia-kldb div:not(#public-dashboard) header>div>.flex .flex {
width : 90%;
margin: 0 auto;
}
.coopedia-kldb div:not(#public-dashboard) header>div>.flex .flex figure {
margin: 0;
}
.coopedia-kldb div:not(#public-dashboard) header>div>.flex .logo_head {
margin: 2rem;
}
solid-form-label-text,
.coopedia-kldb solid-multiple-select,
.coopedia-kldb solid-form-dropdown,
.coopedia-kldb solid-form-auto-completion,
.coopedia-kldb solid-form-number {
width: 100%;
}
.input_photo {
margin: 1rem;
}
solid-set-default[name="specifications"] {
flex-direction: column;
}
solid-set-default[name="specifications"]>cs-display-resource-property,
.coopedia-kldb solid-set-default[name="specifications"]>solid-multiple {
width: 100%;
}
#confirm_suppress>div {
width: 80%;
}
#kldb-search-box-component .step div div fake-dislike,
.coopedia-kldb #public-resource-list .step div div fake-dislike,
.coopedia-kldb #mentor-database .step div div fake-dislike {
top : 8.7rem;
right: 5%;
}
#kldb-search-box-component .step div div fake-like,
.coopedia-kldb #public-resource-list .step div div fake-like,
.coopedia-kldb #mentor-database .step div div fake-like {
right: 15%;
top : 8.7rem;
}
#kldb-search-box-component container .step cs-display-resource-property[name="format.name"],
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"],
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] {
margin-bottom: 2rem;
}
#mentor-resource-detail .like,
.coopedia-kldb #entrepreneur-resource-detail .like,
.coopedia-kldb #mentor-resource-validate .like,
.coopedia-kldb #entrepreneur-request-create .like,
.coopedia-kldb #public-resource-detail .like {
position: absolute;
right : 9px;
top : 10px;
}
}
@media screen and (max-width: 501px) {
#kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p,
#public-resource-list container .step cs-display-resource-property[name="format.name"] p,
#public-resource-list .step div div fake-like,
#public-resource-list .step div div fake-dislike,
#kldb-search-box-component .step div div fake-like,
#kldb-search-box-component .step div div fake-dislike {
display: none !important;
}
}
.coopedia-kldb [hidden] {
display: none !important;
}