Initial commit

wwwroot/styles/authenticate.css

@@ -0,0 +1,145 @@
+.loginContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 80px;
+}
+
+.login {
+    width: 400px;
+}
+
+@media (max-width: 600px) {
+    .loginContainer {
+        padding-top: 0px;
+        display: block;
+    }
+
+    .login {
+        width: auto;
+    }
+}
+
+.login .divider {
+    display: flex;
+    align-items: center;
+    margin-top: 1.5rem;
+}
+
+.login .clientinfo {
+    text-align: center;
+    margin-bottom: 30px;
+}
+
+.login .clientinfo img {
+    max-width: 300px;
+}
+
+.login .modal-content {
+    padding: 20px;
+}
+
+.login .divider:before,
+.login .divider:after {
+    content: "";
+    height: 1px;
+    background: var(--sid-separator-bg);
+    flex: 1;
+}
+
+.login .divider .text {
+    margin-right: 1rem;
+    margin-left: 1rem;
+    margin-bottom: 0px;
+    color: var(--bs-gray);
+}
+
+.login .extauth {
+    list-style: none;
+    padding-left: 0px;
+}
+
+.login .extauth > li {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.login .extauth > li > a,
+.login button[type='submit'] {
+    width: 100%;
+}
+
+.login .footer {
+    border-top: 1px solid #eee;
+
+}
+
+.progressbar {
+    margin-bottom: 30px;
+    overflow: hidden;
+    color: lightgrey;
+    padding: 0px;
+    display: flex;
+    flex-direction: row;
+}
+
+.progressbar .active {
+    color: var(--bs-primary);
+}
+
+.progressbar li {
+    list-style-type: none;
+    font-size: 15px;
+    float: left;
+    position: relative;
+    font-weight: 400;
+    z-index: 2;
+    flex: 1 1 0;
+    text-align:center;
+}
+
+.progressbar #step1:before {
+    content: "1"
+}
+
+.progressbar #step2:before {
+    content: "2"
+}
+
+.progressbar #step3:before {
+    content: "3"
+}
+
+.progressbar #step4:before {
+    content: "4"
+}
+
+.progressbar li:before {
+    width: 25px;
+    height: 25px;
+    line-height: 20px;
+    display: block;
+    font-size: 15px;
+    color: #ffffff;
+    background: lightgray;
+    border-radius: 50%;
+    text-align: center;
+    margin: 0 auto 10px auto;
+    padding: 2px;
+}
+
+.progressbar li:after {
+    content: '';
+    width: 100%;
+    height: 2px;
+    background: lightgray;
+    position: absolute;
+    left: 0;
+    top: 12px;
+    z-index: -1;
+}
+
+.progressbar li.active:before,
+.progressbar li.active:after {
+    background: var(--bs-primary);
+}

wwwroot/styles/consent.css

@@ -0,0 +1,51 @@
+.consentContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 80px;
+}
+
+.consent {
+    width: 400px;
+}
+
+@media (max-width: 600px) {
+    .consentContainer {
+        padding-top: 0px;
+        display: block;
+    }
+
+    .consent {
+        width: auto;
+    }
+}
+
+.consent .modal-content {
+    padding: 20px;
+}
+
+.consent .consentinfo {
+    margin-bottom: 20px;
+    display: flex;
+    align-items: center;
+}
+
+.consent .consentinfo .img {
+    margin: 0px 5px 0px 5px;
+}
+
+.consent .consentinfo .separator {
+    flex: 1;
+    height: 1px;
+    background-color: var(--sid-separator-bg);
+}
+
+.consent .consentinfo img {
+    width: 60px;
+}
+
+.consent button[type='submit'] {
+    width: 100%;
+    margin-top: 5px;
+    margin-bottom: 5px;
+}

wwwroot/styles/profile.css

@@ -0,0 +1,46 @@
+.profile .info {
+    overflow: hidden;
+}
+
+.profile .info ul li,
+.profile .info .picture {
+    border-bottom: 1px solid var(--bs-border-color-translucent);
+}
+
+.profile .info .picture {
+    text-align: center;
+    padding-bottom: 5px;
+}
+
+.profile .info .picture .profile-content {
+    max-width: 150px;
+    margin: auto;
+    text-align: center;
+    position: relative;
+}
+
+.profile .info .picture .profile-content .edit {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+}
+
+.profile .info ul {
+    list-style: none;
+    padding: 0px;
+}
+
+.profile .info ul li {
+    flex-wrap: wrap;
+    display: flex;
+    justify-content: space-between;
+    padding: 5px;
+}
+
+.profile .info ul li h6 {
+    margin-bottom: 0px;
+}
+
+.profile .table img{
+    width: 70px;
+}

wwwroot/styles/theme.css

@@ -0,0 +1,37 @@
+.orange {
+    --bs-primary-rgb: 255, 132, 52;
+    --bs-primary: #ff8434ff;
+    --sid-separator-bg: #eee;
+}
+
+body.orange {
+    background-color: #f3f3f3;
+}
+
+.orange .navbar-nav {
+    --bs-nav-link-color: #e7e2e2;
+    --bs-nav-link-hover-color: white;
+}
+
+.orange .btn-primary {
+    --bs-btn-bg: #ff8434ff;
+    --bs-btn-active-bg: #ff8434ff;
+    --bs-btn-disabled-bg: #ff8434ff;
+    --bs-btn-hover-border-color: #ff8434ff;
+    --bs-btn-disabled-border-color: #ff8434ff;
+    --bs-btn-active-border-color: #ff8434ff;
+    --bs-btn-border-color: #ff8434ff;
+    --bs-btn-hover-bg: #ee5f00ff;
+}
+
+.orange .dropdown-menu {
+    --bs-dropdown-link-active-bg: #ff8434ff;
+}
+
+#container {
+    padding: 10px 5px 0px 10px;
+}
+
+.card-body {
+    overflow: hidden;   
+}