From 304613216a2dfa4701c50c08dcad1eddaf2919b9 Mon Sep 17 00:00:00 2001 From: George Halkiadakis Date: Tue, 30 May 2023 03:21:51 +0300 Subject: themes blueprint --- public/assets/css/class.css | 91 ++++----------------------------------------- 1 file changed, 8 insertions(+), 83 deletions(-) (limited to 'public/assets/css/class.css') 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; -} - + -- cgit v1.2.3