-
-
diff --git a/admin/style.css b/admin/style.css
index e7ab1ae..4cf1ebf 100644
--- a/admin/style.css
+++ b/admin/style.css
@@ -5,8 +5,7 @@
body {
font-size: 14px !important;
- font-family: 'Montserrat',
-sans-serif !important;
+ font-family: 'Montserrat', sans-serif !important;
}
@@ -64,8 +63,7 @@ body .main-header .navbar .sidebar-toggle:hover {
font-size: 13px;
padding: 15px;
}
-body .main-sidebar,
-body .control-sidebar {
+body .main-sidebar, body .control-sidebar {
padding-top: 60px;
}
.main-footer.fixed {
@@ -77,8 +75,7 @@ body .control-sidebar {
padding: 3px 10px;
}
-.modal-header[class^="alert-"],
-.modal-header[class*=" alert-"] {
+.modal-header[class^="alert-"], .modal-header[class*=" alert-"] {
border-radius: 6px 6px 0 0;
}
@@ -144,9 +141,7 @@ body .control-sidebar {
align-items: stretch;
width: 100%;
}
-.form-group .input-group input.form-control,
-.form-group .input-group textarea,
-.form-group .input-group select {
+.form-group .input-group input.form-control, .form-group .input-group textarea, .form-group .input-group select {
display: block;
background: none;
padding: .125rem .125rem .0625rem;
@@ -176,8 +171,7 @@ body .control-sidebar {
-webkit-transition: all .28s ease;
transition: all .28s ease;
}
-.form-group .control-label,
-.form-group input:invalid.has-value~.control-label {
+.form-group .control-label, .form-group input:invalid.has-value~.control-label {
color: #de5050;
}
.form-group input[required] + .control-label:after {
@@ -205,26 +199,14 @@ body .control-sidebar {
transition: left .28s ease,width .28s ease;
z-index: 2;
}
-.form-group input:focus,
-.form-group select:focus,
-.form-group textarea:focus {
+.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
outline: none;
border-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
-.form-group.show input~.control-label,
-.form-group input.form-file~.control-label,
-.form-group input.has-value~.control-label,
-.form-group input:focus~.control-label,
-.form-group input:valid~.control-label,
-.form-group select~.control-label,
-.form-group textarea.form-file~.control-label,
-.form-group textarea.has-value~.control-label,
-.form-group textarea:focus~.control-label,
-.form-group textarea:valid~.control-label,
-.form-group .bts_dropdown~.control-label {
+.form-group.show input~.control-label, .form-group input.form-file~.control-label, .form-group input.has-value~.control-label, .form-group input:focus~.control-label, .form-group input:valid~.control-label, .form-group select~.control-label, .form-group textarea.form-file~.control-label, .form-group textarea.has-value~.control-label, .form-group textarea:focus~.control-label, .form-group textarea:valid~.control-label, .form-group .bts_dropdown~.control-label {
font-size: .6rem;
color: #4ae387;
font-weight: 600;
@@ -232,9 +214,7 @@ body .control-sidebar {
top: -1rem;
left: 0;
}
-.form-group input:focus~.bar:before,
-.form-group select:focus~.bar:before,
-.form-group textarea:focus~.bar:before {
+.form-group input:focus~.bar:before, .form-group select:focus~.bar:before, .form-group textarea:focus~.bar:before {
width: 100%;
left: 0;
}
@@ -247,16 +227,12 @@ body .control-sidebar {
display: none;
}
-.dt-bootstrap4 div.dataTables_paginate li.first a:before,
-.dt-bootstrap4 div.dataTables_paginate li.previous a:before,
-.dt-bootstrap4 div.dataTables_paginate li.next a:after,
-.dt-bootstrap4 div.dataTables_paginate li.last a:after {
+.dt-bootstrap4 div.dataTables_paginate li.first a:before, .dt-bootstrap4 div.dataTables_paginate li.previous a:before, .dt-bootstrap4 div.dataTables_paginate li.next a:after, .dt-bootstrap4 div.dataTables_paginate li.last a:after {
top: 0;
padding: .5rem 0;
}
-table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
-table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
+table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
top: 6px;
}
@@ -277,9 +253,7 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
- transform: translate3d(2000px,
-0,
-0);
+ transform: translate3d(2000px, 0, 0);
}
.toast.showing {
@@ -294,8 +268,7 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
transform: none;
}
-.toast-wrapper:hover .toast.show,
-.toast-wrapper:hover .toast.show .progress-bar {
+.toast-wrapper:hover .toast.show, .toast-wrapper:hover .toast.show .progress-bar {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
@@ -325,18 +298,12 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
-o-animation-duration: 10s;
animation-duration: 10s;
}
-
@media (min-width: 768px) {
- .sidebar-collapse aside.main-sidebar,
- .sidebar-collapse .main-header .logo {
- -webkit-transform: translate(0,
-0);
- -ms-transform: translate(0,
-0);
- -o-transform: translate(0,
-0);
- transform: translate(0,
-0);
+ .sidebar-collapse aside.main-sidebar, .sidebar-collapse .main-header .logo {
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ transform: translate(0, 0);
width: 50px;
}
.sidebar-collapse .main-header .logo {
@@ -351,9 +318,7 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
.sidebar-collapse .main-header .navbar {
margin-left: 50px;
}
- .sidebar-collapse aside.main-sidebar #affiliates,
- .sidebar-collapse aside.main-sidebar #share,
- .sidebar-collapse #mainMenu > ul li a > span {
+ .sidebar-collapse aside.main-sidebar #affiliates, .sidebar-collapse aside.main-sidebar #share, .sidebar-collapse #mainMenu > ul li a > span {
display: none;
}
@@ -455,14 +420,12 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
z-index: 2000;
}
-.ui-autocomplete .ui-menu-item span,
-.ui-autocomplete .ui-menu-item em {
+.ui-autocomplete .ui-menu-item span, .ui-autocomplete .ui-menu-item em {
font-size: .8em;
color: #3c8dbc;
}
-.ui-autocomplete .ui-menu-item.ui-state-focus span,
-.ui-autocomplete .ui-menu-item em {
+.ui-autocomplete .ui-menu-item.ui-state-focus span, .ui-autocomplete .ui-menu-item em {
color: #000000;
}
@@ -491,9 +454,7 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
font-size: 1em;
}
-.dtr-details .dtr-title br,
-.dtr-details .dtr-title input,
-.dtr-details .dtr-title select {
+.dtr-details .dtr-title br, .dtr-details .dtr-title input, .dtr-details .dtr-title select {
display: none;
}
@@ -506,8 +467,7 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
.skin-black-light .control-sidebar-light .control-sidebar-menu>li>a:hover {
background-color: #5c5c5c;
}
-.control-sidebar-bg,
-.control-sidebar {
+.control-sidebar-bg, .control-sidebar {
right: -245px;
}
.control-sidebar-light .control-sidebar-menu {
@@ -560,17 +520,11 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
right: 0;
z-index: 1100;
background-color: #999;
- background-color: rgba(0,
-0,
-0,
-0.5);
+ background-color: rgba(0, 0, 0, 0.5);
}
.message-box:hover {
- background-color: rgba(0,
-0,
-0,
-0.7);
+ background-color: rgba(0, 0, 0, 0.7);
}
.message-box a {
@@ -585,13 +539,11 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
display: none;
}
-#myportfolio th,
-#myportfolioS th {
+#myportfolio th, #myportfolioS th {
text-align: right;
}
-#myportfolio th:first-child,
-#myportfolioS th:first-child {
+#myportfolio th:first-child, #myportfolioS th:first-child {
text-align: left;
}
@@ -599,13 +551,8 @@ table.dataTable.table-sm.dtr-inline.collapsed > tbody > tr[role="row"] > th:firs
float: right;
}
-.responsive-table table,
-#data_table {
- font-family: 'Source Sans Pro',
-'Helvetica Neue',
-Helvetica,
-Arial,
-sans-serif;
+.responsive-table table, #data_table {
+ font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-collapse: collapse !important;
}
@@ -629,9 +576,7 @@ sans-serif;
border: 1px solid #4267b2;
color: #fff;
cursor: pointer;
- font-family: Helvetica,
-Arial,
-sans-serif;
+ font-family: Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
margin: 0 0 0 5px;
-webkit-user-select: none;
@@ -662,13 +607,8 @@ sans-serif;
outline-style: none;
}
-#facebook ._2tga span._49vh,
-#facebook ._2tga span._5n6h,
-#facebook ._49vh,
-._5n6h {
- font-family: Helvetica,
-Arial,
-sans-serif;
+#facebook ._2tga span._49vh, #facebook ._2tga span._5n6h, #facebook ._49vh, ._5n6h {
+ font-family: Helvetica, Arial, sans-serif;
vertical-align: middle;
}
@@ -704,19 +644,16 @@ sans-serif;
animation-play-state: paused
}
-.marquee > span > span,
-.marquee > span > a {
+.marquee > span > span, .marquee > span > a {
margin-right: 2em;
padding-right: 1em;
}
-.ascending-0,
-.ascending-1 {
+.ascending-0, .ascending-1 {
position: relative;
}
-.ascending-0:after,
-.ascending-1:after {
+.ascending-0:after, .ascending-1:after {
position: absolute;
top: 0;
right: 0;
@@ -751,412 +688,270 @@ sans-serif;
}
.modal-dialog {
- -webkit-box-shadow: 0 0.5rem 1rem rgba(0,
-0,
-0,
-.5);
- box-shadow: 0 0.5rem 1rem rgba(0,
-0,
-0,
-.5);
-}
-.btn.btn-primary,
-.medium-editor-toolbar .medium-editor-action {
- background-color: #4ae387;
+ -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .5);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .5);
+}
+.btn.btn-default {
+ border: none;
+}
+.btn.btn-default:hover {
+ background-color: #f9f9f9;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(214, 214, 214, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(214, 214, 214, 0.5);
+}
+.btn.btn-default:active {
+ background-color: #e5e5e5;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(238, 238, 238, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(238, 238, 238, 0.5);
+ color: #000
+}
+.btn.btn-outline-primary {
+ color: #4ae387;
+ border-color: #4ae387;
+}
+.btn.btn-primary, .btn.btn-secondary, .btn.btn-danger, .btn.btn-warning, .btn.btn-info, .btn.btn-success {
color: #fff;
- -webkit-box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
border: none
}
-
-.btn.btn-primary:hover,
-.medium-editor-toolbar .medium-editor-action:hover {
+.btn.btn-primary, .medium-editor-toolbar .medium-editor-action {
+ background-color: #4ae387;
+}
+.btn.btn-primary:hover, .btn.btn-outline-primary:hover, .medium-editor-toolbar .medium-editor-action:hover {
color: #fff;
- background-color: #76eaa4
+ background-color: #76eaa4;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5);
+ box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5);
}
-
-.btn.btn-primary.active,
-.btn.btn-primary:active,
-.btn.btn-primary:not([disabled]):not(.disabled).active,
-.btn.btn-primary:not([disabled]):not(.disabled):active,
-.medium-editor-toolbar .active.medium-editor-action,
-.medium-editor-toolbar .medium-editor-action:active,
-.medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled).active,
-.medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled):active {
+.btn.btn-primary.active, .btn.btn-primary:active, .btn.btn-outline-primary.active, .btn.btn-outline-primary:active, .btn.btn-primary:not([disabled]):not(.disabled).active, .btn.btn-primary:not([disabled]):not(.disabled):active, .btn.btn-outline-primary:not([disabled]):not(.disabled).active, .btn.btn-outline-primary:not([disabled]):not(.disabled):active, .medium-editor-toolbar .active.medium-editor-action, .medium-editor-toolbar .medium-editor-action:active, .medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled).active, .medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled):active {
background-color: #1ec260;
- -webkit-box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
+ -webkit-box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5);
+ box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5);
color: #fff
}
-
-.btn.btn-primary.active:focus,
-.btn.btn-primary:active:focus,
-.btn.btn-primary:not([disabled]):not(.disabled).active:focus,
-.btn.btn-primary:not([disabled]):not(.disabled):active:focus,
-.medium-editor-toolbar .active.medium-editor-action:focus,
-.medium-editor-toolbar .medium-editor-action:active:focus,
-.medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled).active:focus,
-.medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5)
-}
-
-.btn.btn-primary[disabled],
-.btn.btn-primary[disabled]:hover,
-.medium-editor-toolbar .medium-editor-action[disabled],
-.medium-editor-toolbar .medium-editor-action[disabled]:hover {
+.btn.btn-primary.active:focus, .btn.btn-primary:active:focus, .btn.btn-primary:not([disabled]):not(.disabled).active:focus, .btn.btn-primary:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-primary.active:focus, .btn.btn-outline-primary:active:focus, .btn.btn-outline-primary:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .medium-editor-toolbar .active.medium-editor-action:focus, .medium-editor-toolbar .medium-editor-action:active:focus, .medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled).active:focus, .medium-editor-toolbar .medium-editor-action:not([disabled]):not(.disabled):active:focus {
+ -webkit-box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5);
+ box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5)
+}
+.btn.btn-outline-primary.active:focus, .btn.btn-outline-primary:active:focus, .btn.btn-outline-primary:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-primary.active, .btn.btn-outline-primary:active, .btn.btn-outline-primary:not([disabled]):not(.disabled).active, .btn.btn-outline-primary:not([disabled]):not(.disabled):active {
+ border-color: #1ec260;
+}
+.btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-outline-primary[disabled], .btn.btn-outline-primary[disabled]:hover, .medium-editor-toolbar .medium-editor-action[disabled], .medium-editor-toolbar .medium-editor-action[disabled]:hover {
background-color: #1ec260;
color: #14803f;
opacity: .5
}
-.btn.btn-primary.hover,
-.medium-editor-toolbar .hover.medium-editor-action {
+.btn.btn-primary.hover, .btn.btn-outline-primary.hover, .medium-editor-toolbar .hover.medium-editor-action {
background-color: #76eaa4 !important;
color: #fff
}
-.btn.btn-primary.focus,
-.medium-editor-toolbar .focus.medium-editor-action {
+.btn.btn-primary.focus, .btn.btn-outline-primary.focus, .medium-editor-toolbar .focus.medium-editor-action {
background-color: #1ec260;
color: #fff
}
+.btn.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
+}
.btn.btn-secondary {
- background-color: #4ae387;
color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #4ae387;
- border: 2px solid #4ae387;
- background-color: #fff
+ background-color: #6c757d
}
-
-.btn.btn-secondary:hover {
+.btn.btn-secondary:hover, .btn.btn-outline-secondary:hover {
color: #fff;
- background-color: #76eaa4
-}
-
-.btn.btn-secondary.active,
-.btn.btn-secondary:active,
-.btn.btn-secondary:not([disabled]):not(.disabled).active,
-.btn.btn-secondary:not([disabled]):not(.disabled):active {
- background-color: #1ec260;
- -webkit-box-shadow: none;
- box-shadow: none;
+ background-color: #8b97a1;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(144, 155, 166, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(144, 155, 166, 0.5);
+}
+.btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-outline-secondary.active, .btn.btn-outline-secondary:active, .btn.btn-secondary:not([disabled]):not(.disabled).active, .btn.btn-secondary:not([disabled]):not(.disabled):active, .btn.btn-outline-secondary:not([disabled]):not(.disabled).active, .btn.btn-outline-secondary:not([disabled]):not(.disabled):active {
+ background-color: #5a6268;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(144, 155, 166, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(144, 155, 166, 0.5);
color: #fff
}
-
-.btn.btn-secondary.active:focus,
-.btn.btn-secondary:active:focus,
-.btn.btn-secondary:not([disabled]):not(.disabled).active:focus,
-.btn.btn-secondary:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: none;
- box-shadow: none
+.btn.btn-secondary.active:focus, .btn.btn-secondary:active:focus, .btn.btn-secondary:not([disabled]):not(.disabled).active:focus, .btn.btn-secondary:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-secondary.active:focus, .btn.btn-outline-secondary:active:focus, .btn.btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-secondary:not([disabled]):not(.disabled):active:focus {
+ -webkit-box-shadow: 0 4px 10px 1px rgba(144, 155, 166, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(144, 155, 166, 0.5);
}
-
-.btn.btn-secondary[disabled],
-.btn.btn-secondary[disabled]:hover {
- background-color: #1ec260;
- color: #14803f;
- opacity: .5;
- background-color: #fff;
- color: #4ae387;
- border: 2px solid #4ae387
+.btn.btn-outline-secondary.active:focus, .btn.btn-outline-secondary:active:focus, .btn.btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-secondary.active, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:not([disabled]):not(.disabled).active, .btn.btn-outline-secondary:not([disabled]):not(.disabled):active {
+ border-color: #5a6268;
}
-
-.btn.btn-secondary:hover {
- border: 2px solid #76eaa4
+.btn.btn-secondary[disabled], .btn.btn-secondary[disabled]:hover, .btn.btn-outline-secondary[disabled], .btn.btn-outline-secondary[disabled]:hover {
+ background-color: #5a6268;
+ color: #fff;
+ opacity: .5
}
-
-.btn.btn-secondary.hover {
- border: 2px solid #76eaa4 !important;
- background-color: #76eaa4 !important;
+.btn.btn-secondary.hover, .btn.btn-outline-secondary.hover {
+ background-color: #8b97a1 !important;
color: #fff
}
-
-.btn.btn-secondary.focus,
-.btn.btn-secondary:active,
-.btn.btn-secondary:focus {
- border: 2px solid #1ec260 !important;
- background-color: #1ec260 !important;
+.btn.btn-secondary.focus, .btn.btn-outline-secondary.focus {
+ background-color: #5a6268;
color: #fff
}
-
+.btn.btn-outline-danger {
+ color: #e34a4a;
+ border-color: #e34a4a;
+}
.btn.btn-danger {
- background-color: #e34a4a;
color: #fff;
- -webkit-box-shadow: 0 4px 70px -16px #e34a4a;
- box-shadow: 0 4px 70px -16px #e34a4a;
- border: none
+ background-color: #e34a4a
}
-
-.btn.btn-danger:hover {
+.btn.btn-danger:hover, .btn.btn-outline-danger:hover {
color: #fff;
- background-color: #ea7676
+ background-color: #ea7676;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(234, 118, 118, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(234, 118, 118, 0.5);
}
-
-.btn.btn-danger.active,
-.btn.btn-danger:active,
-.btn.btn-danger:not([disabled]):not(.disabled).active,
-.btn.btn-danger:not([disabled]):not(.disabled):active {
+.btn.btn-danger.active, .btn.btn-danger:active, .btn.btn-outline-danger.active, .btn.btn-outline-danger:active, .btn.btn-danger:not([disabled]):not(.disabled).active, .btn.btn-danger:not([disabled]):not(.disabled):active, .btn.btn-outline-danger:not([disabled]):not(.disabled).active, .btn.btn-outline-danger:not([disabled]):not(.disabled):active {
background-color: #c21e1e;
- -webkit-box-shadow: 0 4px 70px -16px #e34a4a;
- box-shadow: 0 4px 70px -16px #e34a4a;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(194, 30, 30, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(194, 30, 30, 0.5);
color: #fff
}
-
-.btn.btn-danger.active:focus,
-.btn.btn-danger:active:focus,
-.btn.btn-danger:not([disabled]):not(.disabled).active:focus,
-.btn.btn-danger:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: 0 4px 70px -16px #e34a4a;
- box-shadow: 0 4px 70px -16px #e34a4a
+.btn.btn-danger.active:focus, .btn.btn-danger:active:focus, .btn.btn-danger:not([disabled]):not(.disabled).active:focus, .btn.btn-danger:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-danger.active:focus, .btn.btn-outline-danger:active:focus, .btn.btn-outline-danger:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-danger:not([disabled]):not(.disabled):active:focus {
+ -webkit-box-shadow: 0 4px 10px 1px rgba(227, 74, 74, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(227, 74, 74, 0.5);
}
-
-.btn.btn-danger[disabled],
-.btn.btn-danger[disabled]:hover {
+.btn.btn-outline-danger.active:focus, .btn.btn-outline-danger:active:focus, .btn.btn-outline-danger:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-danger.active, .btn.btn-outline-danger:active, .btn.btn-outline-danger:not([disabled]):not(.disabled).active, .btn.btn-outline-danger:not([disabled]):not(.disabled):active {
+ border-color: #c21e1e;
+}
+.btn.btn-danger[disabled], .btn.btn-danger[disabled]:hover, .btn.btn-outline-danger[disabled], .btn.btn-outline-danger[disabled]:hover {
background-color: #c21e1e;
color: #801414;
opacity: .5
}
-
+.btn.btn-danger.hover, .btn.btn-outline-danger.hover {
+ background-color: #ea7676 !important;
+ color: #fff
+}
+.btn.btn-danger.focus, .btn.btn-outline-danger.focus {
+ background-color: #c21e1e;
+ color: #fff
+}
+.btn.btn-outline-warning {
+ color: #f7cc36;
+ border-color: #f7cc36;
+}
.btn.btn-warning {
- background-color: #f7cc36;
color: #fff;
- -webkit-box-shadow: 0 4px 70px -16px #f7cc36;
- box-shadow: 0 4px 70px -16px #f7cc36;
- border: none
+ background-color: #f7cc36
}
-
-.btn.btn-warning:hover {
+.btn.btn-warning:hover, .btn.btn-outline-warning:hover {
color: #fff;
- background-color: #f9d867
+ background-color: #f9d867;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(249, 216, 103, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(249, 216, 103, 0.5);
}
-
-.btn.btn-warning.active,
-.btn.btn-warning:active,
-.btn.btn-warning:not([disabled]):not(.disabled).active,
-.btn.btn-warning:not([disabled]):not(.disabled):active {
+.btn.btn-warning.active, .btn.btn-warning:active, .btn.btn-outline-warning.active, .btn.btn-outline-warning:active, .btn.btn-warning:not([disabled]):not(.disabled).active, .btn.btn-warning:not([disabled]):not(.disabled):active, .btn.btn-outline-warning:not([disabled]):not(.disabled).active, .btn.btn-outline-warning:not([disabled]):not(.disabled):active {
background-color: #d8aa09;
- -webkit-box-shadow: 0 4px 70px -16px #f7cc36;
- box-shadow: 0 4px 70px -16px #f7cc36;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(216, 170, 9, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(216, 170, 9, 0.5);
color: #fff
}
-
-.btn.btn-warning.active:focus,
-.btn.btn-warning:active:focus,
-.btn.btn-warning:not([disabled]):not(.disabled).active:focus,
-.btn.btn-warning:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: 0 4px 70px -16px #f7cc36;
- box-shadow: 0 4px 70px -16px #f7cc36
+.btn.btn-warning.active:focus, .btn.btn-warning:active:focus, .btn.btn-warning:not([disabled]):not(.disabled).active:focus, .btn.btn-warning:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-warning.active:focus, .btn.btn-outline-warning:active:focus, .btn.btn-outline-warning:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-warning:not([disabled]):not(.disabled):active:focus {
+ -webkit-box-shadow: 0 4px 10px 1px rgba(247, 204, 54, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(247, 204, 54, 0.5);
}
-
-.btn.btn-warning[disabled],
-.btn.btn-warning[disabled]:hover {
+.btn.btn-outline-warning.active:focus, .btn.btn-outline-warning:active:focus, .btn.btn-outline-warning:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-warning.active, .btn.btn-outline-warning:active, .btn.btn-outline-warning:not([disabled]):not(.disabled).active, .btn.btn-outline-warning:not([disabled]):not(.disabled):active {
+ border-color: #d8aa09;
+}
+.btn.btn-warning[disabled], .btn.btn-warning[disabled]:hover, .btn.btn-outline-warning[disabled], .btn.btn-outline-warning[disabled]:hover {
background-color: #d8aa09;
color: #8e7006;
opacity: .5
}
-
+.btn.btn-warning.hover, .btn.btn-outline-warning.hover {
+ background-color: #f9d867 !important;
+ color: #fff
+}
+.btn.btn-warning.focus, .btn.btn-outline-warning.focus {
+ background-color: #d8aa09;
+ color: #fff
+}
+.btn.btn-outline-info {
+ color: #4ab2e3;
+ border-color: #4ab2e3;
+}
.btn.btn-info {
- background-color: #4ab2e3;
color: #fff;
- -webkit-box-shadow: 0 4px 70px -16px #4ab2e3;
- box-shadow: 0 4px 70px -16px #4ab2e3;
- border: none
+ background-color: #4ab2e3
}
-
-.btn.btn-info:hover {
+.btn.btn-info:hover, .btn.btn-outline-info:hover {
color: #fff;
- background-color: #76c5ea
+ background-color: #76c5ea;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(118, 197, 234, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(118, 197, 234, 0.5);
}
-
-.btn.btn-info.active,
-.btn.btn-info:active,
-.btn.btn-info:not([disabled]):not(.disabled).active,
-.btn.btn-info:not([disabled]):not(.disabled):active {
+.btn.btn-info.active, .btn.btn-info:active, .btn.btn-outline-info.active, .btn.btn-outline-info:active, .btn.btn-info:not([disabled]):not(.disabled).active, .btn.btn-info:not([disabled]):not(.disabled):active, .btn.btn-outline-info:not([disabled]):not(.disabled).active, .btn.btn-outline-info:not([disabled]):not(.disabled):active {
background-color: #1e8ec2;
- -webkit-box-shadow: 0 4px 70px -16px #4ab2e3;
- box-shadow: 0 4px 70px -16px #4ab2e3;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(30, 142, 194, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(30, 142, 194, 0.5);
color: #fff
}
-
-.btn.btn-info.active:focus,
-.btn.btn-info:active:focus,
-.btn.btn-info:not([disabled]):not(.disabled).active:focus,
-.btn.btn-info:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: 0 4px 70px -16px #4ab2e3;
- box-shadow: 0 4px 70px -16px #4ab2e3
+.btn.btn-info.active:focus, .btn.btn-info:active:focus, .btn.btn-info:not([disabled]):not(.disabled).active:focus, .btn.btn-info:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-info.active:focus, .btn.btn-outline-info:active:focus, .btn.btn-outline-info:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-info:not([disabled]):not(.disabled):active:focus {
+ -webkit-box-shadow: 0 4px 10px 1px rgba(74, 178, 227, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(74, 178, 227, 0.5);
}
-
-.btn.btn-info[disabled],
-.btn.btn-info[disabled]:hover {
+.btn.btn-outline-info.active:focus, .btn.btn-outline-info:active:focus, .btn.btn-outline-info:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-info.active, .btn.btn-outline-info:active, .btn.btn-outline-info:not([disabled]):not(.disabled).active, .btn.btn-outline-info:not([disabled]):not(.disabled):active {
+ border-color: #1e8ec2;
+}
+.btn.btn-info[disabled], .btn.btn-info[disabled]:hover, .btn.btn-outline-info[disabled], .btn.btn-outline-info[disabled]:hover {
background-color: #1e8ec2;
color: #145d80;
opacity: .5
}
-
+.btn.btn-info.hover, .btn.btn-outline-info.hover {
+ background-color: #76c5ea !important;
+ color: #fff
+}
+.btn.btn-info.focus, .btn.btn-outline-info.focus {
+ background-color: #1e8ec2;
+ color: #fff
+}
+.btn.btn-outline-success {
+ color: #4ae387;
+ border-color: #4ae387;
+}
.btn.btn-success {
- background-color: #4ae387;
color: #fff;
- -webkit-box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- border: none
+ background-color: #4ae387
}
-
-.btn.btn-success:hover {
+.btn.btn-success:hover, .btn.btn-outline-success:hover {
color: #fff;
- background-color: #76eaa4
+ background-color: #76eaa4;
+ -webkit-box-shadow: 0 4px 10px 1px rgba(118, 234, 164, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(118, 234, 164, 0.5);
}
-
-.btn.btn-success.active,
-.btn.btn-success:active,
-.btn.btn-success:not([disabled]):not(.disabled).active,
-.btn.btn-success:not([disabled]):not(.disabled):active {
+.btn.btn-success.active, .btn.btn-success:active, .btn.btn-outline-success.active, .btn.btn-outline-success:active, .btn.btn-success:not([disabled]):not(.disabled).active, .btn.btn-success:not([disabled]):not(.disabled):active, .btn.btn-outline-success:not([disabled]):not(.disabled).active, .btn.btn-outline-success:not([disabled]):not(.disabled):active {
background-color: #1ec260;
- -webkit-box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
+ -webkit-box-shadow: 0 4px 10px 1px rgba(30, 194, 96, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(30, 194, 96, 0.5);
color: #fff
}
-
-.btn.btn-success.active:focus,
-.btn.btn-success:active:focus,
-.btn.btn-success:not([disabled]):not(.disabled).active:focus,
-.btn.btn-success:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5)
+.btn.btn-success.active:focus, .btn.btn-success:active:focus, .btn.btn-success:not([disabled]):not(.disabled).active:focus, .btn.btn-success:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-success.active:focus, .btn.btn-outline-success:active:focus, .btn.btn-outline-success:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-success:not([disabled]):not(.disabled):active:focus {
+ -webkit-box-shadow: 0 4px 10px 1px rgba(30, 194, 96, 0.5);
+ box-shadow: 0 4px 10px 1px rgba(30, 194, 96, 0.5);
}
-
-.btn.btn-success[disabled],
-.btn.btn-success[disabled]:hover {
+.btn.btn-outline-success.active:focus, .btn.btn-outline-success:active:focus, .btn.btn-outline-success:not([disabled]):not(.disabled).active:focus, .btn.btn-outline-success-info:not([disabled]):not(.disabled):active:focus, .btn.btn-outline-success.active, .btn.btn-outline-success:active, .btn.btn-outline-success:not([disabled]):not(.disabled).active, .btn.btn-outline-success:not([disabled]):not(.disabled):active {
+ border-color: #1ec260;
+}
+.btn.btn-success[disabled], .btn.btn-success[disabled]:hover, .btn.btn-outline-success[disabled], .btn.btn-outline-success[disabled]:hover {
background-color: #1ec260;
color: #14803f;
opacity: .5
}
-
-.btn.btn-dark {
- background-color: #161616;
- color: #fff;
- -webkit-box-shadow: 0 4px 70px -16px #161616;
- box-shadow: 0 4px 70px -16px #161616;
- border: none
-}
-
-.btn.btn-dark:hover {
- color: #fff;
- background-color: #303030
-}
-
-.btn.btn-dark.active,
-.btn.btn-dark:active,
-.btn.btn-dark:not([disabled]):not(.disabled).active,
-.btn.btn-dark:not([disabled]):not(.disabled):active {
- background-color: #000;
- -webkit-box-shadow: 0 4px 70px -16px #161616;
- box-shadow: 0 4px 70px -16px #161616;
+.btn.btn-success.hover, .btn.btn-outline-success.hover {
+ background-color: #76eaa4 !important;
color: #fff
}
-
-.btn.btn-dark.active:focus,
-.btn.btn-dark:active:focus,
-.btn.btn-dark:not([disabled]):not(.disabled).active:focus,
-.btn.btn-dark:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: 0 4px 70px -16px #161616;
- box-shadow: 0 4px 70px -16px #161616
-}
-
-.btn.btn-dark[disabled],
-.btn.btn-dark[disabled]:hover {
- background-color: #000;
- color: #000;
- opacity: .5
-}
-
-.btn.btn-pale {
- background-color: #d9d9d9;
- color: #fff;
- -webkit-box-shadow: 0 4px 70px -16px #d9d9d9;
- box-shadow: 0 4px 70px -16px #d9d9d9;
- border: none
-}
-
-.btn.btn-pale:hover {
- color: #fff;
- background-color: #f3f3f3
-}
-
-.btn.btn-pale.active,
-.btn.btn-pale:active,
-.btn.btn-pale:not([disabled]):not(.disabled).active,
-.btn.btn-pale:not([disabled]):not(.disabled):active {
- background-color: #b3b3b3;
- -webkit-box-shadow: 0 4px 70px -16px #d9d9d9;
- box-shadow: 0 4px 70px -16px #d9d9d9;
+.btn.btn-success.focus, .btn.btn-outline-success.focus {
+ background-color: #1ec260;
color: #fff
}
-.btn.btn-pale.active:focus,
-.btn.btn-pale:active:focus,
-.btn.btn-pale:not([disabled]):not(.disabled).active:focus,
-.btn.btn-pale:not([disabled]):not(.disabled):active:focus {
- -webkit-box-shadow: 0 4px 70px -16px #d9d9d9;
- box-shadow: 0 4px 70px -16px #d9d9d9
-}
-
-.btn.btn-pale[disabled],
-.btn.btn-pale[disabled]:hover {
- background-color: #b3b3b3;
- color: #8d8d8d;
- opacity: .5
-}
-
-.btn.btn-pale:hover {
- background-color: #e6e6e6
-}
-
-.btn.btn-pale:hover.active,
-.btn.btn-pale:hover:active,
-.btn.btn-pale:hover:focus {
- background-color: #b3b3b3
-}
-
.btn.btn-with-icon {
position: relative;
padding: 1.1rem 2.8125rem
@@ -1208,14 +1003,8 @@ sans-serif;
}
.btn-group {
- -webkit-box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
- box-shadow: 0 4px 9.6px .4px rgba(74,
-227,
-135,
-.5);
+ -webkit-box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5);
+ box-shadow: 0 4px 10px 1px rgba(74, 227, 135, .5);
border-radius: 1.875rem
}
@@ -1233,47 +1022,30 @@ sans-serif;
/* Make it move */
@keyframes marquee {
from {
- transform: translate(0,
-0);
+ transform: translate(0, 0);
}
to {
- transform: translate(-100%,
-0);
+ transform: translate(-100%, 0);
}
}
@keyframes bounceInRight {
- from,
- 60%,
- 75%,
- 90%,
- to {
- animation-timing-function: cubic-bezier(0.215,
-0.61,
-0.355,
-1);
+ from, 60%, 75%, 90%, to {
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
- transform: translate3d(3000px,
-0,
-0);
+ transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
- transform: translate3d(-25px,
-0,
-0);
+ transform: translate3d(-25px, 0, 0);
}
75% {
- transform: translate3d(10px,
-0,
-0);
+ transform: translate3d(10px, 0, 0);
}
90% {
- transform: translate3d(-5px,
-0,
-0);
+ transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
@@ -1287,9 +1059,7 @@ sans-serif;
}
20% {
opacity: 1;
- transform: translate3d(-20px,
-0,
-0);
+ transform: translate3d(-20px, 0, 0);
}
40% {
opacity: 1;
@@ -1297,9 +1067,7 @@ sans-serif;
}
to {
opacity: 0;
- transform: translate3d(2000px,
-0,
-0);
+ transform: translate3d(2000px, 0, 0);
}
}
diff --git a/assets/css/main.css b/assets/css/main.css
index f8a8acd..c14eb82 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,6 +1,34 @@
body {
font-family: Montserrat, -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}
+body > .d-gradient > * {
+ z-index: 1;
+}
+.vh-100 {
+ min-height: 100vh;
+}
+.d-gradient {
+ position: relative;
+ margin: 0;
+ background-color: #342069;
+ transition: all 0.5s;
+ -webkit-transition: all 0.5s;
+}
+.d-gradient:after {
+ background-color: rgba(28, 234, 222, 0.8);
+ background: linear-gradient(-45deg, rgba(187, 26, 222, 0.8) 0%, rgba(28, 234, 222, 0.8) 100%);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ display: block;
+ content: "";
+ top: 0;
+ left: 0;
+ z-index: 0;
+}
+.d-gradient .navbar .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.9);
+}
a {
color: #e29595;
}
@@ -8,9 +36,24 @@ a:hover {
color: #a4e1e2;
}
.panel-login {
- -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
- box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
+ z-index: 1;
+ -webkit-box-shadow: 0 4px 70px -18px #707070;
+ box-shadow: 0 4px 70px -18px #707070;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ transition: all 0.5s;
+ -webkit-transition: all 0.5s;
+}
+.d-gradient .panel-login {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, .4);
+}
+.panel-login:after {
+ -webkit-box-shadow: 0 4px 70px -18px #000;
+ box-shadow: 0 4px 70px -18px #000;
}
.panel-heading {
padding: 10px 15px;
@@ -19,23 +62,33 @@ a:hover {
border-top-right-radius: 3px;
}
.panel-login>.panel-heading {
- color: #00415d;
- background-color: #fff;
- border-color: #fff;
+ color: #fff;
text-align:center;
+ -webkit-border-radius: 10px 10px 0 0;
+ -moz-border-radius: 10px 10px 0 0;
+ border-radius: 10px 10px 0 0;
}
.panel-login>.panel-heading a{
text-decoration: none;
- color: #666;
- font-weight: bold;
+ color: #f8f8f8;
+ font-weight: normal;
font-size: 15px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
- color: #029f5b;
- font-size: 18px;
+ color: #fff;
+ font-weight: bold;
+}
+.panel-login>.panel-body {
+ -webkit-border-radius: 0 0 10px 10px;
+ -moz-border-radius: 0 0 10px 10px;
+ border-radius: 0 0 10px 10px;
+ background: rgba(255, 255, 255, .9);
+}
+.d-gradient .panel-login>.panel-body {
+ background: transparent;
}
.panel-login>.panel-heading hr{
margin-top: 10px;
@@ -62,6 +115,43 @@ a:hover {
box-shadow: none;
border-color: #ccc;
}
+.d-gradient .panel-login input:hover,
+.d-gradient .panel-login input:focus {
+ border-color: rgba(255, 255, 255, .6);
+}
+.d-gradient .form-control {
+ color: #dedede;
+}
+.d-gradient .form-control:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, .2);
+}
+.d-gradient .form-group .control-label,
+.d-gradient .form-group input:invalid.has-value~.control-label {
+ color: #ffb7b7;
+}
+.d-gradient .custom-control-label {
+ color: #dedede;
+}
+.d-gradient input:checked~.custom-control-label {
+ color: #fff;
+}
+.d-gradient .btn-outline-primary {
+ color: #fff;
+ border-color: rgba(255, 255, 255, .4);
+}
+.d-gradient .btn-outline-primary:hover {
+ background-color: rgba(255, 255, 255, .2);
+}
+.d-gradient .btn-outline-primary:not(:disabled):not(.disabled):active,
+.d-gradient .btn-outline-primary:not(:disabled):not(.disabled).active,
+.d-gradient .show > .btn-outline-primary.dropdown-toggle {
+ background-color: rgba(255, 255, 255, .4);
+ border-color: rgba(255, 255, 255, .9);
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
.btn-login {
background-color: #59B2E0;
outline: none;
@@ -83,11 +173,18 @@ a:hover {
text-decoration: underline;
color: #888;
}
+.d-gradient .forgot-password {
+ color: #dedede;
+}
.forgot-password:hover,
.forgot-password:focus {
text-decoration: underline;
color: #666;
}
+.d-gradient .forgot-password:hover,
+.d-gradient .forgot-password:focus {
+ color: #fff;
+}
.btn-register {
background-color: #1CB94E;
@@ -155,6 +252,46 @@ a:hover {
align-items: stretch;
width: 100%;
}
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+ -webkit-animation: autofill 0s forwards;
+ animation: autofill 0s forwards;
+}
+.d-gradient input:-webkit-autofill,
+.d-gradient input:-webkit-autofill:hover,
+.d-gradient input:-webkit-autofill:focus,
+.d-gradient input:-webkit-autofill:active {
+ -webkit-animation: autofillgradient 0s forwards;
+ animation: autofillgradient 0s forwards;
+}
+@keyframes autofill {
+ 100% {
+ background: none;
+ color: inherit;
+ }
+}
+
+@-webkit-keyframes autofill {
+ 100% {
+ background: none;
+ color: inherit;
+ }
+}
+@keyframes autofillgradient {
+ 100% {
+ background: transparent;
+ color: #dedede;
+ }
+}
+
+@-webkit-keyframes autofillgradient {
+ 100% {
+ background: transparent;
+ color: #dedede;
+ }
+}
.form-group .input-group input.form-control,
.form-group .input-group textarea,
.form-group .input-group select {
@@ -204,6 +341,9 @@ a:hover {
border-bottom: .0625rem solid #999;
display: block;
}
+.d-gradient .form-group .bar {
+ border-bottom: .0625rem solid rgba(255, 255, 255, .4);
+}
.form-group .bar:before {
content: "";
height: .125rem;
@@ -216,6 +356,9 @@ a:hover {
transition: left .28s ease,width .28s ease;
z-index: 2;
}
+.d-gradient .form-group .bar:before {
+ background-color: #fff;
+}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
@@ -265,10 +408,13 @@ footer ul li {
display: inline-block;
}
@media (min-width: 992px) {
- #mainNav .nav-link {
+ .navbar .navbar-nav .nav-link {
color: #9c9c9c;
}
- #mainNav .nav-link:hover {
+ .navbar .navbar-nav .nav-link:hover {
color: #555;
}
+ .d-gradient .navbar .navbar-nav .nav-link:hover {
+ color: #e0e0e0;
+ }
}
\ No newline at end of file
diff --git a/setup/install.sql b/setup/install.sql
index 1199564..d2e3e9a 100644
--- a/setup/install.sql
+++ b/setup/install.sql
@@ -599,14 +599,14 @@ CREATE TABLE `users` (
`password` varchar(64) NOT NULL,
`status` tinyint(1) DEFAULT '0',
`settings` text,
- `cookie` varchar(255) DEFAULT '',
- `cookie_expire` timestamp NULL DEFAULT NULL,
- `last_login` datetime DEFAULT NULL,
+ `created` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
+ `last_login` timestamp NULL DEFAULT NULL,
+ `comments` text,
+ `newsletter` tinyint(1) DEFAULT '0',
PRIMARY KEY (`id`),
UNIQUE KEY `email` (`email`),
KEY `country` (`country`),
- KEY `status` (`status`),
- KEY `cookie` (`cookie`),
+ KEY `status` (`status`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
CREATE TABLE `user_confirm` (
diff --git a/templates/template.html b/templates/template.html
index 634f073..8c3f333 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -15,81 +15,83 @@
-
-
{FBAPPID}
{GOOGLE_ANALYTICS}
-