hfkfhkfhgjkuhgfkjfghkj
This commit is contained in:
Local Dev
74
app/css/debug.css
Executable file
74
app/css/debug.css
Executable file
@ -0,0 +1,74 @@
|
||||
/**
|
||||
* app/css/debug.css
|
||||
*
|
||||
* This is css used in the debuging console.
|
||||
*
|
||||
* @version 3.0
|
||||
* @author Joey Kimsey <Joey@thetempusproject.com>
|
||||
* @link https://TheTempusProject.com
|
||||
* @license https://opensource.org/licenses/MIT [MIT LICENSE]
|
||||
*/
|
||||
a {
|
||||
color: #0000ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#debug-wrapper {
|
||||
margin: 0 auto;
|
||||
margin-bottom: 20px;
|
||||
background: #eee;
|
||||
width: 1000px;
|
||||
max-width: 100%;
|
||||
border: 2px solid #212121;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#debug-log {
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 25px;
|
||||
margin-left: 25px;
|
||||
margin-right: 25px;
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
height: 300px;
|
||||
border: 1px solid #a7a7a7;
|
||||
overflow: auto;
|
||||
border-radius: 4px;
|
||||
border-bottom: 4px solid #a7a7a7;
|
||||
}
|
||||
|
||||
.debug-log {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.debug-log-error {
|
||||
border-radius: 4px;
|
||||
border-left: 5px solid #ff0000;
|
||||
border-bottom: 2px solid #ff0000;
|
||||
}
|
||||
|
||||
.debug-log-info {
|
||||
border-radius: 4px;
|
||||
border-left: 5px solid #0800ff;
|
||||
border-bottom: 2px solid #0800ff;
|
||||
}
|
||||
|
||||
.debug-log-warn {
|
||||
border-radius: 4px;
|
||||
border-left: 5px solid #eaff00;
|
||||
border-bottom: 2px solid #eaff00;
|
||||
}
|
||||
|
||||
#debug-header {
|
||||
padding: 15px 25px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#debug-header p {
|
||||
flex: 1;
|
||||
}
|
||||
158
app/css/main-dark.css
Executable file
158
app/css/main-dark.css
Executable file
@ -0,0 +1,158 @@
|
||||
/**
|
||||
* app/css/main-dark.css
|
||||
*
|
||||
* This file provides dark mode styles to override existing Bootstrap 5 base styles.
|
||||
*
|
||||
* @version 3.0-dark
|
||||
* @author Joey Kimsey <Joey@thetempusproject.com>
|
||||
* @link https://TheTempusProject.com
|
||||
* @license https://opensource.org/licenses/MIT [MIT LICENSE]
|
||||
*/
|
||||
|
||||
.context-main-border {
|
||||
border-color: #f5f5f5!important;
|
||||
}
|
||||
|
||||
.context-main-bg {
|
||||
background-color: #2c2c2c;
|
||||
}
|
||||
.context-second-bg {
|
||||
background-color: #383838;
|
||||
}
|
||||
.context-third-bg {
|
||||
background-color: #3a3a3a;
|
||||
}
|
||||
.context-other-bg {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
.context-main {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bg-default {
|
||||
background-color: #2c2c2c;
|
||||
}
|
||||
hr {
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.bg-none,.bg-warning {
|
||||
color: #000 !important;
|
||||
}
|
||||
.accordion-button:not(.collapsed) {
|
||||
color: #f5f5f5;
|
||||
background-color: var(--bs-accordion-dark-active-bg);
|
||||
}
|
||||
body {
|
||||
background-image: linear-gradient(180deg, #2c2c2c, #1e1e1e 100px, #1e1e1e);
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
/**
|
||||
* Install Terms
|
||||
*/
|
||||
.install-terms {
|
||||
border: 1px solid #555;
|
||||
background: #3a3a3a;
|
||||
}
|
||||
.install-terms p,
|
||||
.install-terms li {
|
||||
color: #dcdcdc;
|
||||
}
|
||||
.install-terms h3 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.install-terms h4 {
|
||||
color: #eaeaea;
|
||||
}
|
||||
.install-terms strong {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Terms Page
|
||||
*/
|
||||
.terms-page {
|
||||
border: 1px solid #555;
|
||||
background: #3a3a3a;
|
||||
}
|
||||
.terms-page p,
|
||||
.terms-page li {
|
||||
color: #dcdcdc;
|
||||
}
|
||||
.terms-page h3 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.terms-page h4 {
|
||||
color: #eaeaea;
|
||||
}
|
||||
.terms-page strong {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Terms
|
||||
*/
|
||||
.terms {
|
||||
border: 1px solid #555;
|
||||
background: #3a3a3a;
|
||||
}
|
||||
.terms p,
|
||||
.terms li {
|
||||
color: #dcdcdc;
|
||||
}
|
||||
.terms h3 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.terms h4 {
|
||||
color: #eaeaea;
|
||||
}
|
||||
.terms strong {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Form Control
|
||||
*/
|
||||
.form-control-dark:focus {
|
||||
border-color: #1e90ff;
|
||||
box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .5);
|
||||
}
|
||||
|
||||
/**
|
||||
* Example Divider
|
||||
*/
|
||||
.b-example-divider {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
/**
|
||||
* Text Shadows
|
||||
*/
|
||||
.text-shadow-1 {
|
||||
text-shadow: 0 .125rem .25rem rgba(255, 255, 255, .25);
|
||||
}
|
||||
.text-shadow-2 {
|
||||
text-shadow: 0 .25rem .5rem rgba(255, 255, 255, .25);
|
||||
}
|
||||
.text-shadow-3 {
|
||||
text-shadow: 0 .5rem 1.5rem rgba(255, 255, 255, .25);
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #1f1f1f;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
color: #e0e0e0;
|
||||
border-color: #1e90ff;
|
||||
background-color: #1f1f1f;
|
||||
box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .5);
|
||||
}
|
||||
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);
|
||||
}
|
||||
|
||||
218
app/css/wysiwyg.css
Executable file
218
app/css/wysiwyg.css
Executable file
@ -0,0 +1,218 @@
|
||||
/**
|
||||
* app/css/wysiwyg.css
|
||||
*
|
||||
* This file is for the wysiwyg editor's css.
|
||||
*
|
||||
* @version 3.0
|
||||
* @author Joey Kimsey <Joey@thetempusproject.com>
|
||||
* @link https://TheTempusProject.com
|
||||
* @license https://opensource.org/licenses/MIT [MIT LICENSE]
|
||||
*/
|
||||
body {
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-family: 'Helvetica Neue', 'Helvetica', arial, sans-serif;
|
||||
}
|
||||
|
||||
/* WYSIWYG Editor */
|
||||
.wp-webdeasy-comment-editor {
|
||||
width: 40rem;
|
||||
min-height: 18rem;
|
||||
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
|
||||
border-top: 6px solid #4a4a4a;
|
||||
border-radius: 3px;
|
||||
margin: 2rem 0;
|
||||
|
||||
.toolbar {
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
|
||||
.line {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #e2e2e2;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
border-left: 1px solid #e2e2e2;
|
||||
|
||||
.editor-btn {
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
transition: .2s ease all;
|
||||
|
||||
&:hover, &.active {
|
||||
background-color: #e1e1e1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.icon img {
|
||||
width: 15px;
|
||||
padding: 9px;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
&.icon.smaller img {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
&.has-submenu {
|
||||
width: 20px;
|
||||
padding: 0 10px;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
position: absolute;
|
||||
background-image: url(https://img.icons8.com/ios-glyphs/30/000000/chevron-down.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
.submenu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 34px;
|
||||
left: -1px;
|
||||
z-index: 10;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #b5b5b5;
|
||||
border-top: none;
|
||||
|
||||
.btn {
|
||||
width: 39px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .submenu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-area {
|
||||
padding: 15px 12px;
|
||||
line-height: 1.5;
|
||||
|
||||
.visuell-view {
|
||||
outline: none;
|
||||
min-height: 12rem;
|
||||
|
||||
p {
|
||||
margin: 12px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.html-view {
|
||||
outline: none;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
border: none;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Modal */
|
||||
.modal {
|
||||
z-index: 40;
|
||||
display: none;
|
||||
|
||||
.modal-wrapper {
|
||||
background-color: #FFF;
|
||||
padding: 1rem;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 20rem;
|
||||
min-height: 10rem;
|
||||
z-index: 41;
|
||||
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
flex-direction: column;
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
margin: 1rem 0;
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
|
||||
.row {
|
||||
|
||||
label {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #D2434F;
|
||||
border: 0;
|
||||
color: #FFF;
|
||||
padding: .5rem 1.2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-bg {
|
||||
position: fixed;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Codepen Footer */
|
||||
footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
|
||||
p {
|
||||
margin: 0.5rem 1rem;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user