Skip to content

Jeff Balicki / imagination_library

Go to a project
Toggle navigation
Toggle navigation pinning
caf5a440 by Jeff Balicki
Options

home 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent c4bf34e7
Inline Side-by-side
Showing 6 changed files with 90 additions and 24 deletions
......@@ -15386,7 +15386,7 @@ ol li ol {
}
@media screen and (max-width: 1400px) and (max-width: 786px) {
.home .wp-block-group.betsys {
background-size: 200% 1400px;
background-size: 100% 1400px;
background-position: -300px -190px;
}
}
......@@ -15428,7 +15428,7 @@ ol li ol {
.home-green {
background-image: url("/wp-content/themes/understrap-child/images/green-background.png");
width: 100vw;
padding: 200px 7% 130px 7%;
padding: 15% 7% 130px 7%;
background-position: top right;
background-size: 100vw;
background-repeat: no-repeat;
......@@ -15439,28 +15439,30 @@ ol li ol {
.home-green {
width: 125vw;
margin: -130px -10% 0 -10%;
padding: 300px 0% 130px 0%;
padding: 15% 0% 200px 0%;
background-position: top left;
background-size: 125vw;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 1200px) {
@media screen and (max-width: 1355px) {
.home-green {
padding: 200px 0% 130px 0%;
padding: 15% 0% 200px 0%;
margin: -80px -10% 0 -10%;
}
}
@media screen and (max-width: 1000px) {
.home-green {
background-size: 155vw;
margin: -200px -10% 0 -10%;
padding: 200px 15% 50px 15%;
}
}
@media screen and (max-width: 900px) {
.home-green {
flex-direction: column-reverse;
width: 120%;
margin: -130px -10% 0 -10%;
padding: 40px 9% 50px 12%;
margin: -200px -10% 0 -10%;
padding: 200px 15% 50px 15%;
background-position: 0px 50px;
background-size: 150vw;
background-repeat: no-repeat;
......@@ -15484,11 +15486,22 @@ ol li ol {
position: relative;
z-index: 9;
}
@media screen and (max-width: 1355px) {
.wp-block-group.home-move-up {
margin-bottom: -170px;
}
}
@media screen and (max-width: 900px) {
.wp-block-group.home-move-up {
margin-top: -100px;
}
}
@media screen and (max-width: 480px) {
.wp-block-group.home-move-up {
margin-top: 100px;
margin-bottom: 0px;
}
}
.wp-block-group.home-move-up .wp-block-column:first-of-type {
padding-left: 45px;
display: flex;
......@@ -15499,6 +15512,12 @@ ol li ol {
position: relative;
z-index: 11;
}
@media screen and (max-width: 900px) {
.wp-block-group.home-move-up .wp-block-column:first-of-type {
padding-left: 15px;
margin-top: -100px;
}
}
.nav-container {
position: fixed;
......@@ -15529,13 +15548,13 @@ ol li ol {
text-decoration: none;
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 1100px) {
#main-nav {
min-height: 82px;
max-width: unset;
}
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 1100px) {
#main-nav .container {
justify-content: flex-end;
width: 100vw;
......@@ -15560,10 +15579,10 @@ ol li ol {
#navbarNavDropdown {
height: 66px;
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 1100px) {
#navbarNavDropdown {
height: auto;
padding-top: 60px;
padding-top: 120px;
}
}
#navbarNavDropdown .menu-item:not(.donate) a {
......@@ -15614,6 +15633,20 @@ ol li ol {
height: 56px;
}
@media screen and (max-width: 1100px) {
.navbar-expand-md .navbar-toggler {
display: block !important;
position: absolute;
right: 20px;
top: 10px;
}
#navbarNavDropdown.collapse:not(.show) {
display: none !important;
}
#navbarNavDropdown.collapse.show {
display: block !important;
}
}
#wrapper-footer-full {
background-color: #3DB5E6;
}
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -406,7 +406,7 @@ ul:not(.navbar-nav):not(.menu){
background-size: 160% 1400px;
}
@media screen and (max-width: 786px) {
background-size: 200% 1400px;
background-size: 100% 1400px;
background-position: -300px -190px;
}
}
......@@ -448,7 +448,7 @@ ul:not(.navbar-nav):not(.menu){
background-image:url("/wp-content/themes/understrap-child/images/green-background.png");
width: 100vw;
//margin: -130px -25vw 0 -25vw;
padding: 200px 7% 130px 7%;
padding: 15% 7% 130px 7%;
background-position: top right;
background-size: 100vw;
background-repeat: no-repeat;
......@@ -457,22 +457,24 @@ ul:not(.navbar-nav):not(.menu){
@media screen and (max-width: 1550px) {
width: 125vw;
margin: -130px -10% 0 -10%;
padding: 300px 0% 130px 0%;
padding: 15% 0% 200px 0%;
background-position: top left;
background-size: 125vw;
background-repeat: no-repeat;
}
@media screen and (max-width: 1200px) {
padding: 200px 0% 130px 0%;
@media screen and (max-width: 1355px) {
padding: 15% 0% 200px 0%;
margin: -80px -10% 0 -10%;
}
@media screen and (max-width: 1000px) {
background-size: 155vw;
margin: -200px -10% 0 -10%;
padding: 200px 15% 50px 15%;
}
@media screen and (max-width: 900px) {
flex-direction: column-reverse;
width: 120%;
margin: -130px -10% 0 -10%;
padding: 40px 9% 50px 12%;
margin: -200px -10% 0 -10%;
padding: 200px 15% 50px 15%;
background-position: 0px 50px;
background-size: 150vw;
background-repeat: no-repeat;
......@@ -498,9 +500,17 @@ ul:not(.navbar-nav):not(.menu){
margin-bottom: -270px;
position: relative;
z-index: 9;
@media screen and (max-width: 1355px) {
margin-bottom: -170px;
}
@media screen and (max-width: 900px) {
margin-top: -100px;
}
@media screen and (max-width: 480px) {
margin-top: 100px;
margin-bottom: 0px;
}
.wp-block-column:first-of-type{
padding-left: 45px;
display: flex;
......@@ -510,5 +520,9 @@ ul:not(.navbar-nav):not(.menu){
margin-top: -200px;
position: relative;
z-index: 11;
@media screen and (max-width: 900px) {
padding-left: 15px;
margin-top: -100px;
}
}
}
......
......@@ -35,14 +35,14 @@
}
#main-nav {
@media screen and (max-width: 800px) {
@media screen and (max-width: 1100px) {
min-height: 82px;
max-width: unset;
}
.container {
@media screen and (max-width: 800px) {
@media screen and (max-width: 1100px) {
justify-content: flex-end;
width: 100vw;
max-width: unset;
......@@ -69,9 +69,9 @@
#navbarNavDropdown {
height: 66px;
@media screen and (max-width: 800px) {
@media screen and (max-width: 1100px) {
height: auto;
padding-top: 60px;
padding-top: 120px;
}
.menu-item:not(.donate) {
......@@ -131,3 +131,22 @@
height: 56px;
}
@media screen and (max-width: 1100px) {
.navbar-expand-md .navbar-toggler {
display: block !important;
position: absolute;
right: 20px;
top: 10px;
}
#navbarNavDropdown.collapse:not(.show){
display: none !important;
}
#navbarNavDropdown.collapse.show{
display: block !important;
}
}
\ No newline at end of file
......