themes blueprint

2 files changed, 26 insertions, 163 deletions

diff --git a/public/assets/css/class.css b/public/assets/css/class.css
index 97004dd..e016622 100644
--- a/public/assets/css/class.css
+++ b/public/assets/css/class.css
@@ -21,6 +21,8 @@
  */
 
 :root {
+    --bs-heading-color: #458; /* header color */
+
     --class-blue: #337ab7;
     --class-blue-opaque: #337ab799;
     --class-blue-dark: #082e44;
@@ -33,78 +35,11 @@
     --light-grey-shade: 1px 5px 7px #7773;
     --form-content-font-size: .87rem;
     --form-input-height: 31px;
-    --form-layer-border: 1px solid #e7e5e5;
+    --form-layer-bgr: #dddb; /* form layer background */
     --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
-
-    ++ #ffc61c
-    ++ #88cefa
-
-    https://static.vecteezy.com/system/resources/previews/003/127/954/original/abstract-template-blue-background-white-squares-free-vector.jpg
-
-    https://c4.wallpaperflare.com/wallpaper/280/619/719/light-stains-faded-dull-wallpaper-preview.jpg
-
-    https://static.vecteezy.com/system/resources/previews/003/273/882/original/wave-blue-background-wallpaper-free-vector.jpg
-
-    https://cdn.wallpapersafari.com/70/12/Zgvomn.jpg
-
-
-    https://img.freepik.com/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-101399.jpg?w=2000
-
-    https://wallpapercave.com/wp/wp629432.jpg
-
-    ++ https://e0.pxfuel.com/wallpapers/82/720/desktop-wallpaper-aesthetic-pastel-blue-baby-blue-sky-blue-aesthetic.jpg
-
-    https://images.unsplash.com/photo-1503756234508-e32369269deb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8c2VhfGVufDB8fDB8fHww&w=1000&q=80
-
-    ++ https://i.pinimg.com/750x/22/9d/e6/229de6f66b1b14333c154507c6169c1e.jpg
-
-    +++ https://static.vecteezy.com/system/resources/previews/006/691/305/original/abstract-background-with-soft-gradient-color-and-dynamic-shadow-on-background-background-for-wallpaper-eps-10-free-vector.jpg
-
-
-
-.central-form .content .info p { 
-    color: #332;
-    text-shadow: 0px 1px #fff;
-}
-
-.central-form .content .info p {
-    color: #223;
-    text-shadow: 0px 0px 3px #fff;
-  }
-  
-  
-
-  
+    --background-image: url(/assets/media/spring-04.jpg); /* main background */
+    --menu-hover-bgr: #def;
     
-    */
-
-    --background-image: url(https://static.vecteezy.com/system/resources/previews/006/691/305/original/abstract-background-with-soft-gradient-color-and-dynamic-shadow-on-background-background-for-wallpaper-eps-10-free-vector.jpg);
 }
 
 
@@ -190,10 +125,10 @@ html, body {
 
 .central-form .content-form {
     padding: 1.5em;
-    background: var(--light-grey-layer-bgr);
+    background: var(--form-layer-bgr);
     border-radius: 8px;
     box-shadow: var(--light-grey-shade);
-    border: var(--form-layer-border);
+    border: 1px solid var(--form-layer-bgr);
 }
 
 .central-form .content .info { padding: 1.5em; font-size: .92em; }
@@ -242,14 +177,4 @@ 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;
-}
-  
+ 
diff --git a/public/assets/css/overides.css b/public/assets/css/overides.css
index 4eb673e..c3d1285 100644
--- a/public/assets/css/overides.css
+++ b/public/assets/css/overides.css
@@ -1,6 +1,3 @@
-:root {
-    --bs-heading-color: #679;
-}
 
 .content { text-align: unset; }
 
@@ -189,7 +186,7 @@ ul.select2-selection__rendered { margin-bottom: 0; }  /* select2: ul */
     border-top: 1px solid #edd;
   }
   
-  .info li.list-group-item:hover { background: #def; }
+  .info li.list-group-item:hover { background: var(--menu-hover-bgr); }
   .info li.list-group-item.separator:hover { background: #fff; }
   
   .info li.list-group-item {
@@ -206,85 +203,26 @@ ul.select2-selection__rendered { margin-bottom: 0; }  /* select2: ul */
 }
   
 
+.central-form .content .info p { color: #334; }
 
 
 
+/** themes
+ * --- -- -- - - -
+ * auto select one id of 7, per month:
+ * ( ( (month*31 + day) % 14 ) div 2 ) + 1
+ */
 
-/**
-
-
-++++ https://wallpaperaccess.com/full/177913.jpg
-++++ https://wallpaperaccess.com/full/449903.jpg
-
-+++ https://static.vecteezy.com/system/resources/previews/006/691/305/original/abstract-background-with-soft-gradient-color-and-dynamic-shadow-on-background-background-for-wallpaper-eps-10-free-vector.jpg
-
-+++ https://wallpaperaccess.com/full/177957.jpg
-
-+++ https://wallpaperaccess.com/full/1128998.jpg
-+++ https://wallpaperaccess.com/full/1129316.jpg
-++ https://wallpaperaccess.com/full/1129322.jpg
-++ https://wallpaperaccess.com/full/1963352.jpg
-++ https://wallpaperaccess.com/full/1963353.jpg
-+++ https://wallpaperaccess.com/full/1963795.jpg
-++ https://wallpaperaccess.com/full/1963370.jpg
-+ https://wallpaperaccess.com/full/2849789.jpg
-++ https://wallpaperaccess.com/full/2849860.jpg
-
-++ https://wallpaperaccess.com/full/449895.jpg
-
-+++ https://wallpaperaccess.com/full/449903.jpg
-
-!! https://wallpaperaccess.com/light-blue
-
-+++ https://wallpaperaccess.com/full/449948.jpg
-+++ https://wallpaperaccess.com/full/450045.jpg
-
-+++ https://wallpaperaccess.com/full/450052.jpg
-
-++ https://wallpaperaccess.com/full/817600.jpg
-
-++ https://wallpaperaccess.com/full/1353541.jpg
-+++ https://wallpaperaccess.com/full/1353542.jpg
-++ https://wallpaperaccess.com/full/1353544.jpg
-
-++ https://wallpaperaccess.com/full/1353551.png
-
-+++ https://wallpaperaccess.com/full/1353554.png
-
-+ https://wallpaperaccess.com/full/1353555.jpg
-
-+++ https://wallpaperaccess.com/full/6714477.jpg <-- @dark
-
-+++ https://wallpaperaccess.com/full/6714517.jpg <-- @semi-dark
-+ https://wallpaperaccess.com/full/4421711.jpg <-- @semi-dark, @proccess
-++ https://wallpaperaccess.com/full/725277.jpg <-- @preccess
-
-++ https://wallpaperaccess.com/full/3003439.jpg <-- @roses
-++ https://wallpaperaccess.com/full/3168701.jpg <-- @flowers
-+++ https://wallpaperaccess.com/full/3168702.jpg <-- @flowers
-++ https://wallpaperaccess.com/full/3168719.jpg <-- @flowers
-
-+++ https://wallpaperaccess.com/full/3168737.jpg <-- @flowers
-++ https://wallpaperaccess.com/full/4175740.jpg <-- @flowers
-
-
-+++ https://wallpaperaccess.com/full/1112806.jpg
-
-+++ https://wallpaperaccess.com/full/289464.jpg
-
-++ https://wallpaperaccess.com/full/357969.jpg
-
-
+/* summer 05
+ --- -- -- - - -
+  :root {
+    --background-image: url(/assets/media/summer-05.jpg);
+    --bs-heading-color: #132;
+    --menu-hover-bgr: #bbf0f4;
+  }
+  .central-form .content-form { background: #dddb; }
+  .central-form .content-form { border: 1px solid #dddb }
+  .info li.list-group-item:hover { background: #c9f490; }
+ --- -- -- - - -
 */
 
-
-/* class.css | http://localhost:1415/assets/css/class.css */
-
-:root {
-  --background-image: url(https://wallpaperaccess.com/full/177913.jpg);
-
-  --bs-heading-color: #345;
-}
-
-.central-form .content .info p { color: #334; }
-