+
+
+
+
-
-
-
+
\ No newline at end of file
diff --git a/app/src/main/assets/Homepage/homepage.html b/app/src/main/assets/Homepage/homepage.html
index f495e8d9..c458ed6c 100644
--- a/app/src/main/assets/Homepage/homepage.html
+++ b/app/src/main/assets/Homepage/homepage.html
@@ -1,148 +1,120 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
+
+
+
+
+
-
-
-
+
\ No newline at end of file
diff --git a/app/src/main/assets/Homepage/javascript/js-homepage-dark.js b/app/src/main/assets/Homepage/javascript/js-homepage-dark.js
index fdff7bcc..00b710e1 100644
--- a/app/src/main/assets/Homepage/javascript/js-homepage-dark.js
+++ b/app/src/main/assets/Homepage/javascript/js-homepage-dark.js
@@ -22,7 +22,7 @@ class homepage {
var mIDCounter = 0;
Object.keys(mOBJ).forEach(function(key) {
var mObject = mOBJ[key];
- mReferenceHTML += '
'+mObject[ReferenceWebsitesDataID.mBody]+'
'
+ mReferenceHTML += '
' + mObject[ReferenceWebsitesDataID.mBody] + '
Status | running
'
mIDCounter+=1;
});
diff --git a/app/src/main/assets/Homepage/javascript/js-homepage.js b/app/src/main/assets/Homepage/javascript/js-homepage.js
index e1f665bd..c21d04a4 100644
--- a/app/src/main/assets/Homepage/javascript/js-homepage.js
+++ b/app/src/main/assets/Homepage/javascript/js-homepage.js
@@ -15,14 +15,14 @@ class homepage {
}
onLoadReferenceWebsiteContent(mJson){
- var mResponseJson = mJson;
+ var mResponseJson = mJson;
var mOBJ = JSON.parse(mResponseJson);
var mReferenceHTML = strings.emptyString;
var mIDCounter = 0;
Object.keys(mOBJ).forEach(function(key) {
var mObject = mOBJ[key];
- mReferenceHTML += '
'+mObject[ReferenceWebsitesDataID.mBody]+'
'
+ mReferenceHTML += '
' + mObject[ReferenceWebsitesDataID.mBody] + '
Status | running
'
mIDCounter+=1;
});
diff --git a/app/src/main/assets/Homepage/style/cs-homepage-dark.css b/app/src/main/assets/Homepage/style/cs-homepage-dark.css
deleted file mode 100644
index e269957c..00000000
--- a/app/src/main/assets/Homepage/style/cs-homepage-dark.css
+++ /dev/null
@@ -1,347 +0,0 @@
-/*Search*/
-body{
- opacity: 0;
- transition: opacity 0s;
- -webkit-transition: opacity 0s; /* Safari */
-}
-
-.body_fadein {
- opacity: 1;
- transition-duration: 0.5s;
- transition-property: opacity;
-}
-
-.line-style {
- border: 0;
- height: 1px;
- background-image: -webkit-linear-gradient(left, #212121, #0d0d0d, #212121);
- background-image: -moz-linear-gradient(left, #212121, #0d0d0d, #212121);
- background-image: -ms-linear-gradient(left, #212121, #0d0d0d, #212121);
- background-image: -o-linear-gradient(left, #212121, #0d0d0d, #212121);
- width:40% !important;
- max-width:500px !important;
-}
-
-.hi_background{
- background-color : #1c1b21 !important;
-}
-
-.clear_selection{
- moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select:none;
- user-select:none;
- -o-user-select:none;
-}
-
-#hi_search_container {
- margin-top:15vh;
- margin-bottom: -25px;
-}
-
-@media only screen and (max-width: 943px) {
- #hi_search_container {
- margin-top:9vh;
- }
-}
-
-.hi_logo_text{
- max-width: 450px;
- width: 90%;
- height: auto;
- display: block;
- margin-top: -20px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 10px;
-}
-
-@media only screen and (max-width: 943px) {
- .hp_logo_text {
- max-width: 380px;
- }
-}
-
-.hi_logo_image{
- max-width: 150px;
- width: 30%;
- height: auto;
- display: block;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 00px;
-}
-
-@media only screen and (max-width: 943px) {
- .hi_logo_image {
- max-width: 100px;
- }
-}
-
-.hi_search__logo{
- text-align: center;
- color: lightblue;
- margin-bottom: -17px;
- font-style: normal;
- font-variant: normal;
- line-height: 26px;
- font-family: helvetica, monospace;
- font-weight:bold;
-}
-
-.hi_search__search-box{
- border-radius: 6px !important;
- align-self: center;
- height:42px !important;
- outline: none;
- color:#cccccc !important;
- border-color: #3c3946 !important;
- width:91% !important;
- max-width: 575px;
- display:block;
- font:16px arial,sans-serif;
- color: black;
- padding-left:22px;
- margin: 0 auto 5px;
- background: #474554 !important;
-
- box-shadow: 0 1px 1px 0 #535062;
- -webkit-transition: .0s;
- -moz-transition: .0s;
- -o-transition: .0s;
- transition: .0s;
-}
-
-.hi_reference{
- align-self: center;
- height:auto;
- padding: 10px;
- padding-bottom: 0px;
- border-radius: 6px;
- outline: none;
-
- border: 1px solid #19181b;
- box-shadow: 0 3px 3px 0 #0f0e11;
- width:91% !important;
- max-width: 575px;
- display:block;
- font:16px arial,sans-serif;
- color: black;
- margin: 0 auto 0px;
- margin-top: -15px;
- margin-bottom: 35px;
-
- -webkit-transition: .0s;
- -moz-transition: .0s;
- -o-transition: .0s;
- transition: .0s;
-}
-
-@media only screen and (max-width: 943px) {
- .hi_search__search-box {
- margin-top: 30px;
- }
-}
-
-.hi_search__search-box:hover {
- box-shadow: 0 4px 4px -1.5px #1c1b21;
- -webkit-transition: .07s linear 0s;
- -moz-transition: .07s linear 0s;
- -o-transition: .07s linear 0s;
- transition: .07s linear 0s
-}
-
-.hi_search__search-box:focus{
- box-shadow: 0 4px 4px -1.5px #1c1b21 !important;
- -webkit-transition: .07s linear 0s !important;;
- -moz-transition: .07s linear 0s !important;;
- -o-transition: .07s linear 0s !important;;
- transition: .07s linear 0s !important;
-}
-
-/*footer-bar style*/
-.hi_search__logo{
- margin:0 auto;
- display:block;
- width: 90%;
- max-width: 400px;
-
-}
-
-.hi_search__language-text{
- font-size: 14px;
- text-align:center;
- margin-top: 25px;
- padding-top: 3px
-}
-
-@media only screen and (max-width: 943px) {
- .hi_search__language-text {
- margin-top: 0px;
- }
-}
-
-.hi_search__language-name{
- color:#7173f8;
-}
-
-.hi_search__search-button{
- margin-top: 12px;
- background-color:#f2f2f2;
- height: 35px;
- width:110%;
- text-align:center;
- max-width: 130px;
- border-width: 0;
- color:#6c6c6c;
- font-size: 14px;
-}
-
-@media only screen and (max-width: 943px) {
- .hi_search__search-button {
- width: 0;
- height: 0;
- visibility: hidden;
- }
-}
-
-.hi_search__button-container{
- display:block;
- text-align: center;
- width: 100% !important;
-}
-
-.hi_search__search-button--left-spacing{
- margin-left: 0
-}
-
-/* Homepage Search Buttons */
-.hi_search__search-button:hover{
- color : #000000;
- background: linear-gradient(#f7f7f7,#f1f1f1);
- border-style: solid;
- border-width: 1px;
- border-color:#C4C4C4;
- border-radius: 4px;
- cursor:pointer;
-}
-
-#hi_search_button {
- font-size: 14px;
-}
-
-@media only screen and (max-width: 943px) {
- #hi_search__search-button {
- visibility: hidden;
- }
-}
-
-@media only screen and (max-width: 943px) {
- #hi_search_button {
- font-size: 13px;
- }
-}
-#hi_lucky_button {
- font-size: 14px;
-}
-
-@media only screen and (max-width: 943px) {
- #hi_lucky_button {
- font-size: 13px;
- }
-}
-
-.hi_reference_website{
- cursor: pointer;
-}
-
-.hi_container_size
-{
- min-height: 100% !important;
-}
-
-@media only screen and (max-width: 943px) {
- .hi_container_size {
- }
-}
-
-
-.hi_loader {
- border: 4px solid #f3f3f3;
- border-radius: 50%;
- border-top: 4px solid #3498db;
- width: 30px;
- float: left;
- height: 30px;
- -webkit-animation: spin 2s linear infinite; /* Safari */
- animation: spin 2s linear infinite;
-}
-
-.hi_loader_item{
- height:10px;
- border-width:0;
- color:gray;
- background-color:#0d0d0d;
-}
-
-.hi_reference_body{
- margin-left: 0px;
- line-height: 18px;
- margin-top: 15px;
- color: #f0f0f0;
- font-size: 14px;
-}
-
-.hi_reference_header{
- margin-left: 50px;
- padding-left: 10px;
- border-left: 4px solid #161617 !important;
- font-weight: bold;
- font-size: 16px;
- color: #8cb3d9;
- height: 40px;
- padding-top:9px;
-}
-
-.hi_image_container{
- width: 40px;
- height: 40px;
- border-radius: 100px;
- float: left;
- background-color: #1a2f42;
- display: flex;
-}
-
-.hi_reference_image{
- max-width: 22px; /* Or whatever */
- max-height: 22px; /* Or whatever */
- margin: auto; /* Magic! */
- border-radius: 4px;
-
- float:left;
- font-size: 20px;
- color: #bfbfbf;
- font-weight: bold;
-}
-
-line-style
-/* Safari */
-@-webkit-keyframes spin {
- 0% { -webkit-transform: rotate(0deg); }
- 100% { -webkit-transform: rotate(360deg); }
-}
-
-@keyframes spin {
- 0% { transform: rotate(0deg); }
- 100% { transform: rotate(360deg); }
-}
-
-.show {
- opacity: 1;
- transition: opacity 500ms;
-}
-
-.hide {
- opacity: 0;
- transition: opacity 350ms;
-}
\ No newline at end of file
diff --git a/app/src/main/assets/Homepage/style/cs-footer.css b/app/src/main/assets/Homepage/style/home/cs-footer.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-footer.css
rename to app/src/main/assets/Homepage/style/home/cs-footer.css
diff --git a/app/src/main/assets/Homepage/style/cs-home-header-blade.css b/app/src/main/assets/Homepage/style/home/cs-home-header-blade.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-home-header-blade.css
rename to app/src/main/assets/Homepage/style/home/cs-home-header-blade.css
diff --git a/app/src/main/assets/Homepage/style/home/cs-homepage.css b/app/src/main/assets/Homepage/style/home/cs-homepage.css
new file mode 100644
index 00000000..16fbf111
--- /dev/null
+++ b/app/src/main/assets/Homepage/style/home/cs-homepage.css
@@ -0,0 +1,366 @@
+.home
+{
+ margin-left: -2px;
+ min-height: auto;
+}
+.home__logo{
+ max-width: 500px;
+ width: 90%;
+ height: auto;
+ display: block;
+ margin: 5% auto 10px;
+}
+.home__searchbox{
+ border-radius: 6px;
+ height:42px;
+ outline: none;
+ border-color: #e7e7e7;
+ width:97.9%;
+ max-width: 575px;
+ display:block;
+ font:16px arial,sans-serif;
+ color: black;
+ padding-left:13px;
+ box-shadow: 0 1px 1px 0 #e6e6e6;
+ -moz-transition: .0s;
+ transition: .0s;
+ margin: 20px auto 5px;
+}
+.home__searchbox:hover {
+ box-shadow: 0 4.5px 4.5px -1.5px #e6e6e6;
+ -moz-transition: .07s linear 0s;
+ transition: .07s linear 0s
+}
+.home__searchbox:focus{
+ box-shadow: 0 4.5px 4.5px -1.5px #e6e6e6;
+ -moz-transition: .07s linear 0s;
+ transition: .07s linear 0s
+}
+.home__search-button-container{
+ display:block;
+ text-align: center;
+ width: 43%;
+ margin: 30px auto 0;
+}
+.home__search-button{
+ margin-top: 12px;
+ height: 40px;
+ width:110%;
+ text-align:center;
+ max-width: 130px;
+ border-radius: 6px;
+ border-width: 0;
+ color:#6c6c6c;
+ font-size: 15px;
+ background-color:#f5f5f5;
+}
+.search-content__info-danger{
+ box-shadow: 0 4px 4px -1.5px #1a1a1a;
+ background: #333333;
+ padding: 20px;
+ height: auto;
+ margin: 0;
+ border-radius: 7px 7px 7px 7px;
+}
+.search-content__info-danger-header{
+ color: orange;
+ width: 100%;
+ line-height: 30px;
+ text-align: left;
+ font-size: 20px;
+ font-weight: bold;
+}
+.search-content__info-danger-body{
+ color: #ffffff;
+ text-align: left;
+}
+.search-content__button-container{
+ width: 99%;
+ margin: 10px auto auto;
+}
+.search-content__button{
+ box-shadow: 0 4px 4px -1.5px #1a1a1a !important;
+ background: #333333 !important;
+ color: #ffffff !important;;
+ border: 0 !important;;
+ font-weight: bold !important;;
+ font-size: 14px !important;;
+ border-radius: 7px !important;;
+ width: 100% !important;;
+ height: 50px !important;;
+ display:block !important;;
+}
+.search-content__button--margin-auto{
+ margin: 0 auto;
+}
+.search-content__button--margin-top{
+ margin: 10px auto 5px;
+}
+.home__search-button:hover{
+ background: linear-gradient(#f7f7f7,#f1f1f1);
+ border-width: 1px;
+ border-color:#C4C4C4;
+ border-style: solid;
+ cursor:pointer;
+}
+.home__search-button--right-spacing{
+ margin-left: 10px;
+}
+.home__search-button--lucky-visibility {
+ visibility: visible;
+}
+.home__search-button--left-spacing{
+ margin-left: 5px;
+}
+.home__line-style {
+ display: none;
+ margin-bottom: 20px;
+}
+.home__reference_links{
+ color:#bfbfbf;
+ text-align: center;
+ font-size: 13.5px;
+ max-width: 460px;
+ font-weight: bold;
+ border: 1px solid #e6e6e6;
+ border-radius: 5px;
+ padding-top: 14px;
+ padding-bottom: 14px;
+ margin: 10px auto 50px;
+ width: 89%;
+}
+.home__reference_container{
+ margin-top: 40px;
+ width: 75%;
+ margin-left: auto;
+ margin-right: auto;
+}
+.home__reference_wrapper {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 10px;
+}
+.home__reference{
+ align-self: center;
+ height:180px;
+ padding: 10px 0 0;
+ border-radius: 8px;
+ outline: none;
+ border: 1px solid #f0f0f0;
+ box-shadow: 0 3px 3px 0 #cccccc;
+ width:88.6%;
+ max-width: 575px;
+ display:block;
+ font:16px arial,sans-serif;
+ color: black;
+ margin: -15px auto 45px;
+ margin-left:21.5px;
+ border-bottom: 6px solid #f9f9f9;
+ background: #f9f9f9;
+}
+.home__reference:hover{
+ animation-name: home__reference-animate-hover;
+ animation-duration: 4s;
+ animation-fill-mode: forwards;
+ transition: border-bottom-color 0.25s ease-in-out;
+ border-bottom: 6px solid #548ec4;
+}
+@keyframes home__reference-animate-hover {
+ 10% {
+ background-color: #f0f4fa;
+ }
+ 100% {
+ background-color: #f0f4fa;
+ }
+}
+.home__reference--header{
+ font-weight: bold;
+ text-align: center;
+ font-size: 14px;
+ color: #ffffff;
+ cursor: pointer;
+ width: auto;
+ border-top-right-radius: 8px;
+ border-bottom-right-radius: 8px;
+ float: left;
+ margin-top: 10px;
+ border-left: 6px solid #a0c0de;
+ background-color: #b3cde5;
+ margin-left: -1px;
+ display: flex;
+ padding: 10.5px 20px 10.5px 10px;
+}
+.home__reference_info{
+ margin-left: 15px;
+ margin-right: 15px;
+ line-height: 18px;
+ color: #8c8c8c;
+ font-size: 13.5px ;
+ margin-top: 60px;
+}
+.home__reference-image-container{
+ width: 28px;
+ height: 28px;
+ border-radius: 5px;
+ align-content: center;
+ background: #e6e6e6;
+ margin-left: 15px;
+ float: left;
+}
+.home__reference-image{
+ width: 22px;
+ width: 22px;
+ margin-top: 3px;
+ margin-left: 3px;
+ border-radius: 3px;
+ font-size: 16px;
+ color: darkgray;
+ float: left;
+}
+.home__reference-status{
+ margin-left: 25px;
+ margin-right: 15px;
+ line-height: 18px;
+ color: #8c8c8c;
+ font-size: 14px;
+ padding-top: 4px;
+ padding-left: 30px;
+}
+
+.home__reference-status--color{
+ color: forestgreen;
+}
+
+@media only screen and (max-width: 1743px) {
+ .home__reference_container{
+ width: 80%;
+ }
+ .home__reference_wrapper {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ .home__reference{
+ height: 200px;
+ }
+}
+
+
+@media only screen and (max-width: 943px) {
+ .home
+ {
+ min-height: 100%;
+ }
+ .home__search-container {
+ padding: 0 20px 10px;
+ }
+ .home__searchbox {
+ margin-top: 30px;
+ border-bottom: 3px solid #ffe0b3;
+ }
+ .home__search-button-container{
+ visibility: hidden;
+ height: 0;
+ width: 0;
+ margin-bottom: -40px;
+ }
+ .home__search-button {
+ visibility: hidden;
+ }
+ .home__line-style{
+ border: 0;
+ display: block;
+ width:auto;
+ height: 4px;
+ background: orange;
+ margin: 0 43% 20px;
+ margin-bottom: 30px;
+ }
+ .home__reference_links{
+ margin-top: 0 !important;
+ }
+ .home__reference_container{
+ margin-top: 40px;
+ width: 100%;
+ }
+ .home__reference_wrapper {
+ display: grid;
+ grid-template-columns: repeat(1, 1fr);
+ gap: 10px;
+ }
+ .home__reference{
+ margin-top: -20px;
+ height:auto;
+ }
+}
+.hi_loader {
+ border: 4px solid #f3f3f3;
+ border-radius: 50%;
+ border-top: 4px solid ;
+ width: 30px;
+ float: left;
+ margin-top: 0px;
+ height: 30px;
+ -webkit-animation: spin 2s linear infinite; /* Safari */
+ animation: spin 2s linear infinite;
+}
+
+.hi_loader_item{
+ height:10px;
+ border-width:0;
+ color:gray;
+ background-color:#e6e6e6;
+}
+
+line-style
+/* Safari */
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+}
+
+.show {
+ opacity: 1;
+ transition: opacity 500ms;
+}
+
+.hide {
+ opacity: 0;
+ transition: opacity 350ms;
+}
+.hi_container_size
+{
+ min-height: 100% !important;
+}
+
+@media only screen and (max-width: 943px) {
+ .hi_container_size {
+ }
+}
+.hi_reference{
+ align-self: center;
+ height:auto;
+ padding: 10px;
+ padding-bottom: 0px;
+ border-radius: 6px;
+ outline: none;
+
+ border: 1px solid #e6e6e6;
+ box-shadow: 0 3px 3px 0 #d9d9d9;
+ width:91% !important;
+ max-width: 575px;
+ display:block;
+ font:16px arial,sans-serif;
+ color: #79a6d2;
+ margin: 0 auto 0px;
+ margin-top: -15px;
+ margin-bottom: 35px;
+
+ -webkit-transition: .0s;
+ -moz-transition: .0s;
+ -o-transition: .0s;
+ transition: .0s;
+}
\ No newline at end of file
diff --git a/app/src/main/assets/Homepage/style/cs-sidebar-blade.css b/app/src/main/assets/Homepage/style/home/cs-sidebar-blade.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-sidebar-blade.css
rename to app/src/main/assets/Homepage/style/home/cs-sidebar-blade.css
diff --git a/app/src/main/assets/homepage/style/cs-font-awesome.css b/app/src/main/assets/Homepage/style/shared/cs-font-awesome.css
similarity index 100%
rename from app/src/main/assets/homepage/style/cs-font-awesome.css
rename to app/src/main/assets/Homepage/style/shared/cs-font-awesome.css
diff --git a/app/src/main/assets/Homepage/style/cs-global-properties.css b/app/src/main/assets/Homepage/style/shared/cs-global-properties.css
similarity index 94%
rename from app/src/main/assets/Homepage/style/cs-global-properties.css
rename to app/src/main/assets/Homepage/style/shared/cs-global-properties.css
index 1e4076b4..bedf92c5 100644
--- a/app/src/main/assets/Homepage/style/cs-global-properties.css
+++ b/app/src/main/assets/Homepage/style/shared/cs-global-properties.css
@@ -1,149 +1,149 @@
-/*global styles*/
-
-/* visited link */
-a:visited {
- color: darkblue;
-}
-
-
-/* mouse over link */
-a:hover {
- color: blue;
-}
-
-a:active {
- color: darkblue;
- text-decoration: underline;
-}
-
-#load{
- width:100%;
- height:100%;
- position:fixed;
- z-index:9999;
- background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center rgba(0,0,0,0.25)
-}
-
-button:focus {
- outline:0 !important;
-}
-input:focus {
- outline:0 !important;
-}
-
-html{
- overflow-x: hidden;
- height: 100%;
-}
-
-body {
- height: 100%;
- background-repeat: no-repeat;
- background-position: left bottom;
-}
-
-.delay-load{
- -webkit-animation: fadein 0; /* Firefox < 16 */
- -moz-animation: fadein 0s; /* Firefox < 16 */
- -ms-animation: fadein 0s; /* Internet Explorer */
- -o-animation: fadein 0s; /* Opera < 12.1 */
- -animation: fadein 0s;
-
- -webkit-animation-delay: 0s;
- -moz-animation-delay: 0s;
- -ms-animation-delay: 0s;
- -o-animation-delay: 0s;
- -animation-delay: 0s;
-
- -webkit-animation-fill-mode: forwards;
- -moz-animation-fill-mode: forwards;
- -ms-animation-fill-mode: forwards;
- -o-animation-fill-mode: forwards;
- -animation-fill-mode: forwards;
-
-
-}
-
-.body-wrap{
- max-height: 90%;
-}
-
-.gs-disable-highlight
-{
- -webkit-touch-callout: none !important;
- -webkit-user-select: none !important;;
- -khtml-user-select: none !important;;
- -moz-user-select: none !important;;
- -ms-user-select: none !important;;
- outline:none !important;;
-}
-
-.gs-disable-decoration
-{
- text-decoration: none !important;
-}
-
-.gs_container_size
-{
- min-height: 100%;
- margin-top: -28px;
-}
-
-.hi_search__logo{
- margin-left: 36%;
-}
-
-/*light-header style*/
-.dark_header{
- color:#000000;
- height: 60px;
- text-align: right;
- background-image: linear-gradient(to right, #e6e6e6, #ffffff);
- border-bottom-color:#cfe2e2;
- border-style: solid;border-right-width: 0;
- border-left-width: 0;border-top-width: 0;
- border-bottom-width: 1px;
-}
-
-
-.scroller {
- height: 100px;
- overflow-y: scroll;
- scrollbar-width: thin;
-}
-
-
-@keyframes fadein {
- from { opacity: 1; }
- to { opacity: 1; }
-}
-
-/* Firefox < 16 */
-@-moz-keyframes fadein {
- from { opacity: 0.2; }
- to { opacity: 1; }
-}
-
-/* Safari, Chrome and Opera > 12.1 */
-@-webkit-keyframes fadein {
- from { opacity: 0.2; }
- to { opacity: 1; }
-}
-
-/* Opera < 12.1 */
-@-o-keyframes fadein {
- from { opacity: 0.2; }
- to { opacity: 1; }
-}
-/* Placeholder Text Color */
-::-webkit-input-placeholder { /* Edge */
- color: #b3b3b3 !important;
-}
-
-:-ms-input-placeholder { /* Internet Explorer 10-11 */
- color: #b3b3b3 !important;
-}
-
-::placeholder {
- color: #b3b3b3 !important;
+/*global styles*/
+
+/* visited link */
+a:visited {
+ color: darkblue;
+}
+
+
+/* mouse over link */
+a:hover {
+ color: blue;
+}
+
+a:active {
+ color: darkblue;
+ text-decoration: underline;
+}
+
+#load{
+ width:100%;
+ height:100%;
+ position:fixed;
+ z-index:9999;
+ background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center rgba(0,0,0,0.25)
+}
+
+button:focus {
+ outline:0 !important;
+}
+input:focus {
+ outline:0 !important;
+}
+
+html{
+ overflow-x: hidden;
+ height: 100%;
+}
+
+body {
+ height: 100%;
+ background-repeat: no-repeat;
+ background-position: left bottom;
+}
+
+.delay-load{
+ -webkit-animation: fadein 0; /* Firefox < 16 */
+ -moz-animation: fadein 0s; /* Firefox < 16 */
+ -ms-animation: fadein 0s; /* Internet Explorer */
+ -o-animation: fadein 0s; /* Opera < 12.1 */
+ -animation: fadein 0s;
+
+ -webkit-animation-delay: 0s;
+ -moz-animation-delay: 0s;
+ -ms-animation-delay: 0s;
+ -o-animation-delay: 0s;
+ -animation-delay: 0s;
+
+ -webkit-animation-fill-mode: forwards;
+ -moz-animation-fill-mode: forwards;
+ -ms-animation-fill-mode: forwards;
+ -o-animation-fill-mode: forwards;
+ -animation-fill-mode: forwards;
+
+
+}
+
+.body-wrap{
+ max-height: 90%;
+}
+
+.gs-disable-highlight
+{
+ -webkit-touch-callout: none !important;
+ -webkit-user-select: none !important;;
+ -khtml-user-select: none !important;;
+ -moz-user-select: none !important;;
+ -ms-user-select: none !important;;
+ outline:none !important;;
+}
+
+.gs-disable-decoration
+{
+ text-decoration: none !important;
+}
+
+.gs_container_size
+{
+ min-height: 100%;
+ margin-top: -28px;
+}
+
+.hi_search__logo{
+ margin-left: 36%;
+}
+
+/*light-header style*/
+.dark_header{
+ color:#000000;
+ height: 60px;
+ text-align: right;
+ background-image: linear-gradient(to right, #e6e6e6, #ffffff);
+ border-bottom-color:#cfe2e2;
+ border-style: solid;border-right-width: 0;
+ border-left-width: 0;border-top-width: 0;
+ border-bottom-width: 1px;
+}
+
+
+.scroller {
+ height: 100px;
+ overflow-y: scroll;
+ scrollbar-width: thin;
+}
+
+
+@keyframes fadein {
+ from { opacity: 1; }
+ to { opacity: 1; }
+}
+
+/* Firefox < 16 */
+@-moz-keyframes fadein {
+ from { opacity: 0.2; }
+ to { opacity: 1; }
+}
+
+/* Safari, Chrome and Opera > 12.1 */
+@-webkit-keyframes fadein {
+ from { opacity: 0.2; }
+ to { opacity: 1; }
+}
+
+/* Opera < 12.1 */
+@-o-keyframes fadein {
+ from { opacity: 0.2; }
+ to { opacity: 1; }
+}
+/* Placeholder Text Color */
+::-webkit-input-placeholder { /* Edge */
+ color: #b3b3b3 !important;
+}
+
+:-ms-input-placeholder { /* Internet Explorer 10-11 */
+ color: #b3b3b3 !important;
+}
+
+::placeholder {
+ color: #b3b3b3 !important;
}
\ No newline at end of file
diff --git a/app/src/main/assets/Homepage/style/cs-dark_header.css b/app/src/main/assets/homepage/style/home-dark/cs-dark_header.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-dark_header.css
rename to app/src/main/assets/homepage/style/home-dark/cs-dark_header.css
diff --git a/app/src/main/assets/Homepage/style/cs-footer-dark.css b/app/src/main/assets/homepage/style/home-dark/cs-footer-dark.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-footer-dark.css
rename to app/src/main/assets/homepage/style/home-dark/cs-footer-dark.css
diff --git a/app/src/main/assets/Homepage/style/cs-home-header-blade-dark.css b/app/src/main/assets/homepage/style/home-dark/cs-home-header-blade-dark.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-home-header-blade-dark.css
rename to app/src/main/assets/homepage/style/home-dark/cs-home-header-blade-dark.css
diff --git a/app/src/main/assets/Homepage/style/cs-homepage.css b/app/src/main/assets/homepage/style/home-dark/cs-homepage-dark.css
similarity index 65%
rename from app/src/main/assets/Homepage/style/cs-homepage.css
rename to app/src/main/assets/homepage/style/home-dark/cs-homepage-dark.css
index 1ae38ae7..9566e3eb 100644
--- a/app/src/main/assets/Homepage/style/cs-homepage.css
+++ b/app/src/main/assets/homepage/style/home-dark/cs-homepage-dark.css
@@ -1,335 +1,9 @@
-.home
-{
- margin-left: -2px;
- min-height: auto;
-}
-.home__logo{
- max-width: 500px;
- width: 90%;
- height: auto;
- display: block;
- margin: 5% auto 10px;
-}
-.home__searchbox{
- border-radius: 6px;
- height:42px;
- outline: none;
- border-color: #e7e7e7;
- width:97.9%;
- max-width: 575px;
- display:block;
- font:16px arial,sans-serif;
- color: black;
- padding-left:13px;
- box-shadow: 0 1px 1px 0 #e6e6e6;
- -moz-transition: .0s;
- transition: .0s;
- margin: 20px auto 5px;
-}
-.home__searchbox:hover {
- box-shadow: 0 4.5px 4.5px -1.5px #e6e6e6;
- -moz-transition: .07s linear 0s;
- transition: .07s linear 0s
-}
-.home__searchbox:focus{
- box-shadow: 0 4.5px 4.5px -1.5px #e6e6e6;
- -moz-transition: .07s linear 0s;
- transition: .07s linear 0s
-}
-.home__search-button-container{
- display:block;
- text-align: center;
- width: 43%;
- margin: 30px auto 0;
-}
-.home__search-button{
- margin-top: 12px;
- height: 40px;
- width:110%;
- text-align:center;
- max-width: 130px;
- border-radius: 6px;
- border-width: 0;
- color:#6c6c6c;
- font-size: 15px;
- background-color:#f5f5f5;
-}
-.search-content__info-danger{
- box-shadow: 0 4px 4px -1.5px #1a1a1a;
- background: #333333;
- padding: 20px;
- height: auto;
- margin: 0;
- border-radius: 7px 7px 7px 7px;
-}
-.search-content__info-danger-header{
- color: orange;
- width: 100%;
- line-height: 30px;
- text-align: left;
- font-size: 20px;
- font-weight: bold;
-}
-.search-content__info-danger-body{
- color: #ffffff;
- text-align: left;
-}
-.search-content__button-container{
- width: 99%;
- margin: 10px auto auto;
-}
-.search-content__button{
- box-shadow: 0 4px 4px -1.5px #1a1a1a !important;
- background: #333333 !important;
- color: #ffffff !important;;
- border: 0 !important;;
- font-weight: bold !important;;
- font-size: 14px !important;;
- border-radius: 7px !important;;
- width: 100% !important;;
- height: 50px !important;;
- display:block !important;;
-}
-.search-content__button--margin-auto{
- margin: 0 auto;
-}
-.search-content__button--margin-top{
- margin: 10px auto 5px;
-}
-.home__search-button:hover{
- background: linear-gradient(#f7f7f7,#f1f1f1);
- border-width: 1px;
- border-color:#C4C4C4;
- border-style: solid;
- cursor:pointer;
-}
-.home__search-button--right-spacing{
- margin-left: 10px;
-}
-.home__search-button--lucky-visibility {
- visibility: visible;
-}
-.home__search-button--left-spacing{
- margin-left: 5px;
-}
-.home__line-style {
- display: none;
-}
-.home__reference_links{
- color:#bfbfbf;
- text-align: center;
- font-size: 13.5px;
- max-width: 460px;
- font-weight: bold;
- border: 1px solid #e6e6e6;
- border-radius: 5px;
- padding-top: 14px;
- padding-bottom: 14px;
- margin: 10px auto 50px;
- width: 89%;
-}
-.home__reference_container{
- margin-top: 40px;
- width: 75%;
- margin-left: auto;
- margin-right: auto;
-}
-.home__reference_wrapper {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 10px;
-}
-.home__reference{
- align-self: center;
- height:180px;
- padding: 10px 0 0;
- border-radius: 8px;
- outline: none;
- border: 1px solid #f0f0f0;
- box-shadow: 0 3px 3px 0 #cccccc;
- width:91%;
- max-width: 575px;
- display:block;
- font:16px arial,sans-serif;
- color: black;
- margin: -15px auto 45px;
- border-bottom: 6px solid #f9f9f9;
- background: #f9f9f9;
-}
-.home__reference:hover{
- animation-name: home__reference-animate-hover;
- animation-duration: 4s;
- transition: border-bottom-color 0.25s ease-in-out;
- border-bottom: 6px solid #548ec4;
-}
-@keyframes home__reference-animate-hover {
- 10% {
- background-color: #f0f4fa;
- box-shadow: 0 8px 8px 0 #cccccc;
- }
-}
-.home__reference--header{
- font-weight: bold;
- text-align: center;
- font-size: 14px;
- color: #ffffff;
- cursor: pointer;
- width: auto;
- border-top-right-radius: 8px;
- border-bottom-right-radius: 8px;
- float: left;
- margin-top: 10px;
- border-left: 6px solid #548ec4;
- background-color: #8db4d8;
- margin-left: -1px;
- display: flex;
- padding: 10.5px 20px 10.5px 10px;
-}
-.home__reference_info{
- margin-left: 15px;
- margin-right: 15px;
- line-height: 18px;
- color: #8c8c8c;
- font-size: 13.5px ;
- margin-top: 60px;
-}
-.home__reference-image-container{
- width: 28px;
- height: 28px;
- border-radius: 5px;
- align-content: center;
- background: #e6e6e6;
- margin-left: 15px;
- float: left;
-}
-.home__reference-image{
- max-width: 24px;
- max-height: 24px;
- margin-top: 2px;
- margin-left: 2px;
- border-radius: 5px;
- font-size: 16px;
- color: darkgray;
- float: left;
-}
-.home__reference-status{
- margin-left: 25px;
- margin-right: 15px;
- line-height: 18px;
- color: #8c8c8c;
- font-size: 14px;
- padding-top: 4px;
- padding-left: 30px;
-}
-
-.home__reference-status--color{
- color: forestgreen;
-}
-
-@media only screen and (max-width: 1743px) {
- .home__reference_container{
- width: 80%;
- }
- .home__reference_wrapper {
- grid-template-columns: repeat(2, 1fr);
- }
- .home__reference{
- height: 200px;
- }
-}
-
-
-@media only screen and (max-width: 943px) {
- .home
- {
- min-height: 100%;
- }
- .home__search-container {
- padding: 0 20px 10px;
- }
- .home__searchbox {
- margin-top: 30px;
- border-bottom: 3px solid #ffe0b3;
- }
- .home__search-button-container{
- visibility: hidden;
- height: 0;
- width: 0;
- margin-bottom: -40px;
- }
- .home__search-button {
- visibility: hidden;
- }
- .home__line-style{
- border: 0;
- display: block;
- width:auto;
- height: 4px;
- background: orange;
- margin: 0 43% 20px;
- margin-bottom: 25px;
- }
- .home__reference_links{
- margin-top: 0 !important;
- }
- .home__reference_container{
- margin-top: 40px;
- width: 100%;
- }
- .home__reference_wrapper {
- display: grid;
- grid-template-columns: repeat(1, 1fr);
- gap: 10px;
- }
- .home__reference{
- margin-top: -20px;
- height:auto;
- }
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
/*Search*/
+body{
+ opacity: 0;
+ transition: opacity 0s;
+ -webkit-transition: opacity 0s; /* Safari */
+}
.body_fadein {
opacity: 1;
@@ -337,6 +11,16 @@
transition-property: opacity;
}
+.line-style {
+ border: 0;
+ height: 1px;
+ background-image: -webkit-linear-gradient(left, #1a1a1a, #0d0d0d, #1a1a1a);
+ background-image: -moz-linear-gradient(left, #1a1a1a, #0d0d0d, #1a1a1a);
+ background-image: -ms-linear-gradient(left, #1a1a1a, #0d0d0d, #1a1a1a);
+ background-image: -o-linear-gradient(left, #1a1a1a, #0d0d0d, #1a1a1a);
+ width:40% !important;
+ max-width:500px !important;
+}
.hi_background{
background-color : #1c1b21 !important;
@@ -436,13 +120,13 @@
border-radius: 6px;
outline: none;
- border: 1px solid #e6e6e6;
- box-shadow: 0 3px 3px 0 #d9d9d9;
+ border: 1px solid #19181b;
+ box-shadow: 0 3px 3px 0 #0f0e11;
width:91% !important;
max-width: 575px;
display:block;
font:16px arial,sans-serif;
- color: #79a6d2;
+ color: black;
margin: 0 auto 0px;
margin-top: -15px;
margin-bottom: 35px;
@@ -583,12 +267,11 @@
.hi_loader {
- border: 4px solid #f3f3f3;
+ border: 5px solid #4d4d4d;
border-radius: 50%;
- border-top: 4px solid ;
+ border-top: 4px solid #3498db;
width: 30px;
float: left;
- margin-top: 0px;
height: 30px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
@@ -598,27 +281,26 @@
height:10px;
border-width:0;
color:gray;
- background-color:#e6e6e6;
+ background-color:#121212;
}
.hi_reference_body{
margin-left: 0px;
line-height: 18px;
margin-top: 15px;
- color: #999999;
+ color: #f0f0f0;
font-size: 14px;
}
.hi_reference_header{
margin-left: 50px;
padding-left: 10px;
- border-left: 5px solid #f0f0f0 !important;
+ border-left: 4px solid #161617 !important;
font-weight: bold;
font-size: 16px;
- margin-top: 10px;
- color: #6699cc;
- padding-top:3px;
- padding-bottom: 3px;
+ color: #8cb3d9;
+ height: 40px;
+ padding-top:9px;
}
.hi_image_container{
@@ -626,9 +308,7 @@
height: 40px;
border-radius: 100px;
float: left;
- margin-top: -6.5px;
- background-image: radial-gradient(#f0f0f0, #e6e6e6);
- background-color: #f0f0f0;
+ background-color: #1a2f42;
display: flex;
}
@@ -664,4 +344,188 @@ line-style
.hide {
opacity: 0;
transition: opacity 350ms;
+}
+.hi_container_size
+{
+ min-height: 100% !important;
+}
+
+@media only screen and (max-width: 943px) {
+ .hi_container_size {
+ }
+}
+.hi_reference{
+ align-self: center;
+ height:auto;
+ padding: 10px;
+ padding-bottom: 0px;
+ border-radius: 6px;
+ outline: none;
+
+ border: 1px solid #0d0d0d;
+ box-shadow: 0 3px 3px 0 #c0b0e;
+ width:91% !important;
+ max-width: 575px;
+ display:block;
+ font:16px arial,sans-serif;
+ color: #79a6d2;
+ margin: 0 auto 0px;
+ margin-top: -15px;
+ margin-bottom: 35px;
+ background: #1b1a1f;
+ -webkit-transition: .0s;
+ -moz-transition: .0s;
+ -o-transition: .0s;
+ transition: .0s;
+}
+.home__reference{
+ align-self: center;
+ height:180px;
+ padding: 10px 0 0;
+ border-radius: 10px;
+ outline: none;
+ border: 1px solid #24222a;
+ box-shadow: 0 3px 3px 0 #0c0b0e;
+ width:93.3%;
+ max-width: 575px;
+ display:block;
+ font:16px arial,sans-serif;
+ color: black;
+ margin: -15px auto 45px;
+ margin-left:14px;
+ background: #18171c;
+ border-bottom: 6px solid #18171c;
+}
+.home__reference:hover{
+ animation-name: home__reference-animate-hover;
+ animation-duration: 4s;
+ border-bottom: 6px solid #18171c;
+ animation-fill-mode: forwards;
+ transition: border-bottom-color 0.25s ease-in-out;
+}
+@keyframes home__reference-animate-hover {
+ 10% {
+ background-color: #0e0e11;
+ }
+ 100% {
+ background-color: #0e0e11;
+ }
+}
+.home__reference--header{
+ font-weight: bold;
+ text-align: center;
+ font-size: 14px;
+ color: #ffffff;
+ cursor: pointer;
+ width: auto;
+ border-top-right-radius: 8px;
+ border-bottom-right-radius: 8px;
+ float: left;
+ margin-top: 10px;
+ border-left: 6px solid #302d39;
+ background-color: #24222a;
+ margin-left: -1px;
+ display: flex;
+ padding: 10.5px 20px 10.5px 10px;
+}
+.home__reference_info{
+ margin-left: 15px;
+ margin-right: 15px;
+ line-height: 18px;
+ color: #8c8c8c;
+ font-size: 13.5px ;
+ margin-top: 60px;
+}
+.home__reference-image-container{
+ width: 28px;
+ height: 28px;
+ border-radius: 5px;
+ align-content: center;
+ background: #302d39;
+ margin-left: 15px;
+ float: left;
+}
+.home__reference-image{
+ width: 22px;
+ width: 22px;
+ margin-top: 3px;
+ margin-left: 3px;
+ border-radius: 3px;
+ font-size: 16px;
+ color: darkgray;
+ float: left;
+}
+.home__reference-status{
+ margin-left: 25px;
+ margin-right: 15px;
+ line-height: 18px;
+ color: #8c8c8c;
+ font-size: 14px;
+ padding-top: 4px;
+ padding-left: 30px;
+}
+
+.home__reference-status--color{
+ color: #004d00;
+}
+
+@media only screen and (max-width: 1743px) {
+ .home__reference_container{
+ width: 80%;
+ }
+ .home__reference_wrapper {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ .home__reference{
+ height: 200px;
+ }
+}
+
+
+@media only screen and (max-width: 943px) {
+ .home
+ {
+ min-height: 100%;
+ }
+ .home__search-container {
+ padding: 0 20px 10px;
+ }
+ .home__searchbox {
+ margin-top: 30px;
+ border-bottom: 3px solid #ffe0b3;
+ }
+ .home__search-button-container{
+ visibility: hidden;
+ height: 0;
+ width: 0;
+ margin-bottom: -40px;
+ }
+ .home__search-button {
+ visibility: hidden;
+ }
+ .home__line-style{
+ border: 0;
+ display: block;
+ width:auto;
+ height: 4px;
+ background: orange;
+ margin: 0 43% 20px;
+ margin-bottom: 30px;
+ }
+ .home__reference_links{
+ margin-top: 0 !important;
+ }
+ .home__reference_container{
+ margin-top: 40px;
+ width: 100%;
+ }
+ .home__reference_wrapper {
+ display: grid;
+ grid-template-columns: repeat(1, 1fr);
+ gap: 10px;
+ }
+ .home__reference{
+ margin-top: -20px;
+ height:auto;
+ }
}
\ No newline at end of file
diff --git a/app/src/main/assets/Homepage/style/cs-sidebar-blade-dark.css b/app/src/main/assets/homepage/style/home-dark/cs-sidebar-blade-dark.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-sidebar-blade-dark.css
rename to app/src/main/assets/homepage/style/home-dark/cs-sidebar-blade-dark.css
diff --git a/app/src/main/assets/Homepage/style/cs-light_header.css b/app/src/main/assets/homepage/style/home/cs-light_header.css
similarity index 100%
rename from app/src/main/assets/Homepage/style/cs-light_header.css
rename to app/src/main/assets/homepage/style/home/cs-light_header.css