hfkfhkfhgjkuhgfkjfghkj
This commit is contained in:
Local Dev
322
app/css/main.css
Executable file
322
app/css/main.css
Executable file
@ -0,0 +1,322 @@
|
||||
/**
|
||||
* app/css/main.css
|
||||
*
|
||||
* This file is for any css that should be applied site wide.
|
||||
*
|
||||
* @version 3.0
|
||||
* @author Joey Kimsey <Joey@thetempusproject.com>
|
||||
* @link https://TheTempusProject.com
|
||||
* @license https://opensource.org/licenses/MIT [MIT LICENSE]
|
||||
*/
|
||||
|
||||
.context-main-border {
|
||||
border-color: #1e1e1e!important;
|
||||
}
|
||||
|
||||
.context-main-bg {
|
||||
background-color: #f7f7f7;
|
||||
/* background-color: #b1b; */
|
||||
}
|
||||
.context-second-bg {
|
||||
background-color: #eaeaea;
|
||||
/* background-color: #b1b; */
|
||||
}
|
||||
.context-third-bg {
|
||||
background-color: #ccc;
|
||||
/* background-color: #b1b; */
|
||||
}
|
||||
|
||||
.context-main {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.nav-link.active {
|
||||
font-weight: bold; /* Make the text bold */
|
||||
}
|
||||
|
||||
hr {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* Base styles for the switch container */
|
||||
.material-switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
/* Hide the default checkbox */
|
||||
.material-switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Style the label as the switch */
|
||||
.material-switch .label-default {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: var(--switch-off-bg, #ccc);
|
||||
border-radius: 25px;
|
||||
transition: background-color 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/* Style the toggle circle (slider) */
|
||||
.material-switch .label-default::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 50%;
|
||||
background-color: var(--switch-slider-bg, #fff);
|
||||
bottom: 2.5px;
|
||||
left: 5px;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
box-shadow: 0 2px 4px #00000033;
|
||||
}
|
||||
|
||||
/* Change background color when checked */
|
||||
.material-switch input:checked + .label-default {
|
||||
background-color: var(--switch-on-bg, #555); /* Bootstrap primary color */
|
||||
}
|
||||
|
||||
/* Move the slider when checked */
|
||||
.material-switch input:checked + .label-default::before {
|
||||
transform: translateX(25px); /* Adjust based on switch width */
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #e4e4e4;
|
||||
/* background-image: linear-gradient(180deg, #eee, #fff 100px, #fff); */
|
||||
}
|
||||
@media ( min-width: 768px ) {
|
||||
.main {
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
#wrapper {
|
||||
padding-right: 225px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.bd-placeholder-img-lg {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Install Terms
|
||||
*/
|
||||
.install-terms {
|
||||
text-align: left;
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
border: 1px solid #ccc;
|
||||
background: #f2f2f2;
|
||||
padding: 6px;
|
||||
overflow: auto;
|
||||
}
|
||||
.install-terms p,
|
||||
.install-terms li {
|
||||
font: normal 11px/15px arial;
|
||||
color: #333;
|
||||
}
|
||||
.install-terms h3 {
|
||||
font: bold 14px/19px arial;
|
||||
color: #000;
|
||||
}
|
||||
.install-terms h4 {
|
||||
font: bold 12px/17px arial;
|
||||
color: #000;
|
||||
}
|
||||
.install-terms strong {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Terms Page
|
||||
*/
|
||||
.terms-page {
|
||||
text-align: left;
|
||||
border: 1px solid #ccc;
|
||||
background: #f2f2f2;
|
||||
padding: 6px;
|
||||
overflow: auto;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.terms-page p,
|
||||
.terms-page li {
|
||||
font: normal 11px/15px arial;
|
||||
color: #333;
|
||||
}
|
||||
.terms-page h3 {
|
||||
font: bold 14px/19px arial;
|
||||
color: #000;
|
||||
}
|
||||
.terms-page h4 {
|
||||
font: bold 12px/17px arial;
|
||||
color: #000;
|
||||
}
|
||||
.terms-page strong {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Terms
|
||||
*/
|
||||
.terms {
|
||||
text-align: left;
|
||||
width: 450px;
|
||||
height: 150px;
|
||||
border: 1px solid #ccc;
|
||||
background: #f2f2f2;
|
||||
padding: 6px;
|
||||
overflow: auto;
|
||||
}
|
||||
.terms p,
|
||||
.terms li {
|
||||
font: normal 11px/15px arial;
|
||||
color: #333;
|
||||
}
|
||||
.terms h3 {
|
||||
font: bold 14px/19px arial;
|
||||
color: #000;
|
||||
}
|
||||
.terms h4 {
|
||||
font: bold 12px/17px arial;
|
||||
color: #000;
|
||||
}
|
||||
.terms strong {
|
||||
color: #000;
|
||||
}
|
||||
.pricing-header {
|
||||
max-width: 700px;
|
||||
}
|
||||
.pricing-container {
|
||||
max-width: 960px;
|
||||
}
|
||||
.bd-placeholder-img {
|
||||
font-size: 1.125rem;
|
||||
text-anchor: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.b-example-vr {
|
||||
flex-shrink: 0;
|
||||
width: 1.5rem;
|
||||
height: 100vh;
|
||||
}
|
||||
.bi {
|
||||
vertical-align: -.125em;
|
||||
fill: currentColor;
|
||||
}
|
||||
.form-control-dark {
|
||||
border-color: var(--bs-gray);
|
||||
}
|
||||
.form-control-dark:focus {
|
||||
border-color: #fff;
|
||||
box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
|
||||
}
|
||||
.text-small {
|
||||
font-size: 85%;
|
||||
}
|
||||
.dropdown-toggle {
|
||||
outline: 0;
|
||||
}
|
||||
.b-example-divider {
|
||||
height: 3rem;
|
||||
background-color: rgba(0, 0, 0, .1);
|
||||
border: solid rgba(0, 0, 0, .15);
|
||||
border-width: 1px 0;
|
||||
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
||||
}
|
||||
.b-example-vr {
|
||||
flex-shrink: 0;
|
||||
width: 1.5rem;
|
||||
height: 100vh;
|
||||
}
|
||||
.nav-scroller {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
height: 2.75rem;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.nav-scroller .nav {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
padding-bottom: 1rem;
|
||||
margin-top: -1px;
|
||||
overflow-x: auto;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.b-example-vr {
|
||||
flex-shrink: 0;
|
||||
width: 1.5rem;
|
||||
height: 100vh;
|
||||
}
|
||||
.feature-icon {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border-radius: .75rem;
|
||||
}
|
||||
.icon-link > .bi {
|
||||
margin-top: .125rem;
|
||||
margin-left: .125rem;
|
||||
fill: currentcolor;
|
||||
transition: transform .25s ease-in-out;
|
||||
}
|
||||
.icon-link:hover > .bi {
|
||||
transform: translate(.25rem);
|
||||
}
|
||||
.icon-square {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-radius: .75rem;
|
||||
}
|
||||
.text-shadow-1 {
|
||||
text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
|
||||
}
|
||||
.text-shadow-2 {
|
||||
text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
|
||||
}
|
||||
.text-shadow-3 {
|
||||
text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
|
||||
}
|
||||
.card-cover {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
}
|
||||
.feature-icon-small {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
.gradient-custom-2 {
|
||||
/* fallback for old browsers */
|
||||
background: #fccb90;
|
||||
|
||||
/* Chrome 10-25, Safari 5.1-6 */
|
||||
background: -webkit-linear-gradient(to right, #2c2c2c, #1e1e1e, #1e1e1e);
|
||||
|
||||
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
background: linear-gradient(to right, #2c2c2c, #1e1e1e, #1e1e1e);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user