From ac311fdb1f19ab8bb4c5806588a593ced6b286fb Mon Sep 17 00:00:00 2001 From: rdrew Date: Tue, 3 Dec 2024 15:59:59 -0400 Subject: [PATCH] lp and icons --- css/base.css | 2 +- css/footer.css | 44 +++++++++++++++++++++++++++---------- css/header.css | 18 ++++++++++++++-- css/homepage.css | 49 +++++++++++++++++++++++++++++++++++++++++- css/search.css | 21 ++++++++++++------ css/site-variables.css | 10 ++++----- 6 files changed, 118 insertions(+), 26 deletions(-) diff --git a/css/base.css b/css/base.css index 9902ea1..b20cf22 100755 --- a/css/base.css +++ b/css/base.css @@ -101,7 +101,7 @@ h5, h6 { font-family: var(--heading-font); color: var(--color-heading); - font-weight: 700; + font-weight: 400; font-style: normal; line-height: 1.6; } diff --git a/css/footer.css b/css/footer.css index 63f531f..9874ae1 100755 --- a/css/footer.css +++ b/css/footer.css @@ -1,11 +1,11 @@ /** * footer */ - /* Footer */ - .footer { +/* Footer */ +.footer { position: relative; background-color: var(--footer-bg-color); - color: var(--footer-text-color); + color: var(--footer-text-color); width: 100%; margin: 0; padding: 0; @@ -37,14 +37,14 @@ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; padding: 2rem 0; gap: 1.5rem; } .footer-block { -webkit-box-flex: 1; - -ms-flex: 1 1 250px; - flex: 1 1 250px; + -ms-flex: 1 1 250px; + flex: 1 1 250px; } .footer-block li { border-bottom: 1px solid var(--border); @@ -57,8 +57,8 @@ display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; padding: 1rem 0; gap: 2rem; } @@ -72,10 +72,10 @@ display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; padding: 1rem 0; - gap: 2rem; + gap: 2rem; } .footer-bottom-container p:last-child { margin: 0; @@ -89,3 +89,25 @@ display: inline-block; padding-left: 1rem; } +.upei-footer { + h2 { + color: #fff; + font-size: 20px; + } + a { + font-size: 13px; + } + li { + line-height: 48%; + } + #links-section { + display: flex; + border-bottom: 4px solid var(--upei-red); + margin-bottom:1rem; + } + .bottom-links { + margin: 0; + padding: 0; + margin-bottom:1rem; + } +} diff --git a/css/header.css b/css/header.css index 1fb3b43..75a8254 100755 --- a/css/header.css +++ b/css/header.css @@ -2,6 +2,13 @@ * Header main */ /* Header -> Header top */ +/*hide main menu in header*/ +/*.region-primary-menu */ +@media only screen and (min-width:991px) { + nav#block-vre2024-main-menu { + display: none; + } +} .header-top, .header { position: relative; @@ -9,7 +16,7 @@ margin: 0; } .header-top { - padding: 0.5rem 0; + /*padding: 0.5rem 0;*/ } .header { padding: var(--header-padding) 0; @@ -22,6 +29,13 @@ background: var(--header-top-bg-color); color: var(--header-top-text-color); font-size: 0.8rem; + font-family: var(--font-family-condensed); + /*border-left: 1px solid #fff;*/ + padding: 5px; +} +.header-top li { + + border-left: 1px solid black; } .header { background: var(--header-bg-color); @@ -131,7 +145,7 @@ a { font-family: var(--heading-font); font-size: var(--site-name-font-size); - color: var(--site-name-font-color); + color: var(--upei-red); } } diff --git a/css/homepage.css b/css/homepage.css index 4a520a4..595edd2 100755 --- a/css/homepage.css +++ b/css/homepage.css @@ -1,11 +1,58 @@ .region-content-home-top, .region-content-home-bottom { display: flex; - flex-direction: column; + flex-direction: row; width: 100%; margin: 0; padding: 0; + justify-content: space-between; } .region-content-home-top { margin-bottom: 2rem; } + +/*block menu*/ +nav#block-vre2024-mainnavigation-2 { + display: block; + /*width:25%;*/ + width: 250px; +} +/*slideshow*/ +div#block-vre2024-views-block-frontpage-slideshow-block-1 { + /*width: 50%;*/ + width: 550px; +} +/*info block*/ +div#block-vre2024-landingpageinfoblock { + /*width:25owi%;*/ + width: 500px; +} + +nav#block-vre2024-mainnavigation-2 { + .menu { + margin-bottom: 1.5em; + border: 5px solid #fff; + outline: 1px solid #ccc; + border-radius: 2px; + margin: 0; + padding: 0; + li { + padding: 0; + list-style-image: none; + list-style-type: none; + } + a { + background: #e7ede0; + color: #333; + display: block; + padding: 0.34em 0.75em; + border-bottom: 1px solid #ccc; + font-family: "Roboto Condensed", sans-serif; + font-size: 1.2em; + svg.svg-inline--fa { + width: 28px; + margin-right: 5px; + } + } + } +} diff --git a/css/search.css b/css/search.css index 754a0b6..7c171ba 100755 --- a/css/search.css +++ b/css/search.css @@ -28,16 +28,25 @@ ol.search-results li { } .region-search-box form#search-form { - display: flex; justify-content: center; margin-top: 60px; margin-bottom: 40px; } .search-box-content input[type="submit"] { - display: block; - margin: 0 auto; - padding: 0.5rem 1.5rem; - border-radius: 0 5px 5px 0; - + display: block; + margin: 0 auto; + padding: 0.5rem 1.5rem; + border-radius: 0 5px 5px 0; +} +#block-vre2024-search form#search-form { + margin:0; + display: flex; + input[type="text"] { + padding: 6px; + width:16rem; + } + .button { + /*padding: 10px 10px;*/ + } } diff --git a/css/site-variables.css b/css/site-variables.css index decb8e7..25692e6 100755 --- a/css/site-variables.css +++ b/css/site-variables.css @@ -30,7 +30,7 @@ /* *body */ - --body-bg-color: #fff; + --body-bg-color: #fbfbfb; --page-container-width: 1440px; --body-font: var(--font-family-sans-serif); --heading-font: "Georgia", "Cambria", "Times New Roman", "Times", serif; @@ -40,7 +40,7 @@ /*--header-bg-color: #333;*/ --header-top-bg-color: var(--dark); --header-top-text-color: #fff; - --header-bg-color: none; + --header-bg-color: #fff; --header-text-color: var(--color-text); --header-padding: 1rem; --header-bottom-border: 1px solid #ddd; @@ -98,7 +98,7 @@ /* *footer */ - --footer-bg-color: #ccc; - --footer-text-color: initial; - --footer-link-color: var(--upei-red); + --footer-bg-color: #333; + --footer-text-color: #fff; + --footer-link-color: #ccc; }