diff options
Diffstat (limited to 'Neutron-trunk/resources/css')
47 files changed, 3196 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 diff --git a/Neutron-trunk/resources/css/admin_v2/chromium.css b/Neutron-trunk/resources/css/admin_v2/chromium.css new file mode 100644 index 0000000..19dab45 --- /dev/null +++ b/Neutron-trunk/resources/css/admin_v2/chromium.css @@ -0,0 +1,8 @@ +main { + background-color: rgba(17, 17, 17, .65); + backdrop-filter: blur(10px); +} + +.bg { + background-image: var(--mpcms-banner); +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/admin_v2/iframe.css b/Neutron-trunk/resources/css/admin_v2/iframe.css new file mode 100644 index 0000000..de31677 --- /dev/null +++ b/Neutron-trunk/resources/css/admin_v2/iframe.css @@ -0,0 +1,17 @@ +#main-iframe { + border: none; +} + +#main-content { + position: fixed; + margin: 50px 70px; + left: 300px; + top: 0; + bottom: 0; + right: 80px; +} + +#main-title { + font-size: 30px; + font-weight: bold; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/admin_v2/inner.css b/Neutron-trunk/resources/css/admin_v2/inner.css new file mode 100644 index 0000000..8c928a1 --- /dev/null +++ b/Neutron-trunk/resources/css/admin_v2/inner.css @@ -0,0 +1,89 @@ +body { + margin: 30px 0 0; +} + +#system-head { + display: grid; + grid-template-columns: 160px 1fr; + margin-bottom: 30px; +} + +#system-head-banner { + background: #000; + width: 150px; + height: 80px; + padding: 5px; + border-radius: 10px; +} + +#system-head-banner-image { + background-image: var(--mpcms-banner); + width: 100%; + height: 100%; + background-size: cover; + background-position: center; +} + +#system-head-version { + display: flex; + align-items: center; + margin-left: 20px; +} + +.inner-item { + background-color: rgba(0, 0, 0, .5); + border-radius: 10px; + padding: 10px 20px; + display: grid; + cursor: default; + grid-template-columns: 32px 1fr 32px; +} + +.inner-item:hover { + background-color: rgba(0, 0, 0, .75); +} + +.inner-item:active, .inner-item:focus { + background-color: rgba(0, 0, 0, 1); +} + +.inner-item-image-outer { + vertical-align: middle; + display: flex; + align-items: center; + width: 32px; +} + +.inner-item-image { + vertical-align: middle; + filter: invert(1); + width: 32px; +} + +.inner-item-enter-outer { + vertical-align: middle; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + width: 32px; +} + +.inner-item-enter { + text-align: center; + vertical-align: middle; + filter: invert(1); + width: 24px; +} + +.inner-item-text { + margin-left: 15px; + display: flex; + margin-top: 5px; + margin-bottom: 5px; + align-items: center; +} + +.inner-item-description { + opacity: .5; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/admin_v2/main.css b/Neutron-trunk/resources/css/admin_v2/main.css new file mode 100644 index 0000000..de75268 --- /dev/null +++ b/Neutron-trunk/resources/css/admin_v2/main.css @@ -0,0 +1,23 @@ +main { + position: fixed; + inset: 0; + z-index: 10; + background: #111 +} + +.bg { + position: fixed; + inset: 0; + z-index: 2; +} + +aside { + height: 100%; + width: 300px; + display: inline-block; +} + +* { + color: white; + font-family: "Noto Sans", "Segoe UI", "CMS", sans-serif; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/admin_v2/navigation.css b/Neutron-trunk/resources/css/admin_v2/navigation.css new file mode 100644 index 0000000..e3d93d1 --- /dev/null +++ b/Neutron-trunk/resources/css/admin_v2/navigation.css @@ -0,0 +1,51 @@ +#nav-header { + display: grid; + grid-template-columns: 64px 1fr; + margin: 30px 20px; + cursor: default; +} + +#nav-header-icon { + background: rgba(17, 17, 17, .5); + width: 64px; + height: 64px; + border-radius: 999px; +} + +#nav-header-names-outer { + margin-left: 15px; + display: flex; + align-items: center; +} + +.nav-item-icon { + vertical-align: middle; + width: 24px; + margin-left: 10px; +} + +.nav-item-name { + vertical-align: middle; + margin-left: 5px; +} + +.nav-item { + padding: 7px 0; + border-left: 3px solid transparent; + border-radius: 5px; + margin-left: 5px; + cursor: default; +} + +.nav-item.selected { + background: rgba(200, 200, 200, .25); + border-left: 3px solid var(--codename-light); +} + +.nav-item:not(.selected):hover { + background: rgba(200, 200, 200, .1); +} + +.nav-item:not(.selected):focus, .nav-item:not(.selected):active { + background: rgba(200, 200, 200, .25); +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/admin_widgets.css b/Neutron-trunk/resources/css/admin_widgets.css new file mode 100644 index 0000000..17b5719 --- /dev/null +++ b/Neutron-trunk/resources/css/admin_widgets.css @@ -0,0 +1,62 @@ +.switch { + position: relative; + display: inline-block; + width: 30px; + height: 17px; + vertical-align: middle; + } + + .switch input { + opacity: 0; + width: 0; + height: 0; + vertical-align: middle; + } + + .slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .2s; + transition: .2s; + vertical-align: middle; + } + + .slider:before { + position: absolute; + content: ""; + height: 13px; + width: 13px; + left: 2px; + bottom: 2px; + background-color: white; + -webkit-transition: .2s; + transition: .2s; + } + + input:checked + .slider { + background-color: #2196F3; + } + + input:focus + .slider { + box-shadow: 0 0 1px #2196F3; + } + + input:checked + .slider:before { + -webkit-transform: translateX(13px); + -ms-transform: translateX(13px); + transform: translateX(13px); + } + + /* Rounded sliders */ + .slider.round { + border-radius: 34px; + } + + .slider.round:before { + border-radius: 50%; + }
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/ajax.css b/Neutron-trunk/resources/css/ajax.css new file mode 100644 index 0000000..1546df1 --- /dev/null +++ b/Neutron-trunk/resources/css/ajax.css @@ -0,0 +1,77 @@ +@import "./codename.css";
+
+html, body {
+ height: 100%;
+ width: 100%;
+ margin: 0;
+ overflow: hidden;
+}
+
+iframe {
+ height: 100%;
+ width: 100%;
+}
+
+#loader {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, .5);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.spinner {
+ animation: rotator 1.4s linear infinite;
+}
+
+@keyframes rotator {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(270deg);
+ }
+}
+
+.path {
+ stroke-dasharray: 187;
+ stroke-dashoffset: 0;
+ transform-origin: center;
+ animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
+}
+
+@keyframes colors {
+ 0% {
+ stroke: var(--codename-theme);
+ }
+ 25% {
+ stroke: var(--codename-secondary);
+ }
+ 50% {
+ stroke: var(--codename-light);
+ }
+ 75% {
+ stroke: var(--codename-theme);
+ }
+ 100% {
+ stroke: var(--codename-secondary);
+ }
+}
+
+@keyframes dash {
+ 0% {
+ stroke-dashoffset: 187;
+ }
+ 50% {
+ stroke-dashoffset: 46.75;
+ transform: rotate(135deg);
+ }
+ 100% {
+ stroke-dashoffset: 187;
+ transform: rotate(450deg);
+ }
+}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/alerts.css b/Neutron-trunk/resources/css/alerts.css new file mode 100644 index 0000000..12dc0fd --- /dev/null +++ b/Neutron-trunk/resources/css/alerts.css @@ -0,0 +1,116 @@ +/* Toast message */ +#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 diff --git a/Neutron-trunk/resources/css/codename.css b/Neutron-trunk/resources/css/codename.css new file mode 100644 index 0000000..9997736 --- /dev/null +++ b/Neutron-trunk/resources/css/codename.css @@ -0,0 +1,5 @@ +:root { + --codename-theme: #8b7832; + --codename-secondary: #52410e; + --codename-light: #c2ac3e; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/error.css b/Neutron-trunk/resources/css/error.css new file mode 100644 index 0000000..19cabbc --- /dev/null +++ b/Neutron-trunk/resources/css/error.css @@ -0,0 +1,16 @@ +* { + font-family: CMS, Arial, Calibri, Ubuntu, Roboto, Liberation Sans, Helvetica, sans-serif; +} + +body { + background-image: url("../image/error.jpg"); + background-size: 100%; + background-repeat: no-repeat; + background-position: initial; + overflow: hidden; +} + +.discover { + color: black; + max-width: 40%; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/fonts-import.css b/Neutron-trunk/resources/css/fonts-import.css new file mode 100644 index 0000000..ca69eac --- /dev/null +++ b/Neutron-trunk/resources/css/fonts-import.css @@ -0,0 +1,36 @@ +@font-face { + font-family: CMS; + src: url('../fonts/font-regular.ttf'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: CMS; + src: url('../fonts/font-italic.ttf'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: CMS; + src: url('../fonts/font-bold.ttf'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: CMS; + src: url('../fonts/font-bold-italic.ttf'); + font-weight: bold; + font-style: italic; +} + +.centered { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + width: 100%; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/main.css b/Neutron-trunk/resources/css/main.css new file mode 100644 index 0000000..e6047b6 --- /dev/null +++ b/Neutron-trunk/resources/css/main.css @@ -0,0 +1,485 @@ +* { + font-family: CMS, Arial, Calibri, Ubuntu, Roboto, Liberation Sans, Helvetica, sans-serif; +} + +html { + height: 100%; +} + +body { + margin: 0; + height: auto; +} + +#siteadmin { + background: black; + color: white; + padding: 4px 32px; + font-size: 10px; + height: 12px; +} + +#siteadmin-button { + float: right; + cursor: pointer; + background: transparent; + transition: background 100ms; + margin: -4px; + padding: 4px; + padding-bottom: 0; + color: white; + text-decoration: none; +} + +#siteadmin-button:hover { + background: rgb(41, 41, 41); +} + +.sab { + cursor: pointer; + background: transparent; + transition: background 100ms; + margin: -4px; + padding: 4px; + padding-bottom: 3px; + color: white; + text-decoration: none; +} + +.sab:hover { + background: rgb(41, 41, 41); +} + +#siteadmin-img { + filter: invert(100%); + width: 16px; + height: 16px; + vertical-align: middle; +} + +#banner { + padding: 40px 50px; + background-position: center; + background-size: cover; + padding-top: 60px; +} + +#banner-menu { + padding: 20px 50px; + background-position: center; + background-size: cover; +} + +@media (max-width: 500px) { + .branding-mobile { + display: initial; + } + .branding-desktop { + display: none; + } + #banner { + padding: 20px 25px; + padding-top: 81px; + } + .menubar-link-text { + display: none; + } + #banner-logo { + width: 36px !important; + height: 36px !important; + } +} + +@media (min-width: 500px) { + .branding-mobile { + display: none; + } + .branding-desktop { + display: initial; + } +} + +#banner-name { + font-weight: lighter; + font-size: 20px; + color: white; + margin-top: 15px; +} + +#banner-menu-name { + font-weight: lighter; + font-size: 14px; + 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; +} + +#banner-menu-logo { + width: 24px; + height: 24px; + vertical-align: middle; + margin-right: 20px; + border-radius: 999px; + border-color: white; + border-width: 2px; + border-style: solid; +} + +#always-on-top { + position: fixed; + width: 100%; +} + +#menubar { + padding: 10px 20px; + background: rgb(66, 66, 66); + box-shadow: 1px 10px 12px rgba(0, 0, 0, .5); +} + +.menubar-link { + color: white; + text-decoration: none; + cursor: pointer; +} + +.menubar-img { + filter: invert(100%); + vertical-align: middle; + padding-right: 5px; + width: 20px; + height: 20px; +} + +#menubar-link-tools { + float: right; +} + +#menubar-close { + filter: invert(100%); + top: 0; + position: fixed; + cursor: pointer; + right: 0; + padding: 5px; +} + +#sidebar-close { + top: 0; + position: fixed; + cursor: pointer; + left: 0; + padding: 5px; +} + +#sidebar-title { + top: 7.5px; + position: fixed; + right: 30%; + font-weight: bold; +} + +#sidebar-separator { + margin-top: 7.5px; + border-bottom-color: black; + border-bottom-width: 1px; + border-bottom-style: solid; + position: fixed; + top: 25px; + width: 100%; +} + +#sidebar-widgets { + top: 32px; + position: relative; +} + +.menu-link { + text-align: center; + display: block; + width: 100%; + padding: 5px; + color: black; +} + +.menu-link:hover { + color: rgb(77, 77, 77); +} + +.pushbar { + overflow-x: hidden; +} + +#page-content { + padding: 8px; + background: white; +} + +#page-content h1 { + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #a4a4a4; +} + +#page-content h2 { + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #a4a4a4; +} + +#page-placeholder, body { + background: rgb(66, 66, 66); +} + +#page-footer { + color: white; + padding: 20px; +} + +#widget-space { + border-bottom-color: rgb(179, 179, 179); + border-bottom-style: solid; + border-bottom-width: 1px; + padding: 10px; +} + +#widget-space h1, #widget-space h2, #widget-space h3, #widget-space h4, #widget-space h5, #widget-space h6 { + margin-top: 0; +} + +#galery_thumbnails { + margin: 0% 15%; +} + +.photo { + width: 30%; + margin: 10px; + background: #c8c8c8; + padding: 15px 5px; + box-shadow: #c8c8c8 1px 1px 12px; + display: inline-block; + border-radius: 7.5px; + border: #716f6f 1px solid; +} + +.photo_image { + cursor: pointer; + border-width: 1px; + border-style: solid; + border-color: black; + width: 90%; + filter: blur(5px); + transition: filter 200ms; + border-radius: 5px; +} + +.photo_image.loaded { + filter: none !important; +} + +@media (max-width: 500px) { + .menubar-mobile { + display: initial; + } + .menulink-desktop { + display: none; + } + .menubar-desktop { + display: none; + } +} + +@media (min-width: 500px) { + .menubar-mobile { + display: none; + } + .menulink-desktop { + display: initial; + } + .menubar-desktop { + display: initial; + } +} + +.menulink-desktop { + color: white; + padding: 10px 20px; + cursor: pointer; + margin: -10px 0; + transition: background 200ms; + text-decoration: none; +} + +.menulink-desktop:hover { + background: #626262; +} + +.menulink-desktop:active { + background: #1d1d1d; +} + +.pushbar_overlay { + background: #2f2f2f; +} + +[data-pushbar-id].opened { + box-shadow: 1px 1px 12px gray; + z-index: 999999999 !important; + margin-top: 20px; +} + +.menubar-link { + margin: -10px; + padding: 10px; + padding-bottom: 8px; + transition: background 200ms; +} + +.menubar-link:hover { + background: #626262; +} + +.menubar-link:active { + background: #1d1d1d; +} + +.message_img { + width: 36px; + height: 36px; + z-index: -1; +} + +.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; + color: white; +} + +blockquote { + margin-left: 0; + margin-right: 0; + border-left: 5px solid #ccc; + padding: 0px 1.5em; + font-style: italic; +} + +blockquote p { + margin: 0; + padding: 16px 0px; +} + +a:not([class]), a[class=""] { + color: inherit; +} + +a:not([class]):hover, a[class=""]:hover { + text-decoration: none; +} + +a:not([class]):not([id]):active, a[class=""][id=""]:active { + text-decoration: none; + opacity: 75%; +} + +.photo_label { + color: black; + padding: 10px 0; + display: block; + margin-bottom: -15px; +} + +.sticky { + position: fixed; + top: 20px; + width: 97%; +} + +/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ +.sticky ~ #page-placeholder { + padding-top: 39px; + /* padding-top: 191px; */ +} + +#always-on-top, #menubar { + z-index: 99999999; +} + +@media (min-width: 700px) { + #sidebar { + height: calc(100% - 152px) !important; + position: absolute; + right: 0; + background: rgb(66, 66, 66); + top: 152px; + overflow-y: hidden; + width: 256px !important; + max-width: initial !important; + transform: initial !important; + color: white !important; + } + #menubar { + z-index: initial; + } + #sidebar-widgets { + top: initial !important; + padding-top: 30px; + display: block; + } + #sidebar-separator, #sidebar-title, #sidebar-close { + opacity: 0; + cursor: default; + } + #menubar-link-tools { + display: none; + } + #page-placeholder { + margin-right: 256px; + } +} + +.hint { + text-decoration: dotted underline; + cursor: help; +} + +#sidebar-widgets img { + filter: invert(100%); +} + +.image.image_resized > img { + width:100%; +} + +.noeffects { + filter: none !important; +} + +figure.image.image_resized { + text-align: center; + margin-left: auto; + margin-right: auto; +}
\ No newline at end of file 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 diff --git a/Neutron-trunk/resources/css/preview.css b/Neutron-trunk/resources/css/preview.css new file mode 100644 index 0000000..91ab1aa --- /dev/null +++ b/Neutron-trunk/resources/css/preview.css @@ -0,0 +1,150 @@ +@import "./fonts-import.css"; + +* { + font-family: CMS, Arial, Calibri, Ubuntu, Roboto, Liberation Sans, Helvetica, sans-serif; +} + +.icon { + filter: invert(100%); + top: 5px; + left: 5px; + margin: 5px; + width: 36px; + cursor: pointer; +} + +.loaded { + filter: none !important; +} + +.ppreview { + filter: blur(10px); + transition: filter 200ms; +} + +.download, .zoom { + position: fixed; + bottom: 10px; + background: rgb(51, 51, 51); + padding: 5px 10px; + left: 10px; + border-radius: 999px; + opacity: .25; + cursor: pointer; + transition: opacity 200ms; + color: initial; + text-decoration: none; + color: white; + padding-left: 29px; + background-image: url("../image/getimage.png"); + background-size: 24px; + background-repeat: no-repeat; + background-position-x: 5px; + background-position-y: 2.5px; +} + +.download { + left: 90px !important; +} + +.zoomin { + background-image: url("../image/gallery-zoom-plus.svg"); + height: 24px; + width: 24px; + background-size: 24px; + filter: invert(100%); + display: inline-block; + opacity: .5; + transition: opacity 200ms; + box-shadow: none !important; + background-position: center; +} + +.zoomout { + background-image: url("../image/gallery-zoom-minus.svg"); + height: 24px; + width: 24px; + background-size: 24px; + filter: invert(100%); + display: inline-block; + opacity: .5; + transition: opacity 200ms; + box-shadow: none !important; + background-position: center; +} + +.image, .container { + cursor: move; +} + +.zoom { + display: flex; + align-items: center; + padding-top: 0; + background: rgba(51, 51, 51, 1); + padding-bottom: 0; + padding-left: 10px; + height: 29px; + width: 48px; + background-image: none; +} + +.zoom:hover { + opacity: 1; + box-shadow: 1px 1px 2px rgb(51, 51, 51); +} + +.download:hover, .zoomin:hover, .zoomout:hover { + opacity: .75; + box-shadow: 1px 1px 2px rgb(51, 51, 51); +} + +.download:active, .zoomin:active, .zoomout:active { + opacity: 1; + box-shadow: 1px 1px 2px rgb(51, 51, 51); +} + +.image { + height: 100%; + -webkit-user-drag: none; + -khtml-user-drag: none; + -moz-user-drag: none; + -o-user-drag: none; + cursor: move; + pointer-events: none; +} + +.container { + height: 100%; + text-align: center; +} + +input[type=checkbox] { + display: none; +} + +body, * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.close { + position: fixed; + top: 0; + opacity: 1; + transition: opacity 200ms; +} + +.close:hover { + position: fixed; + top: 0; + opacity: .75; +} + +.close:active, .close:focus { + opacity: .5; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/ready.css b/Neutron-trunk/resources/css/ready.css new file mode 100644 index 0000000..df489ba --- /dev/null +++ b/Neutron-trunk/resources/css/ready.css @@ -0,0 +1,52 @@ +* { + font-family: CMS, Arial, Calibri, Ubuntu, Roboto, Liberation Sans, Helvetica, sans-serif; +} + +body { + background-image: url("../image/oobe.jpg"); + background-size: 100%; + background-repeat: no-repeat; + background-position: initial; +} + +.discover { + max-width: 40%; +} + +a img { + vertical-align: middle; + padding-right: 5px; +} + +a { + padding: 10px; + border-radius: 5px; + border-style: solid; + border-color: black; + border-width: 1px; + text-decoration: none; + color: black; + transition: border-color 200ms, color 200ms; +} + +a:hover { + border-color: rgb(43, 43, 43); + color: rgb(43, 43, 43); +} + +a:active { + border-color: rgb(77, 77, 77); + color: rgb(77, 77, 77); +} + +hr { + width: 64px; + border-color: black; + border-style: solid; + border-width: 1px; + border-bottom: none; +} + +a:hover > img { + filter: opacity(75%); +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/setup.css b/Neutron-trunk/resources/css/setup.css new file mode 100644 index 0000000..66e7961 --- /dev/null +++ b/Neutron-trunk/resources/css/setup.css @@ -0,0 +1,83 @@ +* { + font-family: CMS, Arial, Calibri, Ubuntu, Roboto, Liberation Sans, Helvetica, sans-serif; +} + +body { + background-image: url("../../resources/image/config.jpg") !important; + background-size: 100%; + background-repeat: no-repeat; + background-position: initial; +} + +.box { + width: 60% !important; + border-radius: 5px; + box-shadow: 1px 1px 2px gray; + padding: 20px; + background-color: rgb(235, 235, 235); +} + +h1, h2, h3, h4, h5, h6 { + font-weight: normal; +} + +.loader { + width: 56px; + height: 56px; + filter: brightness(0%); +} + +.tip-red { + color: rgb(255, 75, 75); +} + +.tip-green { + color: rgb(132, 255, 75); +} + +.tip-orange { + color: rgb(255, 132, 75); +} + +.termsbox { + background: white; + border: none; + border-color: black; + border-style: solid; + border-width: 1px; + border-radius: 5px; + padding: 5px; + box-shadow: 1px 1px 2px black; +} + +@keyframes blink { + 0% { opacity: 1; } + 50% { opacity: 0; } + 100% { opacity: 1; } +} + +.finisher { + width: 256px; + height: 256px; + filter: brightness(0%); +} + +.update-cancel { + padding: 5px 10px; + border: 1px solid lightgray; + border-radius: 5px; + border-bottom-width: 2px; + background: white; + cursor: pointer; + transition: background 200ms, border-color 200ms; +} + +.update-cancel:hover { + background: lightgray; + border-color: gray; +} + +.update-cancel:active { + background: gray; + border-color: black; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/spotlight.css b/Neutron-trunk/resources/css/spotlight.css new file mode 100644 index 0000000..ca72fd6 --- /dev/null +++ b/Neutron-trunk/resources/css/spotlight.css @@ -0,0 +1,245 @@ +/* Spotlight theming */ +:root { + --spotlight-glass: rgba(0, 0, 0, 0.75); + --spotlight-shadow: rgba(0, 0, 0, .75); + --spotlight-background: var(--mpc-menu-background, #ffffff); + --spotlight-text: var(--mdc-theme-on-surface, #000000); + --spotlight-border: var(--mdc-theme-primary, gray); + --spotlight-hover: var(--mpc-slse-hover1, rgba(0, 0, 0, 0.1)); + --spotlight-superhover: var(--mpc-slse-hover1, rgba(0, 0, 0, 0.25)); + + --spotlight-pages-text: rgb(25, 118, 210); + --spotlight-pages-background-heavy: rgba(25, 118, 210, .25); + --spotlight-pages-background-light: rgba(25, 118, 210, .1); + --spotlight-gallery-text: rgb(211, 47, 47); + --spotlight-gallery-background-heavy: rgba(211, 47, 47, .25); + --spotlight-gallery-background-light: rgba(211, 47, 47, .1); + --spotlight-calendar-text: rgb(56, 142, 60); + --spotlight-calendar-background-heavy: rgba(56, 142, 60, .25); + --spotlight-calendar-background-light: rgba(56, 142, 60, .1); + --spotlight-plugins-text: rgb(251, 127, 45); + --spotlight-plugins-background-heavy: rgba(251, 127, 45, .25); + --spotlight-plugins-background-light: rgba(251, 127, 45, .1); + --spotlight-technical-text: rgb(81, 45, 168); + --spotlight-technical-background-heavy: rgba(81, 45, 168, .25); + --spotlight-technical-background-light: rgba(81, 45, 168, .1); + --spotlight-data-text: rgb(0, 121, 107); + --spotlight-data-background-heavy: rgba(0, 121, 107, .25); + --spotlight-data-background-light: rgba(0, 121, 107, .1); + --spotlight-updates-text: rgb(0, 121, 81); + --spotlight-updates-background-heavy: rgba(0, 121, 81, .25); + --spotlight-updates-background-light: rgba(0, 121, 81, .1); + --spotlight-apparence-text: rgb(251, 192, 45); + --spotlight-apparence-background-heavy: rgba(251, 192, 45, .25); + --spotlight-apparence-background-light: rgba(251, 192, 45, .1); +} + +.spotlight * { + box-sizing: border-box; +} + +.spotlight { + opacity: 0; + pointer-events: none; + position: fixed; + top: 0; + z-index: 99999999999999999999999999; + left: 0; + right: 0; + bottom: 0; + background-color: var(--spotlight-glass); + display: flex; + justify-content: center; + color: var(--spotlight-text); +} + +.spotlight.active { + opacity: 1; + pointer-events: auto; +} + +.spotlight-bar { + width: 50%; + top: 0; + position: fixed; + background: var(--spotlight-background); + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border: none; + padding: 10px; + box-shadow: 1px 2px 5px var(--spotlight-glass); +} + +.spotlight-bar input { + width: 100%; + padding: 10px 20px; + border: none; + background: none; +} + +.spotlight-suggestions { + border-top: 1px solid var(--spotlight-border); + position: absolute; + top: 100%; + background: var(--spotlight-background); + left: 0; + right: 0; + margin: -5px 0 0 0; + padding: 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +.spotlight-suggestions li { + list-style: none; + margin: 0; + padding: 0; +} + +.spotlight-suggestions a { + display: block; + text-decoration: none; + padding: 10px 25px; + color: inherit; + border-radius: 5px; + white-space: nowrap; + overflow: hidden !important; + text-overflow: ellipsis; +} + +.spotlight-suggestions li.active a:hover, .spotlight-suggestions li a:hover { + background-color: var(--spotlight-superhover); +} + +.spotlight-suggestions li.active a { + background-color: var(--spotlight-hover); +} + +.spotlight-suggestions mark { + opacity: .3; + background: none; + color: inherit; +} + +.spotlight-icon { + vertical-align: middle; + margin-right: 10px; +} + +.spotlight-suggestions span { + vertical-align: middle; +} + +.spotlight-elements { + display: none; +} + +.spotlight-link__pages:hover, li.active .spotlight-link__pages { + color: var(--spotlight-pages-text); +} + +.spotlight-link__gallery:hover, li.active .spotlight-link__gallery { + color: var(--spotlight-gallery-text); +} + +.spotlight-link__calendar:hover, li.active .spotlight-link__calendar { + color: var(--spotlight-calendar-text); +} + +.spotlight-link__plugins:hover, li.active .spotlight-link__plugins { + color: var(--spotlight-plugins-text); +} + +.spotlight-link__technical:hover, li.active .spotlight-link__technical { + color: var(--spotlight-technical-text); +} + +.spotlight-link__data:hover, li.active .spotlight-link__data { + color: var(--spotlight-data-text); +} + +.spotlight-link__updates:hover, li.active .spotlight-link__updates { + color: var(--spotlight-updates-text); +} + +.spotlight-link__apparence:hover, li.active .spotlight-link__apparence { + color: var(--spotlight-apparence-text); +} + +li a.spotlight-link__pages:hover { + background-color: var(--spotlight-pages-background-heavy) !important; +} + +li.active a.spotlight-link__pages { + background-color: var(--spotlight-pages-background-light); +} + +li a.spotlight-link__gallery:hover { + background-color: var(--spotlight-gallery-background-heavy) !important; +} + +li.active a.spotlight-link__gallery { + background-color: var(--spotlight-gallery-background-light); +} + +li a.spotlight-link__calendar:hover { + background-color: var(--spotlight-calendar-background-heavy) !important; +} + +li.active a.spotlight-link__calendar { + background-color: var(--spotlight-calendar-background-light); +} + +li a.spotlight-link__plugins:hover { + background-color: var(--spotlight-plugins-background-heavy) !important; +} + +li.active a.spotlight-link__plugins { + background-color: var(--spotlight-plugins-background-light); +} + +li a.spotlight-link__technical:hover { + background-color: var(--spotlight-technical-background-heavy) !important; +} + +li.active a.spotlight-link__technical { + background-color: var(--spotlight-technical-background-light); +} + +li a.spotlight-link__data:hover { + background-color: var(--spotlight-data-background-heavy) !important; +} + +li.active a.spotlight-link__data { + background-color: var(--spotlight-data-background-light); +} + +li a.spotlight-link__updates:hover { + background-color: var(--spotlight-updates-background-heavy) !important; +} + +li.active a.spotlight-link__updates { + background-color: var(--spotlight-updates-background-light); +} + +li a.spotlight-link__apparence:hover { + background-color: var(--spotlight-apparence-background-heavy) !important; +} + +li.active a.spotlight-link__apparence { + background-color: var(--spotlight-apparence-background-light); +} + +.spotlight-input { + outline: none; + color: var(--spotlight-text); +} + +.spotlight-link { + cursor: pointer; +} + +#admin.spotlight-blur { + filter: blur(10px); + pointer-events: none; +} diff --git a/Neutron-trunk/resources/css/themes/blue-auto.css b/Neutron-trunk/resources/css/themes/blue-auto.css new file mode 100644 index 0000000..05864eb --- /dev/null +++ b/Neutron-trunk/resources/css/themes/blue-auto.css @@ -0,0 +1,3 @@ +@import url("./blue-light.css") only screen and (prefers-color-scheme: light); +@import url("./blue-light.css") only screen and (prefers-color-scheme: no-preference); +@import url("./blue-dark.css") only screen and (prefers-color-scheme: dark);
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/blue-dark.css b/Neutron-trunk/resources/css/themes/blue-dark.css new file mode 100644 index 0000000..7285ad4 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/blue-dark.css @@ -0,0 +1,13 @@ +@import url("../polymer/dark.css"); + +:root { + --mdc-theme-primary: #b5c9ff; + --mdc-theme-secondary: #ffebb4; + --mdc-theme-background: #3a4053; + --mdc-theme-surface: #b5c9ff; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: white; + + --cms-extra-superdark: #040a1a; +} diff --git a/Neutron-trunk/resources/css/themes/blue-light.css b/Neutron-trunk/resources/css/themes/blue-light.css new file mode 100644 index 0000000..b8ff9d7 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/blue-light.css @@ -0,0 +1,11 @@ +:root { + --mdc-theme-primary: #2962ff; + --mdc-theme-secondary: #ffc629; + --mdc-theme-background: #cedbff; + --mdc-theme-surface: #2962ff; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #040a1a; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/brown-auto.css b/Neutron-trunk/resources/css/themes/brown-auto.css new file mode 100644 index 0000000..65ed947 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/brown-auto.css @@ -0,0 +1,3 @@ +@import url("./brown-light.css") only screen and (prefers-color-scheme: light); +@import url("./brown-light.css") only screen and (prefers-color-scheme: no-preference); +@import url("./brown-dark.css") only screen and (prefers-color-scheme: dark);
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/brown-dark.css b/Neutron-trunk/resources/css/themes/brown-dark.css new file mode 100644 index 0000000..baaa3a9 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/brown-dark.css @@ -0,0 +1,13 @@ +@import url("../polymer/dark.css"); + +:root { + --mdc-theme-primary: #d4c49b; + --mdc-theme-secondary: #a5b0ce; + --mdc-theme-background: #6d644e; + --mdc-theme-surface: #cfc3a2; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #271c00; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/brown-light.css b/Neutron-trunk/resources/css/themes/brown-light.css new file mode 100644 index 0000000..4c83cb4 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/brown-light.css @@ -0,0 +1,11 @@ +:root { + --mdc-theme-primary: #d29600; + --mdc-theme-secondary: #003cd2; + --mdc-theme-background: #cfc099; + --mdc-theme-surface: #d29600; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #271c00; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/green-auto.css b/Neutron-trunk/resources/css/themes/green-auto.css new file mode 100644 index 0000000..ea9a940 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/green-auto.css @@ -0,0 +1,3 @@ +@import url("./green-light.css") only screen and (prefers-color-scheme: light); +@import url("./green-light.css") only screen and (prefers-color-scheme: no-preference); +@import url("./green-dark.css") only screen and (prefers-color-scheme: dark);
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/green-dark.css b/Neutron-trunk/resources/css/themes/green-dark.css new file mode 100644 index 0000000..b245c67 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/green-dark.css @@ -0,0 +1,13 @@ +@import url("../polymer/dark.css"); + +:root { + --mdc-theme-primary: #90c59a; + --mdc-theme-secondary: #c78fbd; + --mdc-theme-background: #2d4131; + --mdc-theme-surface: #90c59a; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: white; + + --cms-extra-superdark: #002507; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/green-light.css b/Neutron-trunk/resources/css/themes/green-light.css new file mode 100644 index 0000000..2aeba7c --- /dev/null +++ b/Neutron-trunk/resources/css/themes/green-light.css @@ -0,0 +1,11 @@ +:root { + --mdc-theme-primary: #00c924; + --mdc-theme-secondary: #c900a4; + --mdc-theme-background: #cbffd4; + --mdc-theme-surface: #00c924; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #002507; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/orange-auto.css b/Neutron-trunk/resources/css/themes/orange-auto.css new file mode 100644 index 0000000..59196ff --- /dev/null +++ b/Neutron-trunk/resources/css/themes/orange-auto.css @@ -0,0 +1,3 @@ +@import url("./orange-light.css") only screen and (prefers-color-scheme: light); +@import url("./orange-light.css") only screen and (prefers-color-scheme: no-preference); +@import url("./orange-dark.css") only screen and (prefers-color-scheme: dark);
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/orange-dark.css b/Neutron-trunk/resources/css/themes/orange-dark.css new file mode 100644 index 0000000..454e2f7 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/orange-dark.css @@ -0,0 +1,13 @@ +@import url("../polymer/dark.css"); + +:root { + --mdc-theme-primary: #ffd6c1; + --mdc-theme-secondary: #bde8ff; + --mdc-theme-background: #493c35; + --mdc-theme-surface: #ffdbc7; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #270e00; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/orange-light.css b/Neutron-trunk/resources/css/themes/orange-light.css new file mode 100644 index 0000000..8242e1b --- /dev/null +++ b/Neutron-trunk/resources/css/themes/orange-light.css @@ -0,0 +1,11 @@ +:root { + --mdc-theme-primary: #ff5b00; + --mdc-theme-secondary: #00a6ff; + --mdc-theme-background: #ffd9c4; + --mdc-theme-surface: #ff5b00; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #270e00; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/purple-auto.css b/Neutron-trunk/resources/css/themes/purple-auto.css new file mode 100644 index 0000000..b0e5dea --- /dev/null +++ b/Neutron-trunk/resources/css/themes/purple-auto.css @@ -0,0 +1,3 @@ +@import url("./purple-light.css") only screen and (prefers-color-scheme: light); +@import url("./purple-light.css") only screen and (prefers-color-scheme: no-preference); +@import url("./purple-dark.css") only screen and (prefers-color-scheme: dark);
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/purple-dark.css b/Neutron-trunk/resources/css/themes/purple-dark.css new file mode 100644 index 0000000..454e2f7 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/purple-dark.css @@ -0,0 +1,13 @@ +@import url("../polymer/dark.css"); + +:root { + --mdc-theme-primary: #ffd6c1; + --mdc-theme-secondary: #bde8ff; + --mdc-theme-background: #493c35; + --mdc-theme-surface: #ffdbc7; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #270e00; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/purple-light.css b/Neutron-trunk/resources/css/themes/purple-light.css new file mode 100644 index 0000000..09e4633 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/purple-light.css @@ -0,0 +1,11 @@ +:root { + --mdc-theme-primary: #7f00a9; + --mdc-theme-secondary: #2aa900; + --mdc-theme-background: #b99fc2; + --mdc-theme-surface: #7f00a9; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #240030; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/red-auto.css b/Neutron-trunk/resources/css/themes/red-auto.css new file mode 100644 index 0000000..8419949 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/red-auto.css @@ -0,0 +1,3 @@ +@import url("./red-light.css") only screen and (prefers-color-scheme: light); +@import url("./red-light.css") only screen and (prefers-color-scheme: no-preference); +@import url("./red-dark.css") only screen and (prefers-color-scheme: dark);
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/red-dark.css b/Neutron-trunk/resources/css/themes/red-dark.css new file mode 100644 index 0000000..824bd8f --- /dev/null +++ b/Neutron-trunk/resources/css/themes/red-dark.css @@ -0,0 +1,13 @@ +@import url("../polymer/dark.css"); + +:root { + --mdc-theme-primary: #cc9595; + --mdc-theme-secondary: #93c9c9; + --mdc-theme-background: #694646; + --mdc-theme-surface: #cc9595; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: white; + + --cms-extra-superdark: #300000; +} diff --git a/Neutron-trunk/resources/css/themes/red-light.css b/Neutron-trunk/resources/css/themes/red-light.css new file mode 100644 index 0000000..1c260ae --- /dev/null +++ b/Neutron-trunk/resources/css/themes/red-light.css @@ -0,0 +1,11 @@ +:root { + --mdc-theme-primary: #c90000; + --mdc-theme-secondary: #00c9c9; + --mdc-theme-background: #c99898; + --mdc-theme-surface: #c90000; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #300000; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/white-auto.css b/Neutron-trunk/resources/css/themes/white-auto.css new file mode 100644 index 0000000..954a4f2 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/white-auto.css @@ -0,0 +1,3 @@ +@import url("./white-light.css") only screen and (prefers-color-scheme: light); +@import url("./white-light.css") only screen and (prefers-color-scheme: no-preference); +@import url("./white-dark.css") only screen and (prefers-color-scheme: dark);
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/white-dark.css b/Neutron-trunk/resources/css/themes/white-dark.css new file mode 100644 index 0000000..ed8daa9 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/white-dark.css @@ -0,0 +1,13 @@ +@import url("../polymer/dark.css"); + +:root { + --mdc-theme-primary: #acacac; + --mdc-theme-secondary: #c9c9c9; + --mdc-theme-background: #acacac; + --mdc-theme-surface: #acacac; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #2b2b2b; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/themes/white-light.css b/Neutron-trunk/resources/css/themes/white-light.css new file mode 100644 index 0000000..abfd7e3 --- /dev/null +++ b/Neutron-trunk/resources/css/themes/white-light.css @@ -0,0 +1,11 @@ +:root { + --mdc-theme-primary: #d6d6d6; + --mdc-theme-secondary: #919191; + --mdc-theme-background: #f3f3f3; + --mdc-theme-surface: #d6d6d6; + --mdc-theme-on-surface: white; + --mdc-theme-on-primary: white; + --mdc-theme-on-secondary: black; + + --cms-extra-superdark: #2b2b2b; +}
\ No newline at end of file diff --git a/Neutron-trunk/resources/css/ui.css b/Neutron-trunk/resources/css/ui.css new file mode 100644 index 0000000..0fc04a7 --- /dev/null +++ b/Neutron-trunk/resources/css/ui.css @@ -0,0 +1,166 @@ +@import "./alerts.css"; + +.button { + cursor: pointer; + text-decoration: none; + color: white; + padding: 10px 20px; + background: rgb(39, 39, 39); + border-radius: 5px; + border-style: solid; + border-width: 0px; + border-width: 3px; + border-color: transparent; + transition: border-color 100ms; + box-shadow: 1px 1px 5px rgb(65, 65, 65); +} + +.button-dangerous { + cursor: pointer; + text-decoration: none; + color: white; + padding: 10px 20px; + background: rgb(182, 19, 19); + border-radius: 5px; + border-style: solid; + border-width: 3px; + border-color: transparent; + transition: border-color 100ms; + box-shadow: 1px 1px 5px rgb(173, 56, 56); +} + +.button:hover { + color: white; + border-color: rgb(65, 65, 65); +} + +.button-dangerous:hover { + color: white; + border-color: rgb(173, 56, 56); +} + +.icon_button { + cursor: pointer; + text-decoration: none; + padding: 5px; + border-radius: 999px; + box-shadow: none; + transition: box-shadow 200ms; + background: whitesmoke; +} + +.icon_button:hover { + box-shadow: 1px 1px 10px rgb(168, 168, 168); +} + +.hide { + display: none; +} + +input[type="text"]:not(.easycss-input-value):not(.spotlight-input), input[type="password"] { + border: none; + padding: 5px 10px; + border-radius: 5px; + border-color: black; + border-style: solid; + border-width: 1px; + text-align: center; +} + +input[type="text"]:hover:not(.easycss-input-value):not(.spotlight-input), input[type="password"]:hover { + border-color: rgb(75, 75, 75); +} + +button.button { + font-size: 16px; +} + +input[type="button"].button { + font-size: 16px; +} + +input[type="submit"].button { + font-size: 16px; +} + +center { + text-align: center; +} + +.php-internal-error { + display: block; + margin: -8px; + padding: 14px; + text-align: center; + background: red; + color: white; +} + +code { + font-family: monospace; + font-size: 14px; +} + +#errorbox-wrapper { + z-index: 99999; + background-color: rgba(0, 0, 0, 0.75); + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +#errorbox-frame { + margin: 0 25%; + padding: 30px; + border-radius: 10px; + background: #eaeaea; + box-shadow: 0px 0px 8px #eaeaea; + color: black; +} + +#errorbox-bottom { + margin-bottom: -30px; + margin-left: -30px; + margin-right: -30px; + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + background: #5487ff; + padding: 5px; + margin-top: 30px; + box-shadow: 1px 5px 8px #5487ff; + cursor: pointer; + transition: box-shadow 200ms, background 200ms; +} + +#errorbox-bottom:hover { + background: #417aff; + box-shadow: 1px 5px 8px #417aff; +} + +#errorbox-bottom:active { + background: #195eff; + box-shadow: 1px 5px 8px #195eff; +} + +@media (max-width: 500px) { + #errorbox-frame { + padding: 10px; + } + #errorbox-bottom { + margin-bottom: -10px; + margin-left: -10px; + margin-right: -10px; + margin-top: 10px; + } + #errorbox-logo { + width: 24px; + height: 24px; + } +} + +#errorbox-logo { + width: 48px; + height: 48px; +}
\ No newline at end of file |