diff --git a/css/main.css b/css/main.css index 7924a6df5c5124d69e80d532aa98230e9cda6f57..f36d668f099946ee08a1d25a747716648cc16eb2 100644 --- a/css/main.css +++ b/css/main.css @@ -13,9 +13,9 @@ } .coopedia-kldb .coopedia-kldb .flex, -.coopedia-kldb sib-set-default, +.coopedia-kldb solid-set-default, .coopedia-kldb #resources-history>div div, -.coopedia-kldb #entrepreneur-new-account sib-form form { +.coopedia-kldb #entrepreneur-new-account solid-form form { display : flex; flex-direction : row; flex-wrap : wrap; @@ -23,13 +23,13 @@ } .coopedia-kldb .coopedia-kldb .flex_espace, -.coopedia-kldb sib-set-default, +.coopedia-kldb solid-set-default, .coopedia-kldb #resources-history>div div, -.coopedia-kldb #entrepreneur-new-account sib-form form { +.coopedia-kldb #entrepreneur-new-account solid-form form { justify-content: space-between; } -.coopedia-kldb .coopedia-kldb sib-set-default[name="actions"] { +.coopedia-kldb .coopedia-kldb solid-set-default[name="actions"] { justify-content: flex-end; } @@ -123,7 +123,7 @@ .coopedia-kldb #mentor-resource-detail a, .coopedia-kldb #entrepreneur-resource-detail a, .coopedia-kldb #mentor-resource-validate a, -.coopedia-kldb .sib-conversation form input[type="submit"], +.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); @@ -145,7 +145,7 @@ .coopedia-kldb #mentor-resource-detail a:hover, .coopedia-kldb #mentor-resource-validate a:hover, .coopedia-kldb #entrepreneur-resource-detail a:hover, -.coopedia-kldb .sib-conversation form input[type="submit"]: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); @@ -177,7 +177,7 @@ margin: 0 0 1rem 0; } -p { +.coopedia-kldb p { font-size : 1.6rem; color : var(--clr-typo-base); font-family: 'var(--typo-btn)'; @@ -191,7 +191,7 @@ p { } .coopedia-kldb .backlink, -.coopedia-kldb .broken sib-link { +.coopedia-kldb .broken solid-link { display : inline-block; color : var(--clr-typo-base); font-size : 1.4rem; @@ -203,7 +203,7 @@ p { } .coopedia-kldb .backlink:hover, -.coopedia-kldb .broken sib-link:hover { +.coopedia-kldb .broken solid-link:hover { color: var(--bg-btn-base); } @@ -449,26 +449,26 @@ p { display : block; } -.coopedia-kldb sib-form-label-text, -.coopedia-kldb sib-multiple-select, -.coopedia-kldb sib-form-dropdown, -.coopedia-kldb sib-form-auto-completion, -.coopedia-kldb sib-form-number { +.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 sib-multiple-select>sib-form-auto-completion { +.coopedia-kldb solid-multiple-select>solid-form-auto-completion { width: 100%; } -.coopedia-kldb sib-form-label-text[name="linkedin"], -.coopedia-kldb sib-form-label-text[name="twitter"] { +.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 sib-form-textarea { +.coopedia-kldb solid-form-textarea { display: block; width : 100%; } @@ -573,11 +573,11 @@ p { cursor : pointer; } -.coopedia-kldb sib-form-label-text[name="iframe_link"] div { +.coopedia-kldb solid-form-label-text[name="iframe_link"] div { position: relative; } -.coopedia-kldb sib-form-label-text[name="iframe_link"] div:before { +.coopedia-kldb solid-form-label-text[name="iframe_link"] div:before { content : ""; display : block; width : 19px; @@ -735,7 +735,7 @@ header span.ico_search input { padding-right: 3rem; } -.coopedia-kldb header#header sib-form-dropdown>label>div { +.coopedia-kldb header#header solid-form-dropdown>label>div { display: none; } @@ -810,7 +810,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ margin: 0; } -#header .flex .dropdownPanel sib-link, +#header .flex .dropdownPanel solid-link, .coopedia-kldb #header .flex .dropdownPanel p, .coopedia-kldb #header .flex .dropdownPanel a { display : block; @@ -822,14 +822,14 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ text-align : center; } -#header .flex .dropdownPanel sib-link p, +#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 sib-link:hover, +#header .flex .dropdownPanel solid-link:hover, .coopedia-kldb #header .flex .dropdownPanel a:hover { background: #2D3132; } @@ -882,7 +882,7 @@ h2.title_create { XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX PAGE CREATE COMPTE ENTREPRISE XXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ -.coopedia-kldb #entrepreneur-new-account sib-form form input[type="submit"] { +.coopedia-kldb #entrepreneur-new-account solid-form form input[type="submit"] { margin-top: 10rem; } @@ -916,9 +916,9 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ display : block; } -#kldb-search-box-component container sib-form-placeholder-text[name="name_keyword"], -.coopedia-kldb #public-resource-list container sib-form-placeholder-text[name="name_keyword"], -.coopedia-kldb #mentor-database container sib-form-placeholder-text[name="name_keyword"] { +#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%; } @@ -1030,22 +1030,22 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ color : #5DC6F2; } -#kldb-search-box-component container .step div sib-display div, -.coopedia-kldb #public-resource-list container .step div sib-display div, -.coopedia-kldb #mentor-database container .step div sib-display div { +#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 sib-display:nth-child(odd) div, -.coopedia-kldb #public-resource-list container .step div sib-display:nth-child(odd) div, -.coopedia-kldb #mentor-database container .step div sib-display:nth-child(odd) div { +#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 sib-display:nth-child(even) div, -.coopedia-kldb #public-resource-list container .step div sib-display:nth-child(even) div, -.coopedia-kldb #mentor-database container .step div sib-display:nth-child(even) div { +#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; } @@ -1204,19 +1204,19 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ cursor: pointer; } -.coopedia-kldb .tabcontent sib-display>div>sib-display>div { +.coopedia-kldb .tabcontent solid-display>div>solid-display>div { padding: 20px; } -.coopedia-kldb .tabcontent sib-display>div>sib-display:nth-of-type(odd)>div { +.coopedia-kldb .tabcontent solid-display>div>solid-display:nth-of-type(odd)>div { background-color: #ECF1FB; } -.coopedia-kldb .tabcontent sib-display>div>sib-display:nth-of-type(even)>div { +.coopedia-kldb .tabcontent solid-display>div>solid-display:nth-of-type(even)>div { background-color: white; } -.coopedia-kldb sib-set-default[name="content"]>* { +.coopedia-kldb solid-set-default[name="content"]>* { display : block; width : 100%; text-align : left; @@ -1229,7 +1229,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ font-size: 1.6rem; } -.coopedia-kldb #resources-history sib-set-default { +.coopedia-kldb #resources-history solid-set-default { margin-bottom: 4rem; } @@ -1246,7 +1246,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ padding-bottom: .5rem; } -.coopedia-kldb sib-display#pending-resources div { +.coopedia-kldb solid-display#pending-resources div { clear: both; } @@ -1274,13 +1274,13 @@ cs-display-resource-property.contenu_list p { margin-right: 1rem; } -.coopedia-kldb sib-display-value, -.coopedia-kldb sib-multiple label, +.coopedia-kldb solid-display-value, +.coopedia-kldb solid-multiple label, .coopedia-kldb cs-resource-status div { font-weight: bold; } -.coopedia-kldb sib-multiple label { +.coopedia-kldb solid-multiple label { margin-right: 1rem; } @@ -1307,7 +1307,7 @@ cs-display-resource-property.contenu_list p { color: var(--clr-roll-black); } -.coopedia-kldb sib-multiple label, +.coopedia-kldb solid-multiple label, .coopedia-kldb cs-resource-status[name="review.status"]+* { float: left; width: auto; @@ -1320,7 +1320,7 @@ cs-display-resource-property.contenu_list p { cursor : pointer; } -.coopedia-kldb #pending-resources>div sib-display[label-validate="Check ->"]>div { +.coopedia-kldb #pending-resources>div solid-display[label-validate="Check ->"]>div { display : flex; justify-content: space-between; } @@ -1329,22 +1329,22 @@ cs-display-resource-property.contenu_list p { margin: 0; } -.coopedia-kldb #pending-resources sib-set-default[name="content"] sib-display-value { +.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 sib-set-default[name="info"] { +.coopedia-kldb #pending-resources solid-set-default[name="info"] { justify-content: flex-start; } -#pending-resources sib-set-default[name="info"] cs-display-resource-property { +#pending-resources solid-set-default[name="info"] cs-display-resource-property { margin-right: 0rem; } -#pending-resources sib-set-default[name="info"] cs-display-resource-property p, -.coopedia-kldb #pending-resources sib-set-default[name="info"] cs-display-resource-property b { +#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; } @@ -1358,17 +1358,17 @@ cs-display-resource-property.contenu_list p { font-family: "var(--typo-btn)"; } -.coopedia-kldb .request_accordion sib-set-default[name="info"] { +.coopedia-kldb .request_accordion solid-set-default[name="info"] { justify-content: flex-start; } -.request_accordion sib-set-default[name="info"] cs-display-resource-property { +.request_accordion solid-set-default[name="info"] cs-display-resource-property { margin-right: 7rem; float : left; } -.request_accordion sib-set-default[name="info"] cs-display-resource-property p, -.coopedia-kldb .request_accordion sib-set-default[name="info"] cs-display-resource-property b { +.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; } @@ -1378,23 +1378,23 @@ cs-display-resource-property.contenu_list p { top : 35%; } -.coopedia-kldb #requests sib-multiple { +.coopedia-kldb #requests solid-multiple { margin-right: 7rem; } -#requests sib-multiple label, -.coopedia-kldb #requests sib-multiple cs-display-multiple-property[name="fields"] p { +#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 sib-multiple cs-display-multiple-property[name="fields"] { +#requests solid-multiple cs-display-multiple-property[name="fields"] { float: left; } -.coopedia-kldb .request_accordion sib-set-default cs-validate-action div { +.coopedia-kldb .request_accordion solid-set-default cs-validate-action div { position: relative; top : -1rem; } @@ -1426,13 +1426,13 @@ cs-display-resource-property.contenu_list p { transform: rotate(180deg); } -.coopedia-kldb .accordion:not(.active)+.panel sib-form+div { +.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 sib-form+div { +.coopedia-kldb .accordion.active+.panel solid-form+div { overflow : hidden; transition: max-height 0.2s ease-out; max-height: 1500px; @@ -1473,19 +1473,19 @@ cs-display-resource-property.contenu_list p { clear: both; } -.coopedia-kldb sib-set-default[name="submitter_info"] { +.coopedia-kldb solid-set-default[name="submitter_info"] { display: block; } -sib-set-default[name="submitter_info"] cs-display-resource-property:first-child b { +solid-set-default[name="submitter_info"] cs-display-resource-property:first-child b { display: block; } -sib-set-default[name="submitter_info"] cs-display-resource-property[name="skills"] p { +solid-set-default[name="submitter_info"] cs-display-resource-property[name="skills"] p { margin-bottom: 2rem; } -sib-set-default[name="submitter_info"] p { +solid-set-default[name="submitter_info"] p { font-size : 1.4rem; margin-bottom: 1rem; color : #3D424A; @@ -1524,10 +1524,10 @@ sib-set-default[name="submitter_info"] p { top: 2rem; } -#confirm_suppress sib-link.backlink, -.coopedia-kldb #confirm_status_change sib-link.backlink, -.coopedia-kldb #resource-validation-process sib-link.backlink, -#resource-validation-process-confirmation sib-link.backlink { +#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; } @@ -1737,23 +1737,23 @@ sib-set-default[name="submitter_info"] p { } #mentor-resource-detail cs-display-link *, -.coopedia-kldb #mentor-resource-detail sib-link, +.coopedia-kldb #mentor-resource-detail solid-link, .coopedia-kldb #entrepreneur-resource-detail cs-display-link *, -.coopedia-kldb #entrepreneur-resource-detail sib-link, +.coopedia-kldb #entrepreneur-resource-detail solid-link, .coopedia-kldb #mentor-resource-validate cs-display-link *, -.coopedia-kldb #mentor-resource-validate sib-link, +.coopedia-kldb #mentor-resource-validate solid-link, .coopedia-kldb #entrepreneur-request-create cs-display-link *, -.coopedia-kldb #entrepreneur-request-create sib-link, +.coopedia-kldb #entrepreneur-request-create solid-link, .coopedia-kldb #public-resource-detail cs-display-link *, -.coopedia-kldb #public-resource-detail sib-link { +.coopedia-kldb #public-resource-detail solid-link { margin: 0; } -#mentor-resource-detail .broken sib-link, -.coopedia-kldb #entrepreneur-resource-detail .broken sib-link, -.coopedia-kldb #mentor-resource-validate .broken sib-link, -.coopedia-kldb #entrepreneur-request-create .broken sib-link, -.coopedia-kldb #public-resource-detail .broken sib-link { +#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; } @@ -1803,8 +1803,8 @@ sib-set-default[name="submitter_info"] p { margin : 0; } -.coopedia-kldb sib-set-default[name="specifications"]>cs-display-resource-property, -.coopedia-kldb sib-set-default[name="specifications"]>sib-multiple { +.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%; @@ -1814,19 +1814,19 @@ sib-set-default[name="submitter_info"] p { margin-top: 1px; } -sib-set-default[name="specifications"]>cs-display-resource-property p, -sib-set-default[name="specifications"]>sib-multiple p { +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 .sib-conversation div.conversation-form { +.coopedia-kldb .solid-conversation div.conversation-form { border : none; position: relative; } -.coopedia-kldb div.sib-conversation textarea { +.coopedia-kldb div.solid-conversation textarea { border-radius: 0; background : white; height : 4.5rem; @@ -1834,7 +1834,7 @@ sib-set-default[name="specifications"]>sib-multiple p { font-size : 1.6rem; } -.coopedia-kldb div.sib-conversation div.conversation-form:before { +.coopedia-kldb div.solid-conversation div.conversation-form:before { content : "\f27a"; font-family: "Font Awesome 5 pro"; font-weight: 900; @@ -1847,11 +1847,11 @@ sib-set-default[name="specifications"]>sib-multiple p { color : var(--bg-btn-base); } -.coopedia-kldb .sib-conversation form { +.coopedia-kldb .solid-conversation form { overflow: hidden; } -.sib-conversation form input[type="submit"] { +.solid-conversation form input[type="submit"] { float: right; } @@ -1960,11 +1960,11 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ top : 1.7rem; } - #mentor-resource-detail .broken sib-link, - .coopedia-kldb #entrepreneur-resource-detail .broken sib-link, - .coopedia-kldb #mentor-resource-validate .broken sib-link, - .coopedia-kldb #entrepreneur-request-create .broken sib-link, - .coopedia-kldb #public-resource-detail .broken sib-link { + #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; } @@ -1976,9 +1976,9 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ padding: 1rem 1rem 30% 1rem; } - #entrepreneur-resource-detail sib-set-default[name="content"], - #mentor-resource-detail sib-set-default[name="content"], - #public-resource-detail sib-set-default[name="content"] { + #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%; } @@ -2053,11 +2053,11 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ left: 0; } - .sib-conversation [name="conversation-wrapper"], - .sib-conversation [name="message-wrapper"], - sib-display[nested-field="conversations"], - sib-display[nested-field="dislikes"], - sib-display[nested-field="likes"] { + .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; } } @@ -2099,11 +2099,11 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ margin: 2rem; } - sib-form-label-text, - .coopedia-kldb sib-multiple-select, - .coopedia-kldb sib-form-dropdown, - .coopedia-kldb sib-form-auto-completion, - .coopedia-kldb sib-form-number { + 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%; } @@ -2111,12 +2111,12 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ margin: 1rem; } - sib-set-default[name="specifications"] { + solid-set-default[name="specifications"] { flex-direction: column; } - sib-set-default[name="specifications"]>cs-display-resource-property, - .coopedia-kldb sib-set-default[name="specifications"]>sib-multiple { + solid-set-default[name="specifications"]>cs-display-resource-property, + .coopedia-kldb solid-set-default[name="specifications"]>solid-multiple { width: 100%; }