[css]Changed to DAAZ style

NC3-LU · Jul 24, 2024 · b93e223 · b93e223
1 parent ce00ea7
commit b93e223
Showing 1 changed file with 85 additions and 29 deletions.
diff --git a/static/survey/css/surveyAlto/style.css b/static/survey/css/surveyAlto/style.css
@@ -1,84 +1,127 @@
+@font-face {
+    font-family: Inter;
+    src: url("fonts/Inter/Inter-VariableFont_slnt,wght.ttf");
+}
 
 
 html {
     position: relative;
     min-height: 100%;
 }
+
 body {
     /* Margin bottom by footer height */
     margin-bottom: 60px;
+    font-family: "Inter" !important;
+
+}
+
+.min-vh-90 {
+    min-height: 90vh !important;
 }
+
 .bg-cssk-blue {
     background-color: #006FBA;
 }
+
 .btn-primary {
- background-color: #005392 !important;
- border-color: #005392 !important;
+    background-color: #0099FF !important;
+    border-color: #0099FF !important;
 }
+
 .btn-primary:hover {
     background-color: #003d6c;
     border-color: #00365f;
 }
-.btn-primary.disabled, .btn-primary:disabled {
-    background-color: #005392;
-    border-color: #005392;
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+    background-color: #0099FF;
+    border-color: #0099FF;
 }
-.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
-    background-color: #005392 !important;
-    border-color: #005392 !important;
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+    background-color: #0099FF !important;
+    border-color: #0099FF !important;
 }
+
 .btn-link:hover {
     color: #003d6c;
 }
+
 .btn-link {
-    color: #005392;
+    color: #0099FF;
 }
+
 a {
-    color: #005392;
+    color: #0099FF;
 }
+
 a:hover {
-    color: #005392;
+    color: #0099FF;
 }
+
 .text-primary {
-    color: #005392!important;
+    color: #0099FF !important;
 }
+
 .progress-bar {
-    background-color: #005392;
+    background-color: #0099FF;
 }
+
 .modal-header {
-    background-color: #005392;
+    background-color: #0099FF;
     color: #fff;
-    border-bottom: 1px dashed #005392;
+    border-bottom: 1px dashed #0099FF;
 }
 
+.form-check-label input:checked ~ .checkmark {
+    background-color: #0099FF !important;
+}
 
-.spacer-50 { margin:0; padding:0; height:50px; }
-.spacer-100 { margin:0; padding:0; height:100px; }
+.spacer-50 {
+    margin: 0;
+    padding: 0;
+    height: 50px;
+}
+
+.spacer-100 {
+    margin: 0;
+    padding: 0;
+    height: 100px;
+}
 
 /* Sticky footer */
 .footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  /* Set the fixed height of the footer here */
-  /* height: 60px; */
-  line-height: 40px; /* Vertically center the text there */
-}
-.footer a{
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    /* Set the fixed height of the footer here */
+    /* height: 60px; */
+    line-height: 40px;
+    /* Vertically center the text there */
+}
+
+.footer a {
     color: #B5A5A5;
 }
+
 .flag {
-  width: 35px !important;
+    width: 35px !important;
 }
 
 .filter_invert {
     filter: invert(100%);
     -webkit-filter: invert(100%);
     opacity: .7;
 }
+
 #ie-warning {
     display: none;
 }
+
 #browsers-list {
     display: block;
     list-style-type: disc;
@@ -88,6 +131,7 @@ a:hover {
     margin-inline-end: 0px;
     padding-inline-start: 40px;
 }
+
 #browsers-list li {
     background-size: 28px 28px;
     background-repeat: no-repeat;
@@ -97,22 +141,34 @@ a:hover {
     background-position: left center;
     padding-left: 40px;
 }
+
 #browsers-list .bc {
     background-image: url(/static/images/chrome.png);
 }
+
 #browsers-list .bf {
     background-image: url(/static/images/firefox.png);
 }
+
 #browsers-list .bs {
     background-image: url(/static/images/safari.png);
 }
+
 #browsers-list .be {
     background-image: url(/static/images/edge.png);
 }
+
 #browsers-list .bo {
     background-image: url(/static/images/opera.png);
 }
-@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    #ie-warning { display:block; }
-    #content-body { display: none; }
+
+@media screen and (-ms-high-contrast: active),
+screen and (-ms-high-contrast: none) {
+    #ie-warning {
+        display: block;
+    }
+
+    #content-body {
+        display: none;
+    }
 }