inital commit
This commit is contained in:
229
webroot/css/clientpanel/client_modal.css
Normal file
229
webroot/css/clientpanel/client_modal.css
Normal file
@@ -0,0 +1,229 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : Oct 28, 2020, 1:50:35 PM
|
||||
Author : USER
|
||||
*/
|
||||
|
||||
.box-text-area{
|
||||
padding: 15px;
|
||||
border: 1px solid gray;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.box-text-area p{
|
||||
text-align: justify;
|
||||
}
|
||||
.image-credit-report{
|
||||
border: 2px solid brown;
|
||||
padding: 10px;
|
||||
height: 190px;
|
||||
}
|
||||
.modal-header{
|
||||
background: #3c8dbc
|
||||
}
|
||||
#heading {
|
||||
text-transform: uppercase;
|
||||
color: #673AB7;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
#msform {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
#msform fieldset {
|
||||
background: white;
|
||||
border: 0 none;
|
||||
border-radius: 0.5rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.form-card {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
#msform fieldset:not(:first-of-type) {
|
||||
display: none
|
||||
}
|
||||
|
||||
#msform input,
|
||||
#msform textarea {
|
||||
padding: 8px 15px 8px 15px;
|
||||
|
||||
border-radius: 0px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
color: #2C3E50;
|
||||
letter-spacing: 1px
|
||||
}
|
||||
|
||||
#msform input:focus,
|
||||
#msform textarea:focus {
|
||||
-moz-box-shadow: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border: 1px solid #673AB7;
|
||||
outline-width: 0
|
||||
}
|
||||
|
||||
#msform .action-button {
|
||||
width: 87px;
|
||||
background: #673AB7;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border: 0 none;
|
||||
border-radius: 0px;
|
||||
cursor: pointer;
|
||||
padding: 10px 5px;
|
||||
margin: 10px 0px 10px 0px;
|
||||
float: right
|
||||
}
|
||||
|
||||
#msform .action-button:hover,
|
||||
#msform .action-button:focus {
|
||||
background-color: #311B92
|
||||
}
|
||||
|
||||
#msform .action-button-previous {
|
||||
width: 87px;
|
||||
background: #616161;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border: 0 none;
|
||||
border-radius: 0px;
|
||||
cursor: pointer;
|
||||
padding: 10px 5px;
|
||||
margin: 10px 0px 10px 0px;
|
||||
float: right
|
||||
}
|
||||
|
||||
#msform .action-button-previous:hover,
|
||||
#msform .action-button-previous:focus {
|
||||
background-color: #000000
|
||||
}
|
||||
|
||||
.card {
|
||||
z-index: 0;
|
||||
border: none;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.fs-title {
|
||||
font-size: 25px;
|
||||
color: #673AB7;
|
||||
margin-bottom: 15px;
|
||||
font-weight: normal;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.purple-text {
|
||||
color: #673AB7;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
.steps {
|
||||
font-size: 25px;
|
||||
color: gray;
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.fieldlabels {
|
||||
color: gray;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
#progressbar {
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
color: lightgrey
|
||||
}
|
||||
|
||||
#progressbar .active {
|
||||
color: #673AB7
|
||||
}
|
||||
|
||||
#progressbar li {
|
||||
list-style-type: none;
|
||||
font-size: 15px;
|
||||
width: 25%;
|
||||
float: left;
|
||||
position: relative;
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
#progressbar #account:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f13e"
|
||||
}
|
||||
|
||||
#progressbar #personal:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f007"
|
||||
}
|
||||
|
||||
#progressbar #payment:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f030"
|
||||
}
|
||||
|
||||
#progressbar #confirm:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f00c"
|
||||
}
|
||||
|
||||
#progressbar li:before {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 45px;
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
background: lightgray;
|
||||
border-radius: 50%;
|
||||
margin: 0 auto 10px auto;
|
||||
padding: 2px
|
||||
}
|
||||
|
||||
#progressbar li:after {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: lightgray;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 25px;
|
||||
z-index: -1
|
||||
}
|
||||
|
||||
#progressbar li.active:before,
|
||||
#progressbar li.active:after {
|
||||
background: #673AB7
|
||||
}
|
||||
|
||||
.progress {
|
||||
height: 20px
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
background-color: #FF440A
|
||||
}
|
||||
|
||||
.fit-image {
|
||||
width: 100%;
|
||||
object-fit: cover
|
||||
}
|
||||
|
||||
.add-report-button-area{
|
||||
padding: 20px 0;
|
||||
}
|
||||
88
webroot/css/clientpanel/clientdashboard.css
Normal file
88
webroot/css/clientpanel/clientdashboard.css
Normal file
@@ -0,0 +1,88 @@
|
||||
.chart-container h2, .credit-report-container h2 {margin-bottom: 20px;}
|
||||
#pieChart, #barChart, #lineChart {display: inline-block;}
|
||||
.chartArea {
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.chartArea .chartFilter {text-align: center;}
|
||||
.chartFilter {margin-bottom: 30px;}
|
||||
.clearfix {display: block;}
|
||||
.credit-report-container table {margin-bottom: 20px; width: 100%; border-collapse: collapse;}
|
||||
.credit-report-container table td, .credit-report-container table th {padding: 5px; border: 1px solid silver; text-align: center;}
|
||||
.transunion {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
background: #b7e3bd;
|
||||
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||||
background: -moz-linear-gradient(top, #b7e3bd 0%, #39b34a 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7e3bd), color-stop(100%,#39b34a));
|
||||
background: -webkit-linear-gradient(top, #b7e3bd 0%,#39b34a 100%);
|
||||
background: -o-linear-gradient(top, #b7e3bd 0%,#39b34a 100%);
|
||||
background: -ms-linear-gradient(top, #b7e3bd 0%,#39b34a 100%);
|
||||
background: linear-gradient(to bottom, #b7e3bd 0%,#39b34a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7e3bd', endColorstr='#39b34a',GradientType=0 );
|
||||
}
|
||||
.experian {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
background: #94C7FF;
|
||||
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||||
background: -moz-linear-gradient(top, #94C7FF 0%, #367BD9 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94C7FF), color-stop(100%,#367BD9));
|
||||
background: -webkit-linear-gradient(top, #94C7FF 0%,#367BD9 100%);
|
||||
background: -o-linear-gradient(top, #94C7FF 0%,#367BD9 100%);
|
||||
background: -ms-linear-gradient(top, #94C7FF 0%,#367BD9 100%);
|
||||
background: linear-gradient(to bottom, #94C7FF 0%,#367BD9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c7ff', endColorstr='#367bd9',GradientType=0 );
|
||||
}
|
||||
.equifax {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
background: #F68D8D;
|
||||
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||||
background: -moz-linear-gradient(top, #F68D8D 0%, #E05252 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F68D8D), color-stop(100%,#E05252));
|
||||
background: -webkit-linear-gradient(top, #F68D8D 0%,#E05252 100%);
|
||||
background: -o-linear-gradient(top, #F68D8D 0%,#E05252 100%);
|
||||
background: -ms-linear-gradient(top, #F68D8D 0%,#E05252 100%);
|
||||
background: linear-gradient(to bottom, #F68D8D 0%,#E05252 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68d8d', endColorstr='#e05252',GradientType=0 );
|
||||
}
|
||||
.credit-scores-container > div, .credit-scores-container > h2 {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.credit-scores-container > div > div {
|
||||
margin: 0 1%;
|
||||
padding-bottom: 20px;
|
||||
width: 30%;
|
||||
border: 1px solid silver;
|
||||
display: inline-block;
|
||||
}
|
||||
.credit-scores-container > div > div > h4 {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
.credit-scores-container > div > div > strong {
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
display: block;
|
||||
}
|
||||
.credit-scores-container > div > div > h2 {
|
||||
margin: 0;
|
||||
color: #10447f;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.btn-orange-color{
|
||||
background: #FF440A !important;
|
||||
}
|
||||
|
||||
.reminder-text{
|
||||
display: inline;
|
||||
position: absolute;
|
||||
}
|
||||
.reminder-text span{}
|
||||
|
||||
53
webroot/css/clientpanel/dashboardcontact.css
Normal file
53
webroot/css/clientpanel/dashboardcontact.css
Normal file
@@ -0,0 +1,53 @@
|
||||
#light{
|
||||
background-color: #3c8dbc;
|
||||
height: 50px;
|
||||
width: 55px;
|
||||
border-radius: 10px;
|
||||
font-size: 22px;
|
||||
box-sizing: border-box;
|
||||
padding-top: 10px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
#submit{
|
||||
margin: 10px 10px 20px 0px;
|
||||
}
|
||||
#default-btn{
|
||||
margin: 10px 0px 20px 5px;
|
||||
|
||||
}
|
||||
.required{
|
||||
color: red;
|
||||
}
|
||||
.ui-widget-header {
|
||||
border: 1px solid #b52626;
|
||||
background: #3c8dbc;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table {
|
||||
table-layout: fixed ;
|
||||
width: 100% ;
|
||||
}
|
||||
|
||||
.contacts-container > div, .contacts-container > h2 {
|
||||
width: 100%;
|
||||
}
|
||||
.contacts-container > h2 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.contacts-container > div > div {
|
||||
margin: 0 1%;
|
||||
padding-bottom: 20px;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.contacts-container > div > div > strong, .contacts-container > div > div > span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contacts-container > div > div > img {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user