upload to codehub
This commit is contained in:
WDI-Ideas
1
public/css/compiled.min.css
vendored
Normal file
1
public/css/compiled.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
385
public/css/confmodal.css
Normal file
385
public/css/confmodal.css
Normal file
@@ -0,0 +1,385 @@
|
||||
input[type="button"] {
|
||||
/*padding: 8px 24px;
|
||||
margin: 12px 8px;
|
||||
font-size: 1.1rem;
|
||||
border-radius: 25px;
|
||||
background: #ffffff;
|
||||
border: none;*/
|
||||
}
|
||||
input[type="button"]:hover {
|
||||
/*background: #ccc;*/
|
||||
}
|
||||
|
||||
.confirm, .confirm-guided {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirm > div:first-of-type, .confirm-guided > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.confirm > div:last-of-type, .confirm-guided > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
.form-group .close{
|
||||
display: inline-block;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
@media (max-height: 620px) {
|
||||
.confirm > div:last-of-type, .confirm-guided > div:last-of-type{
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.confirm > div:last-of-type, .confirm-guided > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirm > div:last-of-type, .confirm-guided > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirm > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirm > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
|
||||
.confirmlogout {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirmlogout > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.confirmlogout > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 53%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.confirmlogout > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirmlogout > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirmlogout > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirmlogout > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
|
||||
.confirmretire {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirmretire > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.confirmretire > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 53%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.confirmretire > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirmretire > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirmretire > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirmretire > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
|
||||
.confirmadd {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirmadd > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.confirmadd > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 53%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.confirmadd > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirmadd > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirmadd > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirmadd > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
|
||||
.confirmedit {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirmedit > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.confirmedit > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 53%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.confirmedit > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirmedit > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirmedit > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirmedit > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
|
||||
.confirmpublish {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirmpublish > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.confirmpublish > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 53%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.confirmpublish > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirmpublish > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirmpublish > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirmpublish > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
|
||||
.confirmdelete {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirmdelete > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.confirmdelete > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 53%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.confirmdelete > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirmdelete > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirmdelete > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirmdelete > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
|
||||
.confirmtest {
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.confirmtest > div:first-of-type {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.confirmtest > div:last-of-type {
|
||||
background: #e2e2e2;
|
||||
/*position: absolute;*/
|
||||
width: 40%;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
top: 53%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 6px;
|
||||
/*border: 1px solid #333;*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.confirmtest > div:last-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.confirmtest > div:last-of-type {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.confirmtest > div:last-of-type div:first-of-type {
|
||||
/*min-width: 150px;
|
||||
padding: 10px;*/
|
||||
}
|
||||
.confirmtest > div:last-of-type div:last-of-type {
|
||||
/*text-align: right;*/
|
||||
}
|
||||
149
public/css/enso.css
Normal file
149
public/css/enso.css
Normal file
@@ -0,0 +1,149 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
|
||||
|
||||
|
||||
#customBtn {
|
||||
display: inline-block;
|
||||
background:linear-gradient(180deg, #e5e5e5, #ffffff );
|
||||
color: #444;
|
||||
border-radius: 5px;
|
||||
border: thin solid #888;
|
||||
box-shadow:0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
|
||||
white-space:nowrap;
|
||||
|
||||
}
|
||||
#customBtn:hover {
|
||||
cursor: pointer;
|
||||
color: #2d76ed;
|
||||
background:linear-gradient(0deg, #e5e5e5, #ffffff );
|
||||
|
||||
}
|
||||
span.label {
|
||||
font-family: serif;
|
||||
font-weight: normal;
|
||||
|
||||
}
|
||||
span.icon {
|
||||
background: url('../images/g-normal.png') transparent 5px 50% no-repeat;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
}
|
||||
span.icon1 {
|
||||
background: url('../images/firebase.png') transparent 5px 50% no-repeat;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
}
|
||||
span.buttonText {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
padding-left: 42px;
|
||||
padding-right: 42px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
/* Use the Roboto font that is loaded in the <head> */
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
/* .table-wrapper {
|
||||
display: block;
|
||||
max-height: 100vh;
|
||||
overflow-y: auto;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
} */
|
||||
|
||||
.tabletopgradientcard {
|
||||
background:linear-gradient(-45deg, #45cafc, #303f9f, #23a6d5, #23d5ab);
|
||||
background-size:200% 200%;
|
||||
-webkit-animation: ensoanimbg 15s ease infinite;
|
||||
-moz-animation: ensoanimbg 15s ease infinite;
|
||||
animation: ensoanimbg 15s ease infinite;
|
||||
border-radius:.40rem;
|
||||
box-shadow:0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
|
||||
|
||||
}
|
||||
|
||||
.tabletopcard {
|
||||
display:block;
|
||||
padding:.5rem 1.5rem;
|
||||
margin-bottom:0;
|
||||
font-size:.875rem;
|
||||
color:#fff;
|
||||
white-space:nowrap;
|
||||
border-radius:.35rem;
|
||||
box-shadow:0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
|
||||
|
||||
}
|
||||
|
||||
.tabletopdropdowncard {
|
||||
display:block;
|
||||
height: 40px;
|
||||
width: 270px;
|
||||
margin: auto;
|
||||
padding:.5rem 1.5rem;
|
||||
margin-bottom:0;
|
||||
font-size:.875rem;
|
||||
color:#6c757d;
|
||||
white-space:nowrap;
|
||||
border-radius:.35rem;
|
||||
/*box-shadow:0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes ensoanimbg {
|
||||
0%{background-position:0% 50%}
|
||||
50%{background-position:100% 50%}
|
||||
100%{background-position:0% 50%}
|
||||
}
|
||||
@-moz-keyframes ensoanimbg {
|
||||
0%{background-position:0% 50%}
|
||||
50%{background-position:100% 50%}
|
||||
100%{background-position:0% 50%}
|
||||
}
|
||||
@keyframes ensoanimbg {
|
||||
0%{background-position:0% 50%}
|
||||
50%{background-position:100% 50%}
|
||||
100%{background-position:0% 50%}
|
||||
}
|
||||
|
||||
.color-dot {
|
||||
height:30px;
|
||||
width: 30px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.customBtn {
|
||||
display: inline-block;
|
||||
background:linear-gradient(180deg, #e5e5e5, #ffffff );
|
||||
color: #444;
|
||||
border-radius: 5px;
|
||||
border: thin solid #888;
|
||||
box-shadow:0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
|
||||
white-space:nowrap;
|
||||
|
||||
}
|
||||
.customBtn:hover {
|
||||
cursor: pointer;
|
||||
color: #2d76ed;
|
||||
background:linear-gradient(0deg, #e5e5e5, #ffffff );
|
||||
|
||||
}
|
||||
|
||||
.form-padding{
|
||||
padding: 7px;
|
||||
}
|
||||
.vertical-center {
|
||||
min-height: 100%; /* Fallback for browsers do NOT support vh unit */
|
||||
min-height: 100vh; /* These two lines are counted as one :-) */
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
98
public/css/main.css
Normal file
98
public/css/main.css
Normal file
File diff suppressed because one or more lines are too long
1
public/css/maps/vertical-layout-dark/style.css.map
Normal file
1
public/css/maps/vertical-layout-dark/style.css.map
Normal file
File diff suppressed because one or more lines are too long
1
public/css/maps/vertical-layout-light/style.css.map
Normal file
1
public/css/maps/vertical-layout-light/style.css.map
Normal file
File diff suppressed because one or more lines are too long
203
public/css/simplePagination.css
Normal file
203
public/css/simplePagination.css
Normal file
@@ -0,0 +1,203 @@
|
||||
/**
|
||||
* CSS themes for simplePagination.js
|
||||
* Author: Flavius Matis - http://flaviusmatis.github.com/
|
||||
* URL: https://github.com/flaviusmatis/simplePagination.js
|
||||
*/
|
||||
|
||||
ul.simple-pagination {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.simple-pagination {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 0 5px 5px 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.simple-pagination ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.simple-pagination li {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
span.ellipse.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ellipse input {
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
/*------------------------------------*\
|
||||
Compact Theme Styles
|
||||
\*------------------------------------*/
|
||||
.compact-theme span {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.compact-theme a, .compact-theme span {
|
||||
float: left;
|
||||
color: #333;
|
||||
font-size:14px;
|
||||
line-height:24px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
border: 1px solid #AAA;
|
||||
border-left: none;
|
||||
min-width: 14px;
|
||||
padding: 0 7px;
|
||||
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
|
||||
background: #efefef; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
|
||||
}
|
||||
|
||||
.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
|
||||
text-decoration: none;
|
||||
background: #efefef; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
|
||||
background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
|
||||
}
|
||||
|
||||
.compact-theme li:first-child a, .compact-theme li:first-child span {
|
||||
border-left: 1px solid #AAA;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.compact-theme li:last-child a, .compact-theme li:last-child span {
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
.compact-theme .current {
|
||||
background: #bbbbbb; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
|
||||
background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.compact-theme .ellipse {
|
||||
background: #EAEAEA;
|
||||
padding: 0 10px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*------------------------------------*\
|
||||
Light Theme Styles
|
||||
\*------------------------------------*/
|
||||
.light-theme span {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.light-theme a, .light-theme span {
|
||||
float: left;
|
||||
color: #666;
|
||||
font-size:14px;
|
||||
line-height:24px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
border: 1px solid #BBB;
|
||||
min-width: 14px;
|
||||
padding: 0 7px;
|
||||
margin: 0 5px 0 0;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
||||
background: #efefef; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
|
||||
}
|
||||
|
||||
.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
|
||||
text-decoration: none;
|
||||
background: #FCFCFC;
|
||||
}
|
||||
|
||||
.light-theme .current {
|
||||
background: #666;
|
||||
color: #FFF;
|
||||
border-color: #444;
|
||||
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.light-theme .ellipse {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*------------------------------------*\
|
||||
Dark Theme Styles
|
||||
\*------------------------------------*/
|
||||
.dark-theme span {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.dark-theme a, .dark-theme span {
|
||||
float: left;
|
||||
color: #CCC;
|
||||
font-size:14px;
|
||||
line-height:24px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
border: 1px solid #222;
|
||||
min-width: 14px;
|
||||
padding: 0 7px;
|
||||
margin: 0 5px 0 0;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
||||
background: #555; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
|
||||
background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
|
||||
background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
|
||||
}
|
||||
|
||||
.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
|
||||
text-decoration: none;
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.dark-theme .current {
|
||||
background: #222;
|
||||
color: #FFF;
|
||||
border-color: #000;
|
||||
box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.dark-theme .ellipse {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
16
public/css/style.css
Normal file
16
public/css/style.css
Normal file
@@ -0,0 +1,16 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500;600;700&display=swap');
|
||||
.alert-error{
|
||||
color: #a94442;
|
||||
background-color: #f2dede;
|
||||
border-color: #ebccd1;
|
||||
}
|
||||
|
||||
.alert-success_msg{
|
||||
color: #3c763d;
|
||||
background-color: #dff0d8;
|
||||
border-color: #d6e9c6;
|
||||
}
|
||||
|
||||
*{
|
||||
font-family: 'Heebo', sans-serif !important;
|
||||
}
|
||||
446
public/css/style4.css
Normal file
446
public/css/style4.css
Normal file
@@ -0,0 +1,446 @@
|
||||
/*
|
||||
DEMO STYLE
|
||||
*/
|
||||
|
||||
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background: #fafafa;
|
||||
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
line-height: 1.7em;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
body , table, table td {
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
|
||||
|
||||
.navbar {
|
||||
padding: 15px 10px;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
margin-bottom: 40px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.navbar-btn {
|
||||
box-shadow: none;
|
||||
outline: none !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
i,
|
||||
span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn .btn-info {
|
||||
background-color: none !important;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7)!important;
|
||||
color: #fff!important;
|
||||
}
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
SIDEBAR STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
height: 740px !important;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
margin-top: 24px;
|
||||
min-width: 450px;
|
||||
max-width: 450px;
|
||||
/* background: #7386D5; */
|
||||
height: 100%;
|
||||
background: white;
|
||||
color: black;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
#sidebar.active {
|
||||
|
||||
min-width: 210px;
|
||||
max-width: 210px;
|
||||
/* text-align: right; */
|
||||
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header h3,
|
||||
#sidebar.active .CTAs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header {
|
||||
margin-left: 20px;
|
||||
margin-top: 14px;
|
||||
margin-right: 14px;
|
||||
margin-bottom: 15px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong {
|
||||
padding-left: 20px !important;
|
||||
padding: 8px;
|
||||
font-size: 0.9em !important;
|
||||
display: block;
|
||||
border-radius: 20px;
|
||||
margin-bottom: 15px;
|
||||
/* text-align: right; */
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article1:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article2:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article3:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article4:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article5:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article6:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article7:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
#sidebar.active .sidebar-header strong.article8:hover{
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article{
|
||||
background: #17b4d5;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article1{
|
||||
background: #19c1d7;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article2{
|
||||
background: #3b88e2;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article3{
|
||||
background: #1067ce;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article4{
|
||||
background: #0d5ab6;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article5{
|
||||
background: #4e95e8;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article6{
|
||||
background: #3b88e2;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article7{
|
||||
background: #337ace;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar.active .sidebar-header strong.article8{
|
||||
background: #0f5ebc;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#sidebar ul li a{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* #sidebar ul li a{
|
||||
text-align: right;
|
||||
} */
|
||||
|
||||
#sidebar.active ul li a {
|
||||
padding: 10px 10px;
|
||||
text-align: left;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
#sidebar.active ul li a i {
|
||||
margin-right: 0;
|
||||
display: block;
|
||||
font-size: 1.8em;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#sidebar.active ul ul a {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
#sidebar.active .dropdown-toggle::after {
|
||||
top: auto;
|
||||
bottom: 10px;
|
||||
right: 50%;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
}
|
||||
|
||||
/* #sidebar .sidebar-header {
|
||||
color:#fff;
|
||||
padding: 8px;
|
||||
border-radius:15px;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
} */
|
||||
|
||||
#sidebar .sidebar-header{
|
||||
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidebar ul.components {
|
||||
padding: 20px 0;
|
||||
border-radius:15px;
|
||||
border-bottom: 1px solid #47748b;
|
||||
}
|
||||
|
||||
#sidebar ul li a {
|
||||
padding: 10px;
|
||||
font-size: 1.3em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar strong span {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover {
|
||||
color: white;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
|
||||
#sidebar ul li a i {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#sidebar ul li.active>a,
|
||||
a[aria-expanded="true"] {
|
||||
color: #fff;
|
||||
background: linear-gradient(320deg, #19a3cc,#205cd7,#20d5d7);
|
||||
}
|
||||
|
||||
a[data-toggle="collapse"] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
ul ul a {
|
||||
font-size: 0.9em !important;
|
||||
padding-left: 30px !important;
|
||||
background: #6d7fcc;
|
||||
}
|
||||
|
||||
ul.CTAs {
|
||||
padding: 14px;
|
||||
padding-left: 12px
|
||||
}
|
||||
|
||||
ul.CTAs a{
|
||||
|
||||
font-size: 0.9em !important;
|
||||
display: block;
|
||||
border-radius: 20px;
|
||||
margin-bottom: 8px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
a.download {
|
||||
background: #fff;
|
||||
color: #7386D5;
|
||||
}
|
||||
|
||||
a.article,
|
||||
a.article:hover {
|
||||
background: #17b4d5;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article1,
|
||||
a.article1:hover {
|
||||
background: #19c1d7;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article2,
|
||||
a.article2:hover {
|
||||
background: #3b88e2;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article3,
|
||||
a.article3:hover {
|
||||
background: #1067ce;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article4,
|
||||
a.article4:hover {
|
||||
background: #0d5ab6;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article5,
|
||||
a.article5:hover {
|
||||
background: #4e95e8;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article6,
|
||||
a.article6:hover {
|
||||
background: #3b88e2;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article7,
|
||||
a.article7:hover {
|
||||
background: #337ace;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
a.article8,
|
||||
a.article8:hover {
|
||||
background: #0f5ebc;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
CONTENT STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
|
||||
#content {
|
||||
width: 100%;
|
||||
padding-left: 5px;
|
||||
min-height: 80vh;
|
||||
transition: all 0.3s;
|
||||
overflow: auto;
|
||||
height:740px;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
MEDIAQUERIES
|
||||
----------------------------------------------------- */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#sidebar {
|
||||
min-width: 80px;
|
||||
max-width: 80px;
|
||||
margin-left: -80px !important;
|
||||
}
|
||||
.dropdown-toggle::after {
|
||||
top: auto;
|
||||
bottom: 10px;
|
||||
right: 50%;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
}
|
||||
#sidebar.active {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
#sidebar .sidebar-header h3,
|
||||
#sidebar .CTAs {
|
||||
display: none;
|
||||
}
|
||||
#sidebar .sidebar-header strong {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar .sidebar-header{
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#sidebar .sidebar-header strong{
|
||||
font-size: 0.9em !important;
|
||||
display: block;
|
||||
border-radius: 20px;
|
||||
margin: 18px;
|
||||
}
|
||||
|
||||
#sidebar ul li a {
|
||||
padding: 20px 10px;
|
||||
|
||||
}
|
||||
#sidebar ul li a span {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
#sidebar ul li a i {
|
||||
margin-right: 0;
|
||||
display: block;
|
||||
}
|
||||
#sidebar ul ul a {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#sidebar ul li a i {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
#sidebar {
|
||||
margin-left: 0;
|
||||
}
|
||||
#sidebarCollapse span {
|
||||
display: none;
|
||||
|
||||
}
|
||||
}
|
||||
13
public/css/the-big-picture.css
Normal file
13
public/css/the-big-picture.css
Normal file
@@ -0,0 +1,13 @@
|
||||
/*!
|
||||
* Start Bootstrap - The Big Picture (https://startbootstrap.com/template-overviews/the-big-picture)
|
||||
* Copyright 2013-2017 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-the-big-picture/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
body {
|
||||
background: #FFFFFF;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
29851
public/css/vertical-layout-dark/style.css
Normal file
29851
public/css/vertical-layout-dark/style.css
Normal file
File diff suppressed because one or more lines are too long
30873
public/css/vertical-layout-light/style.css
Normal file
30873
public/css/vertical-layout-light/style.css
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user