beautify user-interface

1 files changed, 48 insertions, 2 deletions

diff --git a/public/assets/css/class.css b/public/assets/css/class.css
index ef9239e..9f8d8be 100644
--- a/public/assets/css/class.css
+++ b/public/assets/css/class.css
@@ -35,15 +35,46 @@
     --form-input-height: 31px;
     --form-layer-border: 1px solid #e7e5e5;
     --select2-arrow-top: -1px;
+    /*
+    --background-image: url(https://static.vecteezy.com/system/resources/previews/001/946/670/original/abstract-template-grey-geometric-shine-and-layer-background-with-light-blue-effect-technology-style-free-vector.jpg);
+
+    --background-image: url(https://e0.pxfuel.com/wallpapers/512/865/desktop-wallpaper-grey-background-vectors-stock-psd-light-gray.jpg);
+
+    https://img.freepik.com/free-vector/blue-sky-abstract-light-background_1182-1758.jpg
+
+    https://wallpaperaccess.com/full/2661986.jpg
+
+    https://i.pinimg.com/originals/4d/b7/72/4db7721932b839f545f474363bf5288c.jpg
+
+    https://images.pexels.com/photos/7130555/pexels-photo-7130555.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1
+
+    https://img.freepik.com/free-vector/white-abstract-background-paper-style_23-2148385754.jpg?w=2000
+
+    https://wallpaperaccess.com/full/1216514.jpg
+
+
+    https://img.freepik.com/free-vector/beige-blurred-background_1034-247.jpg
+
+    https://img.freepik.com/premium-photo/smoke-abstract-background-light-pastel-colors_89245-89.jpg
+
+    https://img.freepik.com/premium-vector/light-blurred-bokeh-background-vector-illustration_64749-4578.jpg?w=2000
+
+
+    https://c4.wallpaperflare.com/wallpaper/425/710/482/evening-night-picnic-blur-wallpaper-preview.jpg
+    
+    */
+
+    --background-image: url(https://c4.wallpaperflare.com/wallpaper/425/710/482/evening-night-picnic-blur-wallpaper-preview.jpg);
 }
 
+
 html, body,
 select, select option {
     font-family: "Fira Sans", sans-serif;
     font-weight: 400;
     font-size: 1rem;
 }
-body { margin: 1em 0; }
+body { padding: 1em 0; background: var(--background-image); background-size: cover; }
 
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; };
 
@@ -74,7 +105,10 @@ html, body {
 .info .list-group-item a { display: block; text-decoration: none; font-size: 14px; color: #444; padding: 8px 16px; }
 .info li.list-group-item { margin:0; padding: 0; }
 .info li.list-group-item:hover { background: #f2f2f2; }
-.info li.list-group-item.separator { border: 2px solid #f2f2f2; background: #f2f2f2; padding:1px 8px; color: #666; }
+.info li.list-group-item.separator {
+    border: none; padding:2px 8px 1px;
+    background: #f2f2f299; color: #345;
+}
 
 
 
@@ -167,3 +201,15 @@ html, body {
 }
 
 .office .page-container { max-width: 1024px; }
+
+
+/* themed OVERIDES */
+
+
+/* class.css | http://localhost/assets/css/class.css */
+
+.central-form .content-form {
+    /* background: var(--light-grey-layer-bgr); */
+    background: #dddb;
+}
+