diff --git a/css/main.css b/css/main.css
index f36d668f099946ee08a1d25a747716648cc16eb2..9fb1664bcd8e71f26e085cee662bc1ec14ef7154 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,38 +1,38 @@
+.coopedia-kldb label, .coopedia-kldb label div {
+ text-align : left;
+ font-size : 1.4rem;
+ font-weight: bold;
+ padding : 1rem 0;
+ font-family: 'var(--typo-btn)';
+}
+
.coopedia-kldb .pull-right {
float: right;
width: auto;
}
-.coopedia-kldb .coopedia-kldb .pull-left {
+.coopedia-kldb .pull-left {
float: left;
width: auto;
}
-.coopedia-kldb .coopedia-kldb .block {
+.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 {
+.coopedia-kldb .flex,
+.coopedia-kldb solid-set-default {
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 {
+.coopedia-kldb .flex_espace,
+.coopedia-kldb solid-set-default {
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;
}
@@ -84,13 +84,13 @@
.coopedia-kldb .title_lead {
width : 50%;
margin : 0 25% var(--marge-base) 25%;
- font-size : 2.2rem;
+ font-size : 1.2rem;
line-height: 1.4;
text-align : center;
}
.coopedia-kldb .title_lead_avenir {
- font-size : 2.4rem;
+ font-size : 1.4rem;
text-align : center;
margin : 2rem;
font-weight: 900;
@@ -120,10 +120,6 @@
.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);
@@ -142,114 +138,21 @@
.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;
+ font-size : 1.1rem;
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%;
+.coopedia-kldb .bold {
+ font-weight: bold;
}
/* pagination */
@@ -351,10 +254,7 @@
/* 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 #coopedia-search-results-component cs-display-property[name="name"] p,
.coopedia-kldb #public-resource-detail a {
padding-left: 3.5rem;
position : relative;
@@ -368,12 +268,7 @@
.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 #coopedia-search-results-component cs-display-property[name="name"] p:before,
.coopedia-kldb #public-resource-detail cs-display-link[label="Link to resource"] a:before {
font-family: "Font Awesome 5 pro";
font-weight: 900;
@@ -406,9 +301,6 @@
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";
@@ -418,7 +310,7 @@
content: "\f061";
}
-.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p:before {
+.coopedia-kldb #coopedia-search-results-component cs-display-property[name="name"] p:before {
content : "\f005";
left : 0.4rem;
top : 0.2rem;
@@ -440,69 +332,66 @@
/*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-search > form {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+
+.coopedia-kldb solid-form-search > form > solid-form-dropdown-label[name="type"],
+.coopedia-kldb solid-form-search > form .form-input-hidden {
+ display: none;
}
.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 {
+.coopedia-kldb solid-form-dropdown-label {
display: block;
width : 48.5%;
}
-.coopedia-kldb solid-multiple-select>solid-form-auto-completion {
- width: 100%;
+/* .coopedia-kldb input {
+ background : var(--bg-form);
+ color : #7A8789;
+ font-size : 1.2rem;
+ padding : 0.5rem 1rem 0.5rem 1rem;
+ width : 100%;
+ border : 1px solid lightgray;
+ font-weight : lighter;
+ font-family : 'var(--typo-btn)';
+ outline : none;
+ transition : all .3s ease-in-out;
+ height : 1rem;
+ border-radius: 0;
}
-
-.coopedia-kldb solid-form-label-text[name="linkedin"],
-.coopedia-kldb solid-form-label-text[name="twitter"] {
+ textarea, select, form .ss-main .ss-multi-selected, form .ss-main .ss-single-selected {
+ background: var(--bg-form);
+ color: #7A8789;
+ font-size: 1.4rem;
+ padding: 0.5rem 2rem 0.5rem 2rem;
width: 100%;
-}
-
-.coopedia-kldb cs-section_header,
-.coopedia-kldb solid-form-textarea {
- display: block;
- width : 100%;
-}
-
-.coopedia-kldb form textarea {
- height : 9.5rem;
+ border: none;
+ font-weight: lighter;
+ font-family: "Cabin", sans-serif;
+ outline: none;
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)';
-}
+ height: 3.1rem;
+ border-radius: 0; } */
-.coopedia-kldb input,
-.coopedia-kldb textarea,
-.coopedia-kldb select,
-.coopedia-kldb form .ss-main .ss-multi-selected {
+.coopedia-kldb select, .coopedia-kldb input {
background : var(--bg-form);
color : #7A8789;
- font-size : 1.4rem;
- padding : 1rem 2rem 1rem 2rem;
+ font-size : 1.2rem;
+ padding : 0.5rem 1rem 0.5rem 1rem;
width : 100%;
- border : none;
+ border : 1px solid lightgray;
font-weight : lighter;
font-family : 'var(--typo-btn)';
outline : none;
transition : all .3s ease-in-out;
- height : 3.6rem;
- border-radius: 0;
+ height : 1.8rem;
+ border-radius: 5px;
}
.coopedia-kldb input:focus,
@@ -511,19 +400,15 @@
}
.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;
+.coopedia-kldb .title_form p {
+ font-family: "Cabin", sans-serif;
+ 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;
+ padding: 0 0 1.5rem 0;
+ margin: 2rem 0 2rem 0;
}
.coopedia-kldb .title_form_avenir {
@@ -538,68 +423,15 @@
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,
@@ -687,209 +519,9 @@
}
/* 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*/
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX Home entrepreneur XXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .block_aside_entre {
background : white;
margin-left: 2rem;
@@ -909,32 +541,13 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
padding : 2rem;
}
-.coopedia-kldb #kldb-search-box-component container,
-.coopedia-kldb #public-resource-list container,
-.coopedia-kldb #mentor-database container {
+.coopedia-kldb #coopedia-search-results-component container,
+.coopedia-kldb #public-resource-list 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 {
+#coopedia-search-results-component container cs-section_header[name="header_criterias"] h2.title_form{
font-family : 'var(--typo-btn)';
font-size : 1.4rem;
color : var(--clr-typo-base);
@@ -943,22 +556,16 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
padding-bottom: .5rem;
}
-#kldb-search-box-component container .tablink,
-.coopedia-kldb #public-resource-list container .tablink,
-.coopedia-kldb #mentor-database container .tablink {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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);
@@ -967,149 +574,81 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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"] {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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;
+#coopedia-search-results-component container .step cs-display-resource-property[name="format.name"] p {
+ border-radius: 5px;
+ background-color: var(--green);
+ padding: .5rem;
+ font-family: "Cabin", sans-serif;
+ color: var(--bg-block);
+ text-decoration: none;
+ text-align: center;
+ font-size: 1.4rem;
+ border: 2px solid var(--green);
+ 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 {
+#coopedia-search-results-component container .step cs-display-resource-property[name="format.name"] p:hover {
background-color: var(--bg-block);
- color : #5DC6F2;
+ color: var(--green);
}
-#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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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 {
+#coopedia-search-results-component 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 {
+.coopedia-kldb #coopedia-search-results-component .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 {
+.coopedia-kldb #coopedia-search-results-component cs-display-property[name="name"] p {
font-size : 1.6rem;
color : var(--clr-roll-black);
padding-left: 2.5rem;
@@ -1120,9 +659,9 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXX LISTE RESSOURCE XXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX LISTE RESSOURCE XXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .fas.fa-spinner.fa-spin {
font-size: 3rem;
color : var(--bg-btn-base);
@@ -1284,160 +823,12 @@ cs-display-resource-property.contenu_list p {
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;
@@ -1456,7 +847,7 @@ cs-display-resource-property.contenu_list p {
float : right;
}
-.format_type p:hover {
+.coopedia-kldb .format_type p:hover {
background-color: var(--bg-block);
color : #5DC6F2;
}
@@ -1477,128 +868,21 @@ cs-display-resource-property.contenu_list p {
display: block;
}
-solid-set-default[name="submitter_info"] cs-display-resource-property:first-child b {
+.coopedia-kldb 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 {
+.coopedia-kldb solid-set-default[name="submitter_info"] cs-display-resource-property[name="skills"] p {
margin-bottom: 2rem;
}
-solid-set-default[name="submitter_info"] p {
+.coopedia-kldb 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;
@@ -1609,34 +893,18 @@ solid-set-default[name="submitter_info"] p {
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;
@@ -1648,38 +916,22 @@ solid-set-default[name="submitter_info"] p {
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;
+ font-size : 1.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;
@@ -1687,86 +939,45 @@ solid-set-default[name="submitter_info"] p {
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 .autor_ressource 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 .autor_ressource 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;
@@ -1776,7 +987,6 @@ solid-set-default[name="submitter_info"] p {
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;
@@ -1787,16 +997,6 @@ solid-set-default[name="submitter_info"] p {
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;
@@ -1821,92 +1021,52 @@ solid-set-default[name="specifications"]>solid-multiple p {
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;
+.coopedia-kldb cs-display-property[name="name"] p {
+ font-size : 1rem;
+ font-weight: bold;
+ margin : 0;
}
-.solid-conversation form input[type="submit"] {
- float: right;
-}
+/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+@media screen and (max-width: 920px) {
-.coopedia-kldb .fas.fa-times {
- font-size: 2rem;
-}
+ /* Partie mentor */
+ #resources-history>div div {
+ flex-wrap: nowrap;
+ }
-.fas.fa-times:before {
- position: absolute;
- right : 18px;
+ #resources-history>div div .button_base.button_pending {
+ margin-top: 0;
+ }
}
-/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXX PROFILE XXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
-.coopedia-kldb cs-profile-picture {
- width : 8.5rem;
- height : 8.5rem;
- float : left;
- margin-right: 1.5rem;
-}
+@media screen and (max-width: 920px) {
-cs-profile-picture img {
- border-radius: 50%;
+ /* Partie mentor */
+ .tablink {
+ font-size: 1.5rem;
+ }
}
-.coopedia-kldb cs-display-property[name="name"] p {
- font-size : 2rem;
- font-weight: bold;
- margin : 0;
-}
+@media screen and (max-width: 840px) {
-.coopedia-kldb cs-display-property[name="mentor_profile.country.name"] p {
- clear: both;
-}
+ /* Partie mentor */
+ #splash .block_log.loggin {
+ max-width: 55%;
+ }
-.coopedia-kldb .contact_profil p {
- color : var(--bg-block);
- cursor: pointer;
-}
+ .block_log.loggin {
+ width: 55%;
+ }
-/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXX ELEMENTS CACHES XXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
-.coopedia-kldb header span.ico_search input,
-.coopedia-kldb header .ico_search:before {
- display: none;
+ .block_log.loggin.flex {
+ flex-direction: column;
+ }
}
-/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (max-width: 800px) {
/* Partie entrepreneur */
@@ -1929,9 +1089,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
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 {
+ #coopedia-search-results-component container .keyword_submit div {
top: -5rem;
}
@@ -1940,126 +1098,44 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
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 #coopedia-search-results-component cs-display-property[name="name"] p: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 {
+ .coopedia-kldb #public-resource-list 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 {
+ #coopedia-search-results-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) {
@@ -2068,49 +1144,18 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
}
-@media screen and (max-width: 660px) {
- .coopedia-kldb div:not(#public-dashboard) header#header {
- height : auto;
- padding-bottom: 2rem;
- }
+b, .coopedia-kldb strong {
+ font-weight: bolder;
+}
- .coopedia-kldb .container_min+.block_list .button__actions:not(.keyword_submit) {
+@media screen and (max-width: 660px) {
+ .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;
}
@@ -2120,49 +1165,13 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
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"] {
+ #coopedia-search-results-component 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 {
+ #public-resource-list container .step cs-display-resource-property[name="format.name"] p {
display: none !important;
}
}
diff --git a/css/variables.css b/css/variables.css
new file mode 100644
index 0000000000000000000000000000000000000000..8178bea02e2f75cf885cd9836a6b855def623da4
--- /dev/null
+++ b/css/variables.css
@@ -0,0 +1,394 @@
+@charset "UTF-8";
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+ line-height: 1.15;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */ }
+
+/* Sections
+ ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+ margin: 0; }
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+ display: block; }
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ box-sizing: content-box;
+ /* 1 */
+ height: 0;
+ /* 1 */
+ overflow: visible;
+ /* 2 */ }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */ }
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+ background-color: transparent; }
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none;
+ /* 1 */
+ text-decoration: underline;
+ /* 2 */
+ text-decoration: underline dotted;
+ /* 2 */ }
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder; }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */ }
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+ font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline; }
+
+sub {
+ bottom: -0.25em; }
+
+sup {
+ top: -0.5em; }
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+ border-style: none; }
+
+/* Forms
+ ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ line-height: 1.15;
+ /* 1 */
+ margin: 0;
+ /* 2 */ }
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+ /* 1 */
+ overflow: visible; }
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+ /* 1 */
+ text-transform: none; }
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; }
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0; }
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText; }
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+ padding: 0.35em 0.75em 0.625em; }
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+legend {
+ box-sizing: border-box;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ display: table;
+ /* 1 */
+ max-width: 100%;
+ /* 1 */
+ padding: 0;
+ /* 3 */
+ white-space: normal;
+ /* 1 */ }
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ vertical-align: baseline; }
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+ overflow: auto; }
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto; }
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */ }
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none; }
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */ }
+
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+ display: block; }
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item; }
+
+/* Misc
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+ display: none; }
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+ display: none; }
+
+.menu-opened {
+ position: fixed;
+ top: 0;
+ left: 0;
+ background-color: white;
+ width: 100%;
+ height: 100%; }
+
+summary {
+ color: pink; }
+
+solid-router {
+ color: purple; }
+
+/* Reset*/
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline; }
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, container {
+ display: block; }
+
+body {
+ line-height: 1; }
+
+ol, ul {
+ list-style: none; }
+
+blockquote, q {
+ quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none; }
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+/* XXXXXXXXXXXXXXXXXXXXXXXX FIN RESET XXXXXXXXXXXXXXXXXXXXX*/
+/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX GLOBAUX XXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+/* XXXXXXXXXXXXXXXXXXXXXXXX variables XXXXXXXXXXXXXXXXXXXXXX */
+:root {
+ --typo: calisto;
+ --typo-btn: avenir;
+ --bg-page: #f5f6fa;
+ --clr-typo-base: #7A8789;
+ --bg-block:#FFFFFF;
+ --bg-form: rgba(236,241,251,1);
+ --bg-form-focus: rgba(236,241,251,0.5);
+ --marge-base: 4.5rem;
+ --marge-petit: 3rem;
+ --marge-base-750: 1rem;
+ --bg-btn-base: #58AB05;
+ --clr-roll-black:#444C4D;
+ --orange: #E55D0A;
+ --blue: #0E79B2;
+ --black: #191923;
+ --white: #FBFEF9;
+ --green: #58AB05;
+ --alert-color:var(--orange);
+}
diff --git a/index.html b/index.html
index 35986be66d646e32793477a6474f7a0d2d5c2f3e..e9b24150f0060437bb0e95bdb5249e535e441a0e 100644
--- a/index.html
+++ b/index.html
@@ -5,23 +5,30 @@
<title>Knowledge base Search Box - Demo</title>
<script src="https://kit.fontawesome.com/48014d2af3.js"></script>
<script type="module" src="search-box.js"></script>
- <script type="module" src="https://unpkg.com/@startinblox/kldb-search-results"></script>
+ <script type="module" src="../search-results/search-results.js"></script>
+ <!-- <script type="module" src="https://unpkg.com/@startinblox/kldb-search-results"></script> -->
<script src="js/connector-script.js"></script>
</head>
+<style>
+ body {
+ font-size: 11px !important;
+ }
+</style>
<body>
<div class="container">
<h2 class="title_lead">
Demo of the search-box component
</h2>
-
- <kldb-search-box
+
+ <coopedia-search-box
data-src="https://api.coopstarter.happy-dev.fr">
- </kldb-search-box>
- <kldb-search-results
+ </coopedia-search-box>
+
+ <coopedia-search-results
data-src="https://api.coopstarter.happy-dev.fr">
- </kldb-search-results>
+ </coopedia-search-results>
</div>
</body>
</html>
diff --git a/js/connector-script.js b/js/connector-script.js
index bc35d4d1e90aa14419a7b1f631a11c1ba3251775..4823a3d062bd6187d6ae568c68bc0029374215af 100644
--- a/js/connector-script.js
+++ b/js/connector-script.js
@@ -52,7 +52,7 @@ function refreshPagination() {
}
/**
- * Manage the visual of the fake tabs in entrepreneur dashboard.
+ * Manage the visual of the fake tabs in searcher dashboard.
* @param {HTMLElement} elmnt - Active fake tab.
*/
function openFakeTab(elmnt) {
@@ -65,38 +65,37 @@ function openFakeTab(elmnt) {
}
// Show the specific tab content
- elmnt.classList.add("active");
+ elmnt.classList.toggle("active");
}
/**
- * Manage the accordion for step in entrepreneur dashboard
+ * Manage the accordion for step in searcher dashboard
*/
-function manageAccordionByStep() {
+function manageAccordionByStep(){
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
- acc[i].addEventListener("click", function () {
- if (this.classList.contains("active") == true) {
- this.classList.remove("active");
- this.nextElementSibling.querySelector(
- "sib-form + div"
- ).style.maxHeight = "0px";
- } else {
- this.classList.add("active");
- }
-
- this.closest(".step")
- .querySelector("nav")
- .removeAttribute("hidden");
- refreshPagination();
-
- var panel = this.nextElementSibling.querySelector("sib-form + div");
+ acc[i].addEventListener("click", function() {
+ console.log("Clicking on the div");
+ var panel = this.nextElementSibling.querySelector('div:first-of-type');
+ if (panel) {
+ if (this.classList.contains("active") == true) {
+ this.classList.remove("active");
+ panel.style.display = "none";
+ this.closest(".step")
+ .querySelector("nav")
+ .setAttribute("hidden", "hidden");
+ } else {
+ panel.style.display = "revert";
+ this.classList.add("active");
+
+ this.closest(".step")
+ .querySelector("nav")
+ .removeAttribute("hidden");
+ }
- if (panel.style.maxHeight) {
- panel.style.maxHeight = null;
- } else {
- panel.style.maxHeight = panel.scrollHeight + "px";
+ refreshPagination();
}
});
}
@@ -146,246 +145,66 @@ function inputHiddenManagement(field, field_search) {
* @param {HTMLElement} form - Hidden form to fullfill.
*/
function selectHiddenManagementForType(tab, form) {
- let type_hidden_field = form.querySelectorAll(
- 'hidden-widget[name="more_criterias_hidden"] select[name="type"]'
- );
-
if (tab.classList.contains("active")) {
- //Fullfill hidden field
+ // Get current selected tab data-src
let type_field_search = tab
- .querySelector(`sib-display`)
+ .querySelector(`solid-display`)
.getAttribute("data-src");
+ //Fullfill hidden field
+ let hidden_type_select = form.querySelector('select[name="type"]');
- type_hidden_field.forEach(function(select_hidden) {
- options_hidden = select_hidden.getElementsByTagName("option");
- for (let option_hidden of options_hidden) {
- option_hidden.removeAttribute("selected");
- if (option_hidden.value == '{"@id": "' + type_field_search + '"}') {
- //Actually selecting the option if it is the good one
- option_hidden.setAttribute("selected", "selected");
- select_hidden.setAttribute("value", option_hidden.value);
- }
+ hidden_options = hidden_type_select.getElementsByTagName("option");
+ for (let hidden_option of hidden_options) {
+ hidden_option.removeAttribute("selected");
+ if (hidden_option.value == '{"@id": "' + type_field_search + '"}') {
+ //Actually selecting the option if it is the good one
+ hidden_option.setAttribute("selected", "selected");
+ hidden_type_select.setAttribute("value", hidden_option.value);
+ hidden_type_select.value = hidden_option.value;
}
+ }
- //Trigerring a reload of the associated form
- let parent_form = select_hidden.closest("sib-form");
+ //Trigerring a reload of the associated form
+ let parent_form = hidden_type_select.closest("solid-form-search");
+ if (parent_form) {
parent_form.component.inputChange();
+ parent_form.dispatchEvent(new CustomEvent('formChange'));
refreshPagination();
- });
+ }
}
}
/**
* Init type to type 1
*/
-function InitManagementForType() {
- var forms = document.querySelectorAll(".resource_by_step");
-
- forms.forEach(form => {
- form.addEventListener(
- "populate",
- e => {
- window.setTimeout(() => {
- let type_hidden_field = form.querySelectorAll('select[name="type"]');
- type_hidden_field.forEach(function(select_hidden) {
- options_hidden = select_hidden.getElementsByTagName("option");
- for (let option_hidden of options_hidden) {
- option_hidden.removeAttribute("selected");
- if (option_hidden.value == '{"@id": "http://localhost:8000/types/1/"}') {
- //Actually selecting the option if it is the good one
- option_hidden.setAttribute("selected", "selected");
- select_hidden.setAttribute("value", option_hidden.value);
- }
- }
- //Trigerring a reload of the associated form
- let parent_form = select_hidden.closest("sib-form");
- parent_form.component.inputChange();
- refreshPagination();
- });
- });
- },
- 3000
- );
- });
+function InitManagementForType(timeout) {
+ setTimeout(function() {
+ var tabs = document.querySelectorAll(".tablink.filter_by_type");
+ tabs[0].click();
+ tabs[0].classList.add("active");
+ refreshPagination();
+ }, timeout);
}
-
/**
- * For entrepreneur dashboard only :
- * As we cannot have multiple imbricated filtering with the native sib-display, we manage it manually.
- * @param {String} resultsBlockId - Id of the element to update
- * @param {String} searchBlockId - Id of the filter block element
+ * For searcher dashboard only :
+ * As we cannot have multiple imbricated filtering with the native solid-display, we manage it manually.
+ * @param {String} targetId - Id of the element to update
+ * @param {String} targetId - Id of the form used to filter
*/
-function addProperFilterToSearchComponents(resultsBlockId, searchBlockId) {
- var baseElement = document.getElementById(resultsBlockId);
- var searchBaseElement = document.getElementById(searchBlockId);
- var forms = baseElement.querySelectorAll(".resource_by_step");
- forms.forEach(form => {
- form.addEventListener("populate", e => {
- //Manage fake tabs
- let tabs = baseElement.getElementsByClassName("filter_by_type");
- for (let tab of tabs) {
+function addProperFilterToSearchComponents(targetId, filterFormId) {
+ var baseElement = document.getElementById(targetId);
+
+ if (baseElement) {
+ // Adding default type management
+ var form = document.getElementById(filterFormId);
+ let tabs = baseElement.getElementsByClassName("filter_by_type");
+ for (let tab of tabs) {
+ tab.addEventListener("click", function() {
selectHiddenManagementForType(tab, form);
- }
-
- //Manage the pagination
- refreshPagination();
-
- //SEARCH BY KEYWORD
- //To retrieve keyword
- //https://git.happy-dev.fr/startinblox/framework/sib-core/issues/379
- //TODO: Wait for a solution to filter with multiple value with "OR" instead of "AND".
- let keyword_form = searchBaseElement.querySelectorAll(".search-by-keyword")[0];
- if (keyword_form) {
- let keyword_field = keyword_form.querySelector(
- `input[name="name_keyword"]`
- );
-
- if (keyword_field) {
- let keyword_submit = searchBaseElement.querySelectorAll(" .keyword_submit")[0];
- let keyword_hidden_fields = baseElement.querySelectorAll(
- 'hidden-widget[name="search_for_a_resource"] input'
- );
-
- keyword_submit.addEventListener("click", function () {
- keyword_hidden_fields.forEach(hidden_field => {
- hidden_field.setAttribute("value", keyword_field.value);
- hidden_field.value = keyword_field.value;
-
- let parent_form = hidden_field.closest("sib-form");
- parent_form.component.inputChange();
- refreshPagination();
- });
- });
- }
- }
-
- //SEARCH IN DATABASE INSTANCE ONLY
- let instance_only = searchBaseElement.querySelectorAll(
- ".instance_database_only"
- )[0];
- let checkbox_instance_only = instance_only.querySelector("input");
- if (checkbox_instance_only) {
- checkbox_instance_only.onclick = function () {
- if (this.checked) {
- //We have to retrieve all data-scr needed to make them pointed only on the instance.
- //How to?
- }
- };
- }
-
- //MORE CRITERIAS
- const more_criterias_form = searchBaseElement.querySelectorAll(
- ".more_criterias"
- )[0];
-
- // https://git.happy-dev.fr/startinblox/framework/sib-core/issues/453
- window.setTimeout(() => {
- //Manage fake tabs for type
- let tabs = baseElement.getElementsByClassName("filter_by_type");
- for (let tab of tabs) {
- tab.addEventListener("click", function () {
- selectHiddenManagementForType(tab, form);
- });
- }
-
- //To retrieve format
- let format_field_search = more_criterias_form.querySelector(
- `select[name="format"]`
- );
- let format_hidden_field = baseElement.querySelectorAll(
- 'hidden-widget[name="more_criterias_hidden"] select[name="format"]'
- );
-
- //TODO: The first time the event is not call.
- if (format_field_search) {
- format_field_search.onchange = function () {
- let option_selected = format_field_search.querySelector(
- "option:checked"
- );
-
- format_hidden_field.forEach(function (select_hidden) {
- selectHiddenManagement(select_hidden, option_selected);
- });
- };
- }
-
- //To retrieve language
- let language_field_search = more_criterias_form.querySelector(
- `select[name="language"]`
- );
- language_hidden_field = baseElement.querySelectorAll(
- 'hidden-widget[name="more_criterias_hidden"] select[name="language"]'
- );
-
- if (language_field_search) {
- language_field_search.onchange = function () {
- let option_selected = language_field_search.querySelector(
- "option:checked"
- );
-
- language_hidden_field.forEach(function (select_hidden) {
- selectHiddenManagement(select_hidden, option_selected);
- });
- };
- }
-
- //To retrieve field
- let field_field_search = more_criterias_form.querySelector(
- `select[name="fields"]`
- );
- let field_hidden_field = baseElement.querySelectorAll(
- 'hidden-widget[name="more_criterias_hidden"] select[name="fields"]'
- );
-
- if (language_field_search) {
- field_field_search.onchange = function () {
- let option_selected = field_field_search.querySelector(
- "option:checked"
- );
-
- field_hidden_field.forEach(function (select_hidden) {
- selectHiddenManagement(select_hidden, option_selected);
- });
- };
- }
-
- //To retrieve year of publication
- //WARNING: If the user want to select "20" to get 21century made, he will get no result.
- //I think it is a UX problem.
- let year_field_search = more_criterias_form.querySelector(
- `input[name="publication_year"]`
- );
- let year_hidden_fields = baseElement.querySelectorAll(
- 'hidden-widget[name="more_criterias_hidden"] input[name="publication_year"]'
- );
-
- if (year_field_search) {
- year_field_search.addEventListener("input", function () {
- year_hidden_fields.forEach(field => {
- inputHiddenManagement(field, year_field_search, form);
- });
- });
- }
-
- //To retrieve the country
- let country_field_search = more_criterias_form.querySelector(
- `input[name="country"]`
- );
- let country_hidden_fields = baseElement.querySelectorAll(
- 'hidden-widget[name="more_criterias_hidden"] input[name="country"]'
- );
-
- if (country_field_search) {
- country_field_search.addEventListener("input", function () {
- country_hidden_fields.forEach(field => {
- inputHiddenManagement(field, country_field_search, form);
- });
- });
- }
- }, 1000);
- });
- });
+ });
+ }
+ }
}
@@ -399,7 +218,11 @@ function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}
r(function(){
refreshPagination();
- addProperFilterToSearchComponents("kldb-search-results-component", "kldb-search-box-component");
+ addProperFilterToSearchComponents("coopedia-search-results-component", "coopedia-search-box-component");
+ window.setTimeout( function() {
+ manageAccordionByStep();
+ }, 3000);
+ InitManagementForType(3000);
});
diff --git a/search-box.js b/search-box.js
index b0936f960209d31d515ac3f420679bae39ae8a0e..1044fb7afa152c6c02cc449197eff73613741471 100644
--- a/search-box.js
+++ b/search-box.js
@@ -1,11 +1,12 @@
-import { SolidTemplateElement, Helpers } from 'https://unpkg.com/@startinblox/core@beta';
+import { SolidTemplateElement, Helpers } from 'https://cdn.skypack.dev/@startinblox/core@0.15';
// Dev Mode
const base_url = import.meta.url.replace(/\/[^\/]*$/, '');
// const base_url = "https://unpkg.com/@startinblox/kldb-searchbox@0.1";
+Helpers.importCSS(`${base_url}/css/variables.css`);
Helpers.importCSS(`${base_url}/css/main.css`);
-export class KLDBSearchBox extends SolidTemplateElement {
+export class CoopediaSearchBox extends SolidTemplateElement {
constructor() {
super();
this.loaderID = Helpers.uniqID();
@@ -27,7 +28,20 @@ export class KLDBSearchBox extends SolidTemplateElement {
let sourceUrl = dataSrc;
return `
- <div id="kldb-search-box-component" class="container coopedia-kldb">
+ <solid-widget name="cs-display-select">
+ <template
+ ><label class="searchInstanceName"
+ >Search in {instance name} database only</label
+ ><span
+ ><input
+ class="searchLocalInstance"
+ type="checkbox"
+ name="searchLocalInstance"
+ /><label class="checkbox" for="searchLocalInstance">Yes</label></span
+ >
+ </template>
+ </solid-widget>
+ <div id="coopedia-search-box-component" class="container coopedia-kldb">
<container class="block_list flex flex_espace">
<div class="w_75 block-g-entre">
<div>
@@ -37,7 +51,7 @@ export class KLDBSearchBox extends SolidTemplateElement {
class="more_criterias flex flex_espace"
id="public-filter-form"
data-src="${sourceUrl}/resources/"
- fields="resources_search, format, publication_year, country, languages, fields, type"
+ fields="resources_search, format, publication_year, country, languages, fields, type, databaseSearch"
label-header_criterias="${this.localize('label.more_criterias')}"
label-format="${this.localize('label.format')}"
label-publication_year="${this.localize('label.publication_date')}"
@@ -50,14 +64,16 @@ export class KLDBSearchBox extends SolidTemplateElement {
range-format="${sourceUrl}/formats/"
range-country="${sourceUrl}/countrys/"
range-type="${sourceUrl}/types/"
+ value-type='{"@id": "${sourceUrl}/types/1/"}'
widget-type="solid-form-dropdown-label"
widget-country="solid-form-dropdown-label"
widget-languages="solid-form-dropdown-label"
widget-format="solid-form-dropdown-label"
- widget-fields="solid-form-dropdown-label"
+ widget-fields="solid-form-dropdown-label"
+ widget-databaseSearch="cs-display-select"
class-resources_search="w_100"
- naked>
- </solid-form-search>
+ submit-button="Search for a resource"
+ ></solid-form-search>
</div>
</container>
</div>
@@ -65,4 +81,4 @@ export class KLDBSearchBox extends SolidTemplateElement {
}
}
-customElements.define('kldb-search-box', KLDBSearchBox);
+customElements.define('coopedia-search-box', CoopediaSearchBox);