8 files changed, 622 insertions, 0 deletions
diff --git a/Neutron-trunk/resources/css/polymer/content.css b/Neutron-trunk/resources/css/polymer/content.css
new file mode 100644
index 0000000..7bdc471
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/content.css
@@ -0,0 +1,150 @@
+#page-elements {
+    display: grid;
+    grid-template-columns: 1fr 256px;
+    column-gap: 38px;
+    margin-top: -96px;
+}
+
+.mdc-drawer-app-content {
+    padding-top: 56px;
+}
+
+body {
+    background-color: var(--mdc-theme-background);
+}
+
+#page-elements #page-content-inner, #page-elements #page-content-widgets-desktop, #page-elements #page-content-widgets-mobile {
+    background: whitesmoke;
+    padding: 15px 25px;
+    border-radius: 8px;
+    box-shadow: #80808042 0px 1px 10px;
+}
+
+#page-elements #page-content-inner {
+    margin-left: 38px;
+}
+
+#page-elements #page-content-widgets-desktop {
+    margin-right: 38px;
+}
+
+#page-content-colorbar {
+    background: linear-gradient(to bottom, var(--mdc-theme-primary) 0%, var(--mdc-theme-primary) 50%,transparent 50.999%,transparent 100%);
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    height: 28px;
+    margin-top: -15px;
+    margin-left: -25px;
+    margin-right: -25px;
+    display: block;
+}
+
+#page-footer-colorbar {
+    background: linear-gradient(to top, var(--mdc-theme-primary) 0%, var(--mdc-theme-primary) 50%,transparent 50.999%,transparent 100%);
+    height: 28px;
+    display: block;
+    margin-top: 20px;
+    transform: rotate(180deg);
+    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
+}
+
+#page-banner {
+    background-image: linear-gradient(to bottom, transparent 70%, var(--mdc-theme-background)), var(--mpcms-banner);
+    background-position: center;
+    background-size: cover;
+    height: calc(20vw + 64px);
+}
+
+.widgets-header {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    color: gray;
+    letter-spacing: .0892857143em;
+    letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
+    text-transform: uppercase;
+    text-transform: var(--mdc-typography-button-text-transform, uppercase);
+}
+
+#page-elements a {
+    color: black;
+    text-decoration: underline;
+    opacity: 1;
+    transition: opacity 200ms;
+}
+
+#page-footer-content a, #page-footer-links a {
+    color: white;
+    text-decoration: underline;
+    opacity: 1;
+    transition: opacity 200ms;
+}
+
+#page-elements a:hover, #page-footer-content a:hover, #page-footer-links a:hover {
+    opacity: .75;
+}
+
+#page-elements a:active, #page-footer-content a:active, #page-footer-links a:active {
+    opacity: .5;
+}
+
+html, body {
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+}
+
+figure img {
+    width: 100%;
+}
+
+figure.image.image_resized {
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#page-footer {
+    margin-top: -15px;
+    background: var(--cms-extra-superdark, #0f0024);
+    z-index: 99;
+    position: relative;
+    color: white;
+    padding: 25px 50px;
+}
+
+#page-footer-title-top-button, #page-footer-title-settings-button {
+    color: white;
+}
+
+#page-footer-title-settings-button-inner {
+    border: 1px white solid;
+    border-radius: 999px;
+}
+
+#page-footer-title {
+    display: grid;
+    grid-template-columns: 1fr 100px;
+}
+
+#page-footer-title-inner {
+    display: flex;
+    align-items: center;
+    font-size: 22px;
+}
+
+#page-footer-links {
+    font-size: 12px;
+    margin-top: 15px;
+}
+
+#page-footer-title-inner {
+    max-width: 256px;
+    width: 256px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+h1 {
+    font-size: 32px;
+}
diff --git a/Neutron-trunk/resources/css/polymer/dark.css b/Neutron-trunk/resources/css/polymer/dark.css
new file mode 100644
index 0000000..de1f9a7
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/dark.css
@@ -0,0 +1,26 @@
+.widget_cuc {
+    filter: invert(100%);
+}
+
+#page-banner {
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 70%, var(--mdc-theme-background)), var(--mpcms-banner) !important;
+}
+
+#page-elements #page-content-inner, #page-elements #page-content-widgets-desktop, #page-elements #page-content-widgets-mobile {
+    background: #171717 !important;
+    box-shadow: #1a1a1a42 0px 1px 10px !important;
+    color: white !important;
+}
+
+#page-elements a {
+    color: whitesmoke !important;
+}
+
+[data-pushbar-id] {
+    background: #1e1e1e !important;
+    color: white !important;
+}
+
+.mdc-list-item:not(.mdc-list-item--activated), .mdc-list-item:not(.mdc-list-item--activated) .material-icons-outlined {
+    color: white !important;
+}
+\ No newline at end of file
diff --git a/Neutron-trunk/resources/css/polymer/fonts.css b/Neutron-trunk/resources/css/polymer/fonts.css
new file mode 100644
index 0000000..98057ed
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/fonts.css
@@ -0,0 +1,103 @@
+@font-face {
+    font-family: "Google Sans";
+    src: url('../../fonts/font-regular.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Google Sans";
+    src: url('../../fonts/font-italic.ttf');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Google Sans";
+    src: url('../../fonts/font-bold.ttf');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Google Sans";
+    src: url('../../fonts/font-bold-italic.ttf');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Roboto";
+    src: url('../../fonts/body/Roboto-Regular.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Roboto";
+    src: url('../../fonts/body/Roboto-Italic.ttf');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Roboto";
+    src: url('../../fonts/body/Roboto-Bold.ttf');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Roboto";
+    src: url('../../fonts/body/Roboto-BoldItalic.ttf');
+    font-weight: bold;
+    font-style: italic;
+}
+
+.centered {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    width: 100%;
+}
+
+center { /* Polyfill in case HTML5 drops the support */
+    text-align: center;
+}
+
+* {
+    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', "Noto Sans", Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
+}
+
+h1, h2, h3, h4, h5, h6, .title, #snackbar, pjse-title {
+    font-family: "Google Sans", Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', "Noto Sans", Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 400;
+}
+
+.hide {
+    display: none;
+}
+
+html, body {
+    margin: 0;
+}
+
+.menubutton {
+    font-variant: normal;
+    color: white;
+    letter-spacing: 0;
+    text-transform: none;
+}
+
+#menuitems {
+    vertical-align: middle;
+    display: flex;
+    align-content: center;
+}
+
+.menuitem {
+    width: max-content;
+    font-size: inherit;
+}
+\ No newline at end of file
diff --git a/Neutron-trunk/resources/css/polymer/gallery.css b/Neutron-trunk/resources/css/polymer/gallery.css
new file mode 100644
index 0000000..d4dccac
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/gallery.css
@@ -0,0 +1,37 @@
+#galery_thumbnails {
+    margin: 0% 15%;
+}
+
+.photo_image {
+    filter: blur(5px);
+    width: 40%;
+    max-width: 480px;
+    border-radius: 10px;
+}
+
+.photo_image.loaded {
+    filter: none !important;
+}
+
+.photo a {
+    opacity: 1 !important;
+}
+
+.photo {
+    background: #2d2d2d;
+    display: inline;
+    border-radius: 10px;
+}
+
+.photo a:hover {
+    transition: filter 200ms;
+    filter: none !important;
+}
+
+.photo a:hover img {
+    filter: brightness(125%) !important;
+}
+
+.photo a:active img, .photo a:focus img {
+    filter: brightness(150%) !important;
+}
+\ No newline at end of file
diff --git a/Neutron-trunk/resources/css/polymer/menubar.css b/Neutron-trunk/resources/css/polymer/menubar.css
new file mode 100644
index 0000000..ba291fa
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/menubar.css
@@ -0,0 +1,44 @@
+.mdc-top-app-bar, .mdc-top-app-bar__row, .mdc-top-app-bar__section--align-start {
+    height: 56px;
+}
+
+.mdc-top-app-bar__section--align-start {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+.mdc-top-app-bar {
+    background-color: rgb(8, 8, 8);
+    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
+}
+
+#menubar-logo {
+    border-radius: 999px;
+    position: relative;
+    width: 36px;
+    height: 36px;
+    background-color: rgb(46, 46, 46);
+    background-image: url("../../upload/siteicon.png");
+    background-size: 100%;
+}
+
+#menubar-home-link {
+    display: inherit;
+    color: inherit;
+    text-decoration: inherit;
+    cursor: pointer;
+}
+
+.mdc-top-app-bar__title {
+    max-width: 256px;
+}
+
+.menubutton {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+#menuitems {
+    justify-content: right;
+}
diff --git a/Neutron-trunk/resources/css/polymer/responsive.css b/Neutron-trunk/resources/css/polymer/responsive.css
new file mode 100644
index 0000000..2c4535b
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/responsive.css
@@ -0,0 +1,123 @@
+@media (min-width: 500px) {
+    .rsp-mobileonly {
+        display: none;
+    }
+}
+
+@media (max-width: 500px) {
+    .rsp-desktoponly {
+        display: none;
+    }
+}
+
+.mdc-drawer .mdc-list-item--activated, .mdc-drawer .mdc-list-item--activated * {
+    color: var(--mdc-theme-primary) !important;
+}
+
+#menuitems .mdc-button .menubutton {
+    max-width: 124px;
+}
+
+@media (max-width: 1070px) {
+    #menuitems .mdc-button:nth-child(8) {
+        display: none;
+    }
+}
+
+@media (max-width: 986px) {
+    #menuitems .mdc-button:nth-child(7) {
+        display: none;
+    }
+}
+
+@media (max-width: 915px) {
+    #menuitems .mdc-button:nth-child(6) {
+        display: none;
+    }
+}
+
+@media (max-width: 874px) {
+    #menuitems .mdc-button:nth-child(5) {
+        display: none;
+    }
+}
+
+@media (max-width: 832px) {
+    #menuitems .mdc-button:nth-child(4) {
+        display: none;
+    }
+}
+
+@media (max-width: 748px) {
+    #menuitems .mdc-button:nth-child(3) {
+        display: none;
+    }
+}
+
+@media (max-width: 674px) {
+    #menuitems .mdc-button:nth-child(2) {
+        display: none;
+    }
+}
+
+@media (max-width: 566px) {
+    #menuitems .mdc-button:nth-child(1) {
+        display: none;
+    }
+}
+
+@media (max-width: 860px) {
+    .rsp-widgetbar {
+        display: initial;
+    }
+
+    #page-elements #page-content-widgets-desktop {
+        display: none;
+    }
+
+    #page-elements #page-content-widgets-mobile {
+        border-radius: 0 !important;
+        margin: 0 !important;
+    }
+
+    #page-elements {
+        grid-template-columns: 1fr;
+    }
+
+    #page-elements #page-content-inner {
+        margin: 0;
+        border-radius: 0
+    }
+
+    #page-content-colorbar {
+        border-radius: 0;
+    }
+
+    #footer-container {
+        margin-top: -20px;
+    }
+
+    #page-footer {
+        padding: 15px 25px;
+    }
+
+    #page-banner {
+        height: 75px;
+    }
+
+    #page-content-colorbar {
+        margin-top: 0;
+    }
+}
+
+@media (min-width: 860px) {
+    .rsp-simplifiedonly {
+        display: none;
+    }
+}
+
+@media (max-width: 400px) {
+    #page-footer-title-inner {
+        display: none;
+    }
+}
+\ No newline at end of file
diff --git a/Neutron-trunk/resources/css/polymer/scrollbars.css b/Neutron-trunk/resources/css/polymer/scrollbars.css
new file mode 100644
index 0000000..522cfd5
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/scrollbars.css
@@ -0,0 +1,24 @@
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.5);
+    border-radius: 999px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+/* Handle on hold */
+::-webkit-scrollbar-thumb:active {
+    background-color: rgb(0, 0, 0) !important;
+}
+\ No newline at end of file
diff --git a/Neutron-trunk/resources/css/polymer/warnings.css b/Neutron-trunk/resources/css/polymer/warnings.css
new file mode 100644
index 0000000..05b25b6
--- /dev/null
+++ b/Neutron-trunk/resources/css/polymer/warnings.css
@@ -0,0 +1,115 @@
+#snackbar {
+    visibility: hidden;
+    min-width: 250px;
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 16px;
+    position: fixed;
+    z-index: 99999999999999999999;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    width: calc(100% - 32px);
+}
+
+#snackbar.snackbar_show {
+    visibility: visible;
+    -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
+    animation: fadein 0.5s, fadeout 0.5s 4.5s;
+}
+
+@-webkit-keyframes fadein {
+    from {bottom: -30px; opacity: 0;}
+    to {bottom: 0px; opacity: 1;}
+}
+  
+@keyframes fadein {
+    from {bottom: -30px; opacity: 0;}
+    to {bottom: 0px; opacity: 1;}
+}
+
+@-webkit-keyframes fadeout {
+    from {bottom: 0px; opacity: 1;}
+    to {bottom: -30px; opacity: 0;}
+}
+  
+@keyframes fadeout {
+    from {bottom: 0px; opacity: 1;}
+    to {bottom: -30px; opacity: 0;}
+}
+
+/* Legacy dialogs */
+pjse-placeholder {
+    z-index: 99999999999999999999;
+    display: block;
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, .5);
+    filter: blur(0);
+}
+
+pjse-window {
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    text-align: center;
+    width: 100%;
+    display: block;
+}
+
+pjse-window-inner {
+    background: white;
+    color: black;
+    padding: 10px 15px;
+    border-radius: 10px;
+    display: inline-block;
+    text-align: left;
+    padding-bottom: 20px;
+    box-shadow: 1px 1px 12px black;
+}
+
+pjse-title {
+    color: black;
+    display: block;
+    margin: 10px 0px;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+pjse-message {
+    color: black;
+}
+
+pjse-close {
+    display: block;
+    text-align: right;
+}
+
+pjse-close > span {
+    text-align: right;
+    color: #0bc7e8;
+    font-weight: bold;
+    padding: 10px;
+    border-radius: 5px;
+    background: transparent;
+    transition: background 200ms;
+    cursor: pointer;
+}
+
+pjse-close > span:hover {
+    background: #0be1e83b;
+}
+
+pjse-close > span:active {
+    background: #0bb4e862;
+}
+
+.pjse-blurry {
+    filter: blur(5px);
+}
+\ No newline at end of file