1 files changed, 704 insertions, 0 deletions

diff --git a/Neutron-trunk/resources/css/admin.css b/Neutron-trunk/resources/css/admin.css
new file mode 100644
index 0000000..4179490
--- /dev/null
+++ b/Neutron-trunk/resources/css/admin.css
@@ -0,0 +1,704 @@
+@import "./admin_widgets.css";
+
+* {
+    font-family: CMS, Arial, Calibri, Ubuntu, Roboto, Liberation Sans, Helvetica, sans-serif;
+}
+
+@keyframes blink {
+    0%   { opacity: 1; }
+    50%  { opacity: 0; }
+    100% { opacity: 1; }
+}
+
+.blk1 {
+    animation-name: blink;
+    animation-duration: 2s;
+    animation-delay: 0ms;
+    animation-iteration-count: infinite;
+}
+
+.blk2 {
+    animation-name: blink;
+    animation-duration: 2s;
+    animation-delay: 400ms;
+    animation-iteration-count: infinite;
+}
+
+.blk3 {
+    animation-name: blink;
+    animation-duration: 2s;
+    animation-delay: 800ms;
+    animation-iteration-count: infinite;
+}
+
+.blk4 {
+    animation-name: blink;
+    animation-duration: 2s;
+    animation-delay: 1200ms;
+    animation-iteration-count: infinite;
+}
+
+.blk5 {
+    animation-name: blink;
+    animation-duration: 2s;
+    animation-delay: 1600ms;
+    animation-iteration-count: infinite;
+}
+
+.intro-element {
+    width: 128px;
+    height: 128px;
+}
+
+.intro {
+    vertical-align: middle;
+}
+
+#error {
+    background: rgb(123, 4, 4);
+    text-align: center;
+    margin: auto;
+    padding: 10px;
+    box-shadow: 1px 1px 2px rgb(123, 4, 4);
+    color: white;
+    width: 50%;
+    text-align: center;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    border-radius: 10px;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+}
+
+.setting {
+    width: calc(100% - 20px);
+    padding: 10px;
+    cursor: pointer;
+    background-color: transparent;
+    transition: background-color 200ms;
+    left: 0;
+    position: relative;
+    border-radius: 10px;
+}
+
+.setting:hover {
+    background-color: rgb(180, 180, 180);
+}
+
+.setting:hover > table > tbody > tr > td > .setting-img {
+    width: 36px;
+    height: 36px;
+    margin-right: 0;
+    transition: width 200ms, height 200ms, margin-right 200ms;
+}
+
+.setting-img {
+    width: 32px;
+    height: 32px;
+    vertical-align: middle;
+    margin-right: 4px;
+    transition: width 200ms, height 200ms, margin-right 200ms;
+}
+
+.setting-name {
+    vertical-align: middle;
+    margin-left: 10px;
+}
+
+#settings > a {
+    color: black;
+    text-decoration: none;
+}
+
+.place-bar {
+    margin-left: 10px;
+}
+
+.sblink {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.sblink:hover {
+    color: black;
+    text-decoration-color: black;
+    text-decoration-style: solid;
+    text-decoration-line: underline;
+}
+
+.sblink:active {
+    color: rgb(65, 65, 65);
+    text-decoration-color: rgb(65, 65, 65);
+    text-decoration-style: solid;
+    text-decoration-line: underline;
+}
+
+.tip-red {
+    color: rgb(255, 75, 75);
+}
+
+.tip-green {
+    color: rgb(132, 255, 75);
+}
+
+.tip-orange {
+    color: rgb(255, 132, 75);
+}
+
+.loader {
+    width: 20%;
+    height: 20%;
+}
+
+#pages-list {
+    margin: 10px;
+}
+
+#pages-list > tbody > tr > td, #pages-list > tbody {
+    border-width: 1px;
+    border-style: solid;
+    border-color: black;
+    padding: 5px 10px;
+}
+
+.pages-list-header {
+    font-weight: bold;
+}
+
+#codeeditor {
+    width: 100%;
+    height: 150px;
+    font-family: 'Ubuntu Mono', 'Roboto Mono', 'Liberation Mono', 'Monospace', 'Courier New', 'Courier', 'Lucida Console', monospace;
+    font-size: 12px;
+}
+
+.reset-option {
+    border-color: black;
+    border-width: 1px;
+    border-style: solid;
+    margin: 20px;
+    padding: 10px;
+    padding-bottom: 0px;
+    max-width: 80%;
+    cursor: pointer;
+    background: transparent;
+}
+
+.widget {
+    border-color: rgba(0, 0, 0, 0.5);
+    border-width: 1px;
+    border-style: solid;
+    margin: 20px;
+    padding: 10px;
+    padding-bottom: 0px;
+    max-width: 80%;
+    background: transparent;
+    border-radius: 10px;
+}
+
+.reset-option:hover {
+    background: rgb(219, 219, 219);
+}
+
+.reset-option:active {
+    background: rgb(177, 177, 177);
+}
+
+#resetbox-placeholder {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, .75)
+}
+
+#settings.blurred {
+    filter: blur(5px);
+}
+
+#resetbox {
+    width: 60% !important;
+    border-radius: 10px;
+    box-shadow: 1px 1px 10px rgb(235, 235, 235);
+    padding: 20px;
+    background-color: rgb(235, 235, 235);
+}
+
+.widget-header {
+    margin: -10px;
+    padding: 5px;
+    background: rgba(209, 209, 209, 0.3);
+    transition: background 200ms;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
+.widget-header.disabled {
+    background: rgba(255, 115, 115, 0.3);
+    transition: background 200ms;
+}
+
+.widget-header.enabled {
+    background: rgba(155, 255, 115, 0.3);
+    transition: background 200ms;
+}
+
+.chart--container {
+    height: 450px;
+    width: 100%;
+    min-height: 150px;
+}
+
+#visits {
+    overflow: hidden;
+    position: relative;
+    top: -80px;
+    z-index: -1;
+}
+
+#afterchart {
+    position: relative;
+    top: -90px;
+}
+
+#logs {
+    font-family: monospace !important;
+    font-size: 16px;
+    margin: 0px 20px;
+    padding: 10px;
+    background: #151515;
+    border-radius: 5px;
+    border-color: black;
+    border-width: 2px;
+    border-style: solid;
+    color: white;
+}
+
+#protect {
+    margin: 0px 20%;
+    text-align: center;
+    padding: 10px;
+    background: rgb(224, 224, 224);
+    border-radius: 5px;
+}
+
+#protect.s2 {
+    background: rgba(135, 255, 135, .5);
+}
+
+#protect.s1 {
+    background: rgba(255, 189, 135, .5);
+}
+
+#protect.s0 {
+    background: rgba(255, 135, 135, .5);
+}
+
+#banner {
+    padding: 40px 50px;
+    background-position: center;
+    background-size: 100%;
+}
+
+@media (min-width: 500px) {
+    #store-info {
+        display: block;
+        margin: 30px 20%;
+        border-radius: 20px;
+        box-shadow: 1px 1px 12px gray;
+        padding: 20px;
+    }
+}
+
+@media (max-width: 500px) {
+    .home-wrapper {
+        grid-template-columns: 1fr !important;
+        grid-column-gap: 0 !important;
+        grid-row-gap: 0 !important;
+    }
+    .setting {
+        border-radius: 0 !important;
+    }
+    #banner {
+        padding: 20px 25px;
+    }
+    #banner-logo {
+        width: 36px !important;
+        height: 36px !important;
+    }
+    #loginnotice {
+        display: none;
+    }
+}
+
+@media (max-height: 380px) {
+    #loginnotice {
+        display: none;
+    }
+}
+
+#banner-name {
+    font-weight: lighter;
+    font-size: 20px;
+    color: white;
+    margin-top: 15px;
+}
+
+.banner-black {
+    color: black !important;
+}
+
+#banner-logo {
+    width: 48px;
+    height: 48px;
+    vertical-align: middle;
+    margin-right: 20px;
+    border-radius: 999px;
+    border-color: white;
+    border-width: 2px;
+    border-style: solid;
+}
+
+#adminb {
+    text-align: center;
+    color: white;
+}
+
+.setting-info {
+    position: absolute;
+    height: 0px;
+    width: 100%;
+    opacity: 0;
+    display: inline-block;
+    transition: position 200ms, height 200ms, width 200ms, opacity 200ms;
+    text-align: center;
+}
+
+.setting:hover > span.setting-info {
+    position: initial;
+    height: auto;
+    opacity: 1;
+}
+
+#navigation {
+    padding: 8px;
+    background: #bbb;
+    border-bottom-style: solid;
+    border-bottom-color: gray;
+    border-bottom-width: 1px;
+}
+
+.step {
+    font-size: 24px;
+    vertical-align: middle;
+    font-weight: bold;
+    margin-right: 7.5px;
+}
+
+.storelist {
+    border-width: 1px;
+    border-color: gray;
+    border-style: solid;
+    margin: 0;
+}
+
+.store-info-details-sep {
+    color: lightgray;
+}
+
+.store-info-details-el {
+    border-radius: 999px;
+    padding: 20px 10px;
+    background: rgb(0, 162, 255);
+    color: white;
+}
+
+#store-info-details {
+    margin: 30px 0;
+}
+
+#store-info-summary, #store-info-permissions {
+    text-align: left;
+}
+
+#store-info-summary-title, #store-info-permissions-title {
+    color: rgb(0, 162, 255);
+    vertical-align: middle;
+}
+
+#store-info-summary-icon, #store-info-permissions-icon {
+    vertical-align: middle;
+    width: 20px;
+    height: 20px;
+    fill: rgb(0, 162, 255);
+}
+
+#store-info-verified {
+    color: rgb(0, 162, 255);
+}
+
+#store-info-verified-icon {
+    vertical-align: middle;
+    width: 18px;
+    height: 18px;
+    fill: rgb(0, 162, 255);
+    margin-left: 10px;
+}
+
+.specialperm {
+    color: rgb(180, 117, 0);
+}
+
+.criticalperm {
+    color: rgb(180, 0, 0);
+}
+
+#store-install {
+    background-color: rgb(0, 162, 255);
+    color: white;
+    padding: 10px 20px;
+    border-radius: 5px;
+    transition: box-shadow 200ms;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+#store-install:hover {
+    box-shadow: rgb(127, 208, 255) 1px 1px 5px;
+}
+
+#store-more {
+    text-decoration: none;
+    background-color: white;
+    color: rgb(0, 162, 255);
+    padding: 10px 20px;
+    border-radius: 5px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgb(0, 162, 255);
+    transition: box-shadow 200ms;
+    cursor: pointer;
+}
+
+#store-more:hover {
+    box-shadow: rgb(127, 208, 255) 1px 1px 5px;
+}
+
+#editor *, .ace_editor * {
+    font: 11px/normal 'Console' ,'Cousine' ,'Monaco' ,'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
+    direction: ltr !important;
+    text-align: left !important;
+    font-weight: 400 !important;
+    letter-spacing: 0 !important;
+    word-spacing: 0px !important;
+}
+
+.ace_editor, .ace_text-input, .ace_editor div {
+    font-size: 11px !important;
+    font: 11px/normal 'Georgia' ,'Console' ,'Cousine' ,'Monaco' ,'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
+    font-variant-ligatures: none !important;
+    font-weight: 400 !important;
+    letter-spacing: 0 !important;
+    word-spacing: 0px !important;
+}
+
+#editor {
+    height: 200px;
+    border: #cacaca solid 1px;
+}
+
+html {
+    word-spacing: 1px;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+}
+
+.message_img {
+    width: 36px;
+    height: 36px;
+}
+
+.message_warning {
+    background: rgba(255, 255, 116, 0.31);
+    margin: 10px;
+    border-radius: 10px;
+    padding: 5px 10px;
+    z-index: -2;
+}
+
+.message_info {
+    background: rgba(116, 227, 255, 0.31);
+    margin: 10px;
+    border-radius: 10px;
+    padding: 5px 10px;
+    z-index: -2;
+}
+
+.message_error {
+    background: rgba(255, 117, 117, 0.31);
+    margin: 10px;
+    border-radius: 10px;
+    padding: 5px 10px;
+    z-index: -2;
+}
+
+.message_warning > tbody > tr > td {
+    width: 36px;
+}
+
+.indication {
+    cursor: help;
+    text-decoration-style: dotted;
+    text-decoration-color: inherit;
+    text-decoration-line: underline;
+    color: inherit;
+}
+
+#stats {
+    padding: 5px;
+    margin: 10px;
+    border-radius: 10px;
+    background: rgba(6, 6, 6, 0.2);
+    padding-bottom: 20px;
+}
+
+.info-sep {
+    opacity: .8;
+    font-size: 10px;
+}
+
+.home-wrapper {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-column-gap: 20px;
+    grid-row-gap: 20px;
+}
+
+.home-wrapper a {
+    text-decoration: none;
+    color: inherit;
+}
+
+.configure_ext, .store_ext, .remove_ext {
+    float: right;
+    position: relative;
+    height: 24px;
+    cursor: pointer;
+    transition: rotate 200ms, opacity 200ms;
+}
+
+.configure_ext:hover {
+    rotate: 90deg;
+    opacity: .75;
+}
+
+.store_ext:hover {
+    rotate: 360deg;
+    opacity: .75;
+}
+
+.remove_ext:hover {
+    rotate: 180deg;
+    opacity: .75;
+}
+
+.widget-header-info {
+    width: 100%;
+}
+
+#main-content {
+    overflow-x: hidden;
+}
+
+.clink {
+    color: black;
+    text-decoration: underline;
+}
+
+.clink:hover {
+    text-decoration: none;
+}
+
+.clink:active, .clink:focus {
+    opacity: .75;
+}
+
+#onlyold {
+    background-color: rgba(255, 166, 0, 0.5);
+    border-radius: 10px;
+    display: inline-block;
+    padding: 5px;
+}
+
+.oldopts {
+    transition: background-color 200ms, border-radius 200ms, padding 200ms;
+    display: inline-block;
+}
+
+.lggrid {
+    display: grid;
+    grid-template-columns: 25% 1fr;
+    height: 100%;
+}
+
+.lggrid-inner-p1 {
+    background: black;
+}
+
+#login #main-content, #login #admin {
+    padding: 0;
+    border-radius: 0;
+    width: 100%;
+    height: 100%;
+}
+
+#login, #login * {
+    overflow: hidden !important;
+}
+
+#login .inner {
+    text-align: center;
+}
+
+#login .content {
+    background-image: url("/resources/image/login.jpg");
+    background-position: center;
+    background-size: cover;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 10;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+}
+
+.mdc-card--selected {
+    border-color: var(--mdc-theme-primary);
+    opacity: .75;
+}
+
+.mdc-card--selected .mdc-card__primary-action {
+    cursor: default;
+}
+
+.hidden {
+    display: none !important;
+    visibility: hidden !important;
+    top: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    position: fixed !important;
+}
\ No newline at end of file