Use css for darkmode

2022-12-18 03:31:31 -06:00 · 2022-12-18 03:31:31 -06:00 · 97a56145b2
commit 97a56145b2
parent de875bd384
62 changed files with 6748 additions and 1034 deletions
--- a/resources/widgets.scss
+++ b/resources/widgets.scss
@ -596,4 +596,138 @@ ul.select2-selection__rendered {

 .control-button:hover {
    background: gray;
+}
+
+.registration-form {
+    .sortedm2m-container, .sortedm2m-container p.selector-filter {
+        width: 300px;
+    }
+
+    .sortedm2m-container p.selector-filter input {
+        width: 262px;
+    }
+
+    ul.sortedm2m {
+        width: 284px;
+        min-height: 100px;
+        max-height: 200px;
+    }
+
+    .sortedm2m-container, .sortedm2m-container p.selector-filter {
+        width: 300px;
+    }
+
+    .sortedm2m-container p.selector-filter input {
+        width: 262px;
+    }
+
+    ul.sortedm2m {
+        width: 284px;
+        min-height: 70px;
+        max-height: 200px;
+        height: 70px
+    }
+
+    .inline-header {
+        float: left;
+        font-size: 1.1em;
+        padding: 4px 8px;
+        padding-left: 0;
+    }
+
+    .block-header {
+        color: #555;
+        font-size: 1.1em;
+        font-weight: 600;
+        padding-bottom: 0.2em;
+        padding-left: 2px;
+        margin-top: 0.75em
+    }
+
+    .fullwidth {
+        display: block;
+        overflow: hidden;
+    }
+
+    .fullwidth input {
+        width: 100%;
+    }
+
+    .fullwidth-error input {
+        width: 100%;
+        border-color: red;
+    }
+
+    .form-field-error {
+        color: red;
+    }
+
+    small {
+        font-size: 0.7em;
+        padding-left: 0.6em;
+    }
+
+    #edit-form {
+        border: unset;
+        background: unset;
+        max-width: 450px;
+        width: 450px;
+    }
+
+    ul.errorlist {
+        margin: 0px;
+        text-align: right;
+        list-style: none;
+    }
+
+    .full-textfield {
+        padding-top: 0.5em;
+    }
+
+    .tos-section {
+        display: inline-block;
+        padding-right: 1em;
+    }
+
+    .pass-req {
+        padding: 0;
+    }
+}
+
+#center-float {
+    display: inline-block;
+    text-align: initial;
+    max-width: 450px;
+    width: 450px;
+}
+
+#login-panel {
+    
+    display: inline-block;
+    position: relative;
+    margin: 5em auto auto -10em;
+    top: 40%;
+    left: 50%;
+
+    h4 {
+        padding-top: 1em;
+    }
+
+    .social {
+        display: inline;
+        font-size: 2.3em;
+        float: none;
+    }
+
+    .google-icon i {
+        color: #DD4B38;
+    }
+
+    .facebook-icon i {
+        color: #133783;
+    }
+
+    .github-icon i {
+        color: black;
+    }
 }