Update

1 files changed, 166 insertions, 0 deletions

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