Skip to content

Jeff Balicki / imagination_library

Go to a project
Toggle navigation
Toggle navigation pinning
078db86e by Jeff Balicki
Options

2222 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent c15ee566
Inline Side-by-side
Showing 7 changed files with 312 additions and 25 deletions
......@@ -15350,6 +15350,108 @@ ol li ol {
color: #231F20;
}
.home .wp-block-group.betsys {
background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
background-position: -300px -130px;
background-size: 75% 1400px;
position: relative;
z-index: 1;
width: 100%;
margin-right: 0%;
margin-left: 0%;
padding-left: 0%;
padding-right: 0%;
margin-bottom: -100px;
}
@media screen and (max-width: 1400px) {
.home .wp-block-group.betsys {
padding-right: 0%;
margin-bottom: -50px;
width: 100%;
}
}
@media screen and (max-width: 1000px) {
.home .wp-block-group.betsys {
background-size: 75% 1200px;
width: 100%;
}
}
@media screen and (max-width: 1000px) {
.home .wp-block-group.betsys .wp-block-columns {
flex-direction: column;
}
}
.home .wp-block-group.betsys .half-width {
max-width: 550px;
}
@media screen and (max-width: 1000px) {
.home .wp-block-group.betsys .half-width {
max-width: 450px;
}
}
.home .wp-block-group.betsys img {
max-width: 120%;
margin-top: -160px;
margin-bottom: -20%;
margin-left: 0%;
}
@media screen and (max-width: 1400px) {
.home .wp-block-group.betsys img {
max-width: 100%;
margin-left: 0%;
margin-right: -20%;
}
}
@media screen and (max-width: 1000px) {
.home .wp-block-group.betsys img {
margin-top: 0px;
max-width: 120%;
margin-left: -15%;
margin-bottom: -40%;
}
}
.home-green {
background-image: url("/wp-content/themes/understrap-child/images/green-background.png");
width: 125vw;
margin: -130px -25vw 0 -25vw;
padding: 130px 0vw 130px 35vw;
background-position: top left;
background-size: 100vw;
background-repeat: no-repeat;
}
@media screen and (max-width: 1550px) {
.home-green {
width: 125vw;
margin: -130px -10% 0 -10%;
padding: 130px 7% 130px 20%;
background-position: top left;
background-size: 125vw;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 1200px) {
.home-green {
background-size: 155vw;
}
}
@media screen and (max-width: 1000px) {
.home-green {
background-size: 155vw;
}
}
@media screen and (max-width: 900px) {
.home-green {
flex-direction: column-reverse;
width: 120%;
margin: -130px -10% 0 -10%;
padding: 40px 9% 50px 12%;
background-position: 0px 50px;
background-size: 150vw;
background-repeat: no-repeat;
}
}
.nav-container {
position: sticky;
top: 0;
......@@ -15905,7 +16007,7 @@ ol li ol {
}
@media screen and (max-width: 900px) {
.join-callout::before {
margin: 0px -20% 0px -20%;
margin: 0px -25% 0px -20%;
padding: 0px 20%;
width: 140%;
top: -73px;
......@@ -15934,6 +16036,45 @@ ol li ol {
margin: 180px 0 0% 0%;
}
.join-callout.no-wave {
position: relative;
z-index: 2;
}
.join-callout.no-wave .wp-block-group__inner-container {
margin-top: 0px;
padding-top: 47px;
}
@media screen and (max-width: 1000px) {
.join-callout.no-wave .wp-block-group__inner-container .wp-block-columns {
flex-direction: column;
}
}
.join-callout.no-wave .wp-block-group__inner-container .wp-block-columns .wp-block-column {
justify-content: center;
}
@media screen and (max-width: 1000px) {
.join-callout.no-wave .wp-block-group__inner-container h2, .join-callout.no-wave .wp-block-group__inner-container .h2 {
margin-top: 40px;
}
}
@media screen and (max-width: 1000px) {
.join-callout.no-wave .wp-block-group__inner-container .wp-block-buttons > .wp-block-button {
margin: auto;
}
}
.join-callout.no-wave .wp-block-group__inner-container .wp-block-button__link {
background-color: #fff;
color: #231F20 !important;
}
.join-callout.no-wave .wp-block-group__inner-container .wp-block-button__link:hover {
background-color: #FF9119;
color: #231F20 !important;
}
.join-callout.no-wave::before {
display: none !important;
}
.has-blue-color,
.has-blue-color:visited {
color: #0d6efd;
......
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.
......@@ -12,7 +12,8 @@ defined( 'ABSPATH' ) || exit;
get_header();
$container = get_theme_mod( 'understrap_container_type' );
$container = '';
//get_theme_mod( 'understrap_container_type' );
if ( is_front_page() ) {
get_template_part( 'global-templates/hero' );
......
......@@ -378,3 +378,90 @@ ul:not(.navbar-nav):not(.menu){
color:#231F20;
}
}
.home{
.wp-block-group.betsys{
background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
background-position: -300px -130px;
background-size: 75% 1400px;
position: relative;
z-index: 1;
width: 100%;
margin-right: 0%;
margin-left: 0%;
padding-left: 0%;
padding-right: 0%;
margin-bottom: -100px;
@media screen and (max-width: 1400px) {
padding-right: 0%;
margin-bottom: -50px;
width: 100%;
}
@media screen and (max-width: 1000px) {
background-size: 75% 1200px;
width: 100%;
}
.wp-block-columns {
@media screen and (max-width: 1000px) {
flex-direction: column;
}
}
.half-width{
max-width: 550px;
@media screen and (max-width: 1000px) {
max-width: 450px;
}
}
img{
max-width: 120%;
margin-top: -160px;
margin-bottom: -20%;
margin-left: 0%;
@media screen and (max-width: 1400px) {
max-width: 100%;
margin-left: 0%;
margin-right: -20%;
}
@media screen and (max-width: 1000px) {
margin-top: 0px;
max-width: 120%;
margin-left: -15%;
margin-bottom: -40%;
}
}
}
}
.home-green{
background-image:url("/wp-content/themes/understrap-child/images/green-background.png");
width: 125vw;
margin: -130px -25vw 0 -25vw;
padding: 130px 0vw 130px 35vw;
background-position: top left;
background-size: 100vw;
background-repeat: no-repeat;
@media screen and (max-width: 1550px) {
width: 125vw;
margin: -130px -10% 0 -10%;
padding: 130px 7% 130px 20%;
background-position: top left;
background-size: 125vw;
background-repeat: no-repeat;
}
@media screen and (max-width: 1200px) {
background-size: 155vw;
}
@media screen and (max-width: 1000px) {
background-size: 155vw;
}
@media screen and (max-width: 900px) {
flex-direction: column-reverse;
width: 120%;
margin: -130px -10% 0 -10%;
padding: 40px 9% 50px 12%;
background-position: 0px 50px;
background-size: 150vw;
background-repeat: no-repeat;
}
}
\ No newline at end of file
......
.join-callout{
.join-callout {
background-color: #a3d55f;
margin: 0px -25% 0px -25%;
padding: 0px 25%;
h2{
color:#231F20 ;
h2 {
color: #231F20;
}
@media screen and (max-width: 900px) {
margin: 0px -20% 0px -20%;
padding: 0px 20%;
}
@media screen and (max-width: 600px) {
@media screen and (max-width: 600px) {
margin: 0px -30px 0px -30px;
padding: 0px 30px;
}
.wp-block-group__inner-container {
margin-top: -120px;
@media screen and (max-width: 900px) {
margin-top: -75px;
}
@media screen and (max-width: 600px) {
margin-top:120px;
margin-top: 120px;
}
.wp-block-columns{
.wp-block-columns {
margin-bottom: 0px;
}
.wp-block-column{
.wp-block-column {
display: flex;
flex-direction: column;
}
.wp-block-image {
margin-bottom: 0px;
img{
img {
margin-bottom: 0px;
position: relative;
z-index: 2;
......@@ -43,7 +49,7 @@
}
}
.join-callout::before{
.join-callout::before {
position: relative;
z-index: 1;
top: -120px;
......@@ -56,35 +62,87 @@
background-size: cover;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %23a3d55f; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
@media screen and (max-width: 900px) {
margin: 0px -20% 0px -20%;
margin: 0px -25% 0px -20%;
padding: 0px 20%;
width: 140%;
top: -73px;
height: 75px;
}
@media screen and (max-width: 600px) {
top: -48px;
height: 50px;
width: calc(100% + 60px);
margin:120px -30px 0 -30px !important;
margin: 120px -30px 0 -30px !important;
}
}
.join-callout.blue{
.join-callout.blue {
background-color: #3DB5E6;
}
.join-callout.blue::before{
.join-callout.blue::before {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %233DB5E6; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
}
.page-template-no-title{
.join-callout::before{
.page-template-no-title {
.join-callout::before {
width: 120vw;
margin: 180px 0 0% 0%;
}
}
\ No newline at end of file
margin: 180px 0 0% 0%;
}
}
.join-callout.no-wave {
position: relative;
z-index: 2;
.wp-block-group__inner-container {
margin-top: 0px;
padding-top: 47px;
.wp-block-columns {
@media screen and (max-width: 1000px) {
flex-direction: column;
}
.wp-block-column {
justify-content: center;
}
}
h2 {
@media screen and (max-width: 1000px) {
margin-top: 40px;
}
}
.wp-block-buttons>.wp-block-button {
@media screen and (max-width: 1000px) {
margin: auto;
}
}
.wp-block-button__link {
background-color: #fff;
color: #231F20 !important;
}
.wp-block-button__link:hover {
background-color: #FF9119;
color: #231F20 !important;
}
}
}
.join-callout.no-wave::before {
display: none !important;
}
......