egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Eric Gullickson
2025-07-15 20:34:05 -05:00
commit f7eca4bad5
602 changed files with 158990 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
wwwroot/css/loader.css Normal file
View File

@@ -0,0 +1,55 @@
.sloader {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255,255,255,0.5);
}
.loader {
display: block;
width: 100px;
height: 100px;
border: 3px solid white;
border-radius: 50%;
animation: spin 7s ease-in-out;
animation-iteration-count: infinite;
transition-duration: 0.1s;
}
.loader:hover {
scale: 0.95;
/*Loader on hover effect*/
}
.loader:active {
scale: 2.5;
/*Loader on click effect*/
}
@keyframes spin {
0% {
transform: rotate(0deg);
border-bottom: solid 3px transparent;
border-top: solid 3px transparent;
}
50% {
transform: rotate(1800deg);
border: 3px solid white;
border-left: solid 3px transparent;
border-right: solid 3px transparent;
}
100% {
/*Reversed spinning*/
transform: rotate(0deg);
border-bottom: solid 3px transparent;
border-top: solid 3px transparent;
}
}

633
wwwroot/css/site.css Normal file
View File

@@ -0,0 +1,633 @@
html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
.card {
border-radius: 4px;
box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
cursor: pointer;
}
.card:hover {
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
.vehicleDetailTabContainer {
max-height: 65vh;
overflow-y: auto;
overflow-x: auto;
}
.reportTabContainer {
overflow-y: auto;
overflow-x: auto;
}
.vehicleDetailTabContainer.fixed {
height: 65vh;
}
.swimlane{
height:100%;
}
.swimlane:not(:last-child) {
border-right-style: solid;
}
.showOnPrint {
display: none;
}
@media print {
.hideOnPrint {
display: none;
}
.showOnPrint {
display: block !important;
}
.vehicleDetailTabContainer {
background-color: #fff !important;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0;
font-size: 14px;
line-height: 18px;
color: #000 !important;
overflow: visible;
z-index: 1030;
}
.stickerPrintContainer {
background-color: #fff !important;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0;
font-size: 14px;
line-height: 18px;
color: #000 !important;
overflow: visible;
z-index: 1030;
}
.reminderSticker {
width: 98%;
aspect-ratio: 1/1;
border-style: dashed;
border-width: 2px;
page-break-after: always;
}
.recordSticker {
height: 100%;
page-break-after: always;
}
.stickerNote {
height:100%;
}
body {
background-color: #fff !important;
}
table {
background-color: #fff !important;
}
ul {
border: 0px !important;
background-color: #fff !important;
}
li {
color: #000 !important;
border: 0px !important;
background-color: #fff !important;
}
td {
color: #000 !important;
border: hidden;
background-color: #fff !important;
}
th {
color: #000 !important;
background-color: #fff !important;
}
tr {
border: hidden;
}
}
.chartContainer {
height: 30vh;
overflow: auto;
}
.vehicleNoteContainer {
height: 40vh;
}
.display-7 {
font-size: calc(1.325rem + 0.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-7 {
font-size: 2rem;
}
}
.reportsCheckBoxContainer {
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}
.bell-shake {
animation: bellshake .5s;
backface-visibility: hidden;
transform-origin: top center;
}
.tablerow-shake {
animation: tablerowshake 1.2s cubic-bezier(.36, .07, .19, .97) both;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
@keyframes tablerowshake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
@keyframes bellshake {
0% {
transform: rotate(0);
}
15% {
transform: rotate(5deg);
}
30% {
transform: rotate(-5deg);
}
45% {
transform: rotate(4deg);
}
60% {
transform: rotate(-4deg);
}
75% {
transform: rotate(2deg);
}
85% {
transform: rotate(-2deg);
}
92% {
transform: rotate(1deg);
}
100% {
transform: rotate(0);
}
}
.btn-check:checked + .dropdown-item, :not(.btn-check) + .dropdown-item:active {
color: #fff;
background-color: #0d6efd;
}
.motovaultpro-navbar-container {
position: fixed;
top: 0;
left: 0;
z-index: 1021;
}
.motovaultpro-navbar {
align-items: center;
}
.motovaultpro-tab {
border:none;
}
.motovaultpro-tab .nav-link {
border: none;
}
/*Media Queries*/
@media (max-width: 576px) {
.motovaultpro-tab {
display: none;
}
.motovaultpro-navbar {
justify-content: space-between;
}
.motovaultpro-navbar-button {
display: flex;
align-items: center;
}
.motovaultpro-navbar-button > button {
padding: 0;
font-size: 2rem;
}
.motovaultpro-menu-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
}
.motovaultpro-mobile-nav {
background-color: var(--bs-body-bg);
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
margin: 0;
display: none;
z-index: 2000;
overflow-y:auto;
}
.motovaultpro-mobile-nav-show {
display: block;
}
.motovaultpro-mobile-nav > ul > li > .nav-link.active {
color: #6ea8fe;
}
}
@media(min-width: 576px) {
.motovaultpro-mobile-nav-show {
display: none;
}
.motovaultpro-mobile-nav {
display: none;
}
.motovaultpro-navbar-button {
display: none;
}
}
.dropdown-menu.show {
z-index: 1030;
}
.table-context-menu {
z-index: 1030;
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
position: absolute;
}
.table-context-menu > li > .dropdown-item:hover {
background-color: rgba(var(--bs-primary-rgb)) !important;
color: #fff !important;
}
html[data-bs-theme="dark"] .table-context-menu {
background-color: rgba(33, 37, 41, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
html[data-bs-theme="light"] .table-context-menu {
background-color: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
input[type="file"] {
max-width: 100%;
}
.uploadedFileName {
max-width: 75%;
}
.taskCard {
max-height: 20vh;
padding:0.5rem;
overflow:hidden;
border-radius: 4px;
box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
cursor: pointer;
}
.taskCard.nodrag{
cursor:not-allowed;
}
.taskCard-title{
font-size:1.5rem;
font-weight:300;
max-height:10vh;
}
[data-bs-theme=dark] .taskCard {
background-color: rgba(255,255,255,0.5);
}
[data-bs-theme=light] .taskCard {
background-color: rgba(80,80,80,0.25);
}
.override-hide{
display: none !important;
}
.reminderCalendarViewContent .datepicker, .reminderCalendarViewContent .datepicker-inline, .reminderCalendarViewContent .datepicker-days, .reminderCalendarViewContent .table-condensed {
width: 100%;
height: 100%;
table-layout: fixed;
cursor: default;
}
.reminder-exist{
overflow:auto;
vertical-align:top;
}
.reminder-exist p{
margin:0;
}
.reminderCalendarViewContent .datepicker table tr td.day {
cursor: default;
}
.reminderCalendarViewContent .datepicker table tr td.day:hover {
cursor: default;
}
.reminder-calendar-item{
cursor: pointer;
}
.zero-y-padding{
padding-top: 0rem;
padding-bottom: 0rem;
}
.vehicle-sold-banner {
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
text-align: center;
position: absolute;
z-index: 10;
}
.copyable{
cursor: pointer;
}
.accordion-button.skinny {
padding: 0.438rem 0rem !important;
background-color: inherit !important;
}
.planner-indicator{
font-size:1em;
padding:0.2em;
}
html[data-bs-theme="dark"] .btn-adaptive {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #424649;
--bs-btn-hover-border-color: #373b3e;
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5154;
--bs-btn-active-border-color: #373b3e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529;
}
html[data-bs-theme="light"] .btn-adaptive {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa;
}
html[data-bs-theme="dark"] .api-method:hover {
background-color: #373b3e;
}
html[data-bs-theme="light"] .api-method:hover {
background-color: rgba(0,0,0,0.1);
}
.resizable-nav-link {
padding: 0.5rem;
}
@media(max-width: 1400px) {
.resizable-nav-link {
padding-left: 0.35rem;
padding-right: 0.35rem;
padding-top: 0.5rem;
padding-bottom:0.5rem;
}
}
@media(max-width: 1200px) {
.resizable-nav-link {
padding-left: 0.2rem;
padding-right: 0.2rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media(max-width: 992px) {
.resizable-nav-link {
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media(max-width: 768px) {
.resizable-nav-link {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.password-visible-button {
padding: 0rem;
}
.btn-warning {
--bs-btn-color: #fff;
--bs-btn-bg: #DA112A;
--bs-btn-border-color: #DA112A;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #B80E23;
--bs-btn-hover-border-color: #A60C1F;
--bs-btn-focus-shadow-rgb: 218, 17, 42;
}
.motovaultpro-logo {
min-width: 48px;
max-width: 204px;
object-fit: scale-down;
pointer-events: none;
}
.motovaultpro-logo-sticker {
height: 6rem;
width: auto;
object-fit: scale-down;
pointer-events: none;
}
::-ms-reveal {
display: none;
}
.motovaultpro-report-banner {
border-top: thin solid black;
text-align: center;
}
.attachment-badge-xs {
padding-left: 0.25em;
padding-right: 0.25em;
font-size: 0.6em;
font-weight: 500;
top: 15%
}
.motovaultpro-vehicle-logo {
height: 48px;
width: 48px;
border-radius: 50%;
object-fit: cover;
pointer-events: none;
}
.motovaultpro-vehicle-logo.sold {
filter: grayscale(100%);
}
.motovaultpro-uploader {
border: 1px dashed rgb(73,80,87);
border-radius: 0.375rem;
cursor:pointer;
position:relative;
}
.motovaultpro-link-uploader{
position:absolute;
right:0;
top:0;
}
.motovaultpro-link-uploader > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}
.motovaultpro-uploader.solid {
border-style: solid;
}
.setup-wizard-container {
position:relative;
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
height:85vh;
}
.setup-wizard-content{
height: calc(100% - 60px);
overflow-y:auto;
overflow-x:hidden;
padding: 10px 15px;
}
.setup-wizard-nav{
position: absolute;
width:100%;
height: 60px;
bottom: 0;
border-top: #E6E6E6 solid 1px;
}
html[data-bs-theme="dark"] .frosted {
background-color: rgba(33, 37, 41, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
html[data-bs-theme="light"] .frosted {
background-color: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.motovaultpro-body-container {
padding-top: calc(48px + 2.5rem);
min-height: 100vh;
}
.no-top-pad {
margin-top: calc(-48px - 2.5rem);
}
.sticky-top-nav {
top: calc(48px + 2.5rem);
}