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 { ...@@ -15350,6 +15350,108 @@ ol li ol {
15350 color: #231F20; 15350 color: #231F20;
15351 } 15351 }
15352 15352
15353 .home .wp-block-group.betsys {
15354 background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
15355 background-position: -300px -130px;
15356 background-size: 75% 1400px;
15357 position: relative;
15358 z-index: 1;
15359 width: 100%;
15360 margin-right: 0%;
15361 margin-left: 0%;
15362 padding-left: 0%;
15363 padding-right: 0%;
15364 margin-bottom: -100px;
15365 }
15366 @media screen and (max-width: 1400px) {
15367 .home .wp-block-group.betsys {
15368 padding-right: 0%;
15369 margin-bottom: -50px;
15370 width: 100%;
15371 }
15372 }
15373 @media screen and (max-width: 1000px) {
15374 .home .wp-block-group.betsys {
15375 background-size: 75% 1200px;
15376 width: 100%;
15377 }
15378 }
15379 @media screen and (max-width: 1000px) {
15380 .home .wp-block-group.betsys .wp-block-columns {
15381 flex-direction: column;
15382 }
15383 }
15384 .home .wp-block-group.betsys .half-width {
15385 max-width: 550px;
15386 }
15387 @media screen and (max-width: 1000px) {
15388 .home .wp-block-group.betsys .half-width {
15389 max-width: 450px;
15390 }
15391 }
15392 .home .wp-block-group.betsys img {
15393 max-width: 120%;
15394 margin-top: -160px;
15395 margin-bottom: -20%;
15396 margin-left: 0%;
15397 }
15398 @media screen and (max-width: 1400px) {
15399 .home .wp-block-group.betsys img {
15400 max-width: 100%;
15401 margin-left: 0%;
15402 margin-right: -20%;
15403 }
15404 }
15405 @media screen and (max-width: 1000px) {
15406 .home .wp-block-group.betsys img {
15407 margin-top: 0px;
15408 max-width: 120%;
15409 margin-left: -15%;
15410 margin-bottom: -40%;
15411 }
15412 }
15413
15414 .home-green {
15415 background-image: url("/wp-content/themes/understrap-child/images/green-background.png");
15416 width: 125vw;
15417 margin: -130px -25vw 0 -25vw;
15418 padding: 130px 0vw 130px 35vw;
15419 background-position: top left;
15420 background-size: 100vw;
15421 background-repeat: no-repeat;
15422 }
15423 @media screen and (max-width: 1550px) {
15424 .home-green {
15425 width: 125vw;
15426 margin: -130px -10% 0 -10%;
15427 padding: 130px 7% 130px 20%;
15428 background-position: top left;
15429 background-size: 125vw;
15430 background-repeat: no-repeat;
15431 }
15432 }
15433 @media screen and (max-width: 1200px) {
15434 .home-green {
15435 background-size: 155vw;
15436 }
15437 }
15438 @media screen and (max-width: 1000px) {
15439 .home-green {
15440 background-size: 155vw;
15441 }
15442 }
15443 @media screen and (max-width: 900px) {
15444 .home-green {
15445 flex-direction: column-reverse;
15446 width: 120%;
15447 margin: -130px -10% 0 -10%;
15448 padding: 40px 9% 50px 12%;
15449 background-position: 0px 50px;
15450 background-size: 150vw;
15451 background-repeat: no-repeat;
15452 }
15453 }
15454
15353 .nav-container { 15455 .nav-container {
15354 position: sticky; 15456 position: sticky;
15355 top: 0; 15457 top: 0;
...@@ -15905,7 +16007,7 @@ ol li ol { ...@@ -15905,7 +16007,7 @@ ol li ol {
15905 } 16007 }
15906 @media screen and (max-width: 900px) { 16008 @media screen and (max-width: 900px) {
15907 .join-callout::before { 16009 .join-callout::before {
15908 margin: 0px -20% 0px -20%; 16010 margin: 0px -25% 0px -20%;
15909 padding: 0px 20%; 16011 padding: 0px 20%;
15910 width: 140%; 16012 width: 140%;
15911 top: -73px; 16013 top: -73px;
...@@ -15934,6 +16036,45 @@ ol li ol { ...@@ -15934,6 +16036,45 @@ ol li ol {
15934 margin: 180px 0 0% 0%; 16036 margin: 180px 0 0% 0%;
15935 } 16037 }
15936 16038
16039 .join-callout.no-wave {
16040 position: relative;
16041 z-index: 2;
16042 }
16043 .join-callout.no-wave .wp-block-group__inner-container {
16044 margin-top: 0px;
16045 padding-top: 47px;
16046 }
16047 @media screen and (max-width: 1000px) {
16048 .join-callout.no-wave .wp-block-group__inner-container .wp-block-columns {
16049 flex-direction: column;
16050 }
16051 }
16052 .join-callout.no-wave .wp-block-group__inner-container .wp-block-columns .wp-block-column {
16053 justify-content: center;
16054 }
16055 @media screen and (max-width: 1000px) {
16056 .join-callout.no-wave .wp-block-group__inner-container h2, .join-callout.no-wave .wp-block-group__inner-container .h2 {
16057 margin-top: 40px;
16058 }
16059 }
16060 @media screen and (max-width: 1000px) {
16061 .join-callout.no-wave .wp-block-group__inner-container .wp-block-buttons > .wp-block-button {
16062 margin: auto;
16063 }
16064 }
16065 .join-callout.no-wave .wp-block-group__inner-container .wp-block-button__link {
16066 background-color: #fff;
16067 color: #231F20 !important;
16068 }
16069 .join-callout.no-wave .wp-block-group__inner-container .wp-block-button__link:hover {
16070 background-color: #FF9119;
16071 color: #231F20 !important;
16072 }
16073
16074 .join-callout.no-wave::before {
16075 display: none !important;
16076 }
16077
15937 .has-blue-color, 16078 .has-blue-color,
15938 .has-blue-color:visited { 16079 .has-blue-color:visited {
15939 color: #0d6efd; 16080 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; ...@@ -12,7 +12,8 @@ defined( 'ABSPATH' ) || exit;
12 12
13 13
14 get_header(); 14 get_header();
15 $container = get_theme_mod( 'understrap_container_type' ); 15 $container = '';
16 //get_theme_mod( 'understrap_container_type' );
16 17
17 if ( is_front_page() ) { 18 if ( is_front_page() ) {
18 get_template_part( 'global-templates/hero' ); 19 get_template_part( 'global-templates/hero' );
......
...@@ -378,3 +378,90 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -378,3 +378,90 @@ ul:not(.navbar-nav):not(.menu){
378 color:#231F20; 378 color:#231F20;
379 } 379 }
380 } 380 }
381 .home{
382 .wp-block-group.betsys{
383 background-image: url(/wp-content/themes/understrap-child/images/yellow-2.png);
384 background-position: -300px -130px;
385 background-size: 75% 1400px;
386 position: relative;
387 z-index: 1;
388 width: 100%;
389 margin-right: 0%;
390 margin-left: 0%;
391 padding-left: 0%;
392 padding-right: 0%;
393 margin-bottom: -100px;
394 @media screen and (max-width: 1400px) {
395 padding-right: 0%;
396 margin-bottom: -50px;
397 width: 100%;
398 }
399 @media screen and (max-width: 1000px) {
400 background-size: 75% 1200px;
401 width: 100%;
402
403 }
404 .wp-block-columns {
405 @media screen and (max-width: 1000px) {
406 flex-direction: column;
407 }
408 }
409 .half-width{
410 max-width: 550px;
411 @media screen and (max-width: 1000px) {
412 max-width: 450px;
413 }
414 }
415 img{
416 max-width: 120%;
417 margin-top: -160px;
418 margin-bottom: -20%;
419 margin-left: 0%;
420 @media screen and (max-width: 1400px) {
421 max-width: 100%;
422 margin-left: 0%;
423 margin-right: -20%;
424 }
425 @media screen and (max-width: 1000px) {
426 margin-top: 0px;
427 max-width: 120%;
428 margin-left: -15%;
429 margin-bottom: -40%;
430 }
431
432 }
433 }
434 }
435
436 .home-green{
437 background-image:url("/wp-content/themes/understrap-child/images/green-background.png");
438 width: 125vw;
439 margin: -130px -25vw 0 -25vw;
440 padding: 130px 0vw 130px 35vw;
441 background-position: top left;
442 background-size: 100vw;
443 background-repeat: no-repeat;
444 @media screen and (max-width: 1550px) {
445 width: 125vw;
446 margin: -130px -10% 0 -10%;
447 padding: 130px 7% 130px 20%;
448 background-position: top left;
449 background-size: 125vw;
450 background-repeat: no-repeat;
451 }
452 @media screen and (max-width: 1200px) {
453 background-size: 155vw;
454 }
455 @media screen and (max-width: 1000px) {
456 background-size: 155vw;
457 }
458 @media screen and (max-width: 900px) {
459 flex-direction: column-reverse;
460 width: 120%;
461 margin: -130px -10% 0 -10%;
462 padding: 40px 9% 50px 12%;
463 background-position: 0px 50px;
464 background-size: 150vw;
465 background-repeat: no-repeat;
466 }
467 }
...\ No newline at end of file ...\ No newline at end of file
......
1 1 .join-callout {
2
3
4 .join-callout{
5 background-color: #a3d55f; 2 background-color: #a3d55f;
6 margin: 0px -25% 0px -25%; 3 margin: 0px -25% 0px -25%;
7 padding: 0px 25%; 4 padding: 0px 25%;
8 h2{ 5
9 color:#231F20 ; 6 h2 {
7 color: #231F20;
10 } 8 }
9
11 @media screen and (max-width: 900px) { 10 @media screen and (max-width: 900px) {
12 margin: 0px -20% 0px -20%; 11 margin: 0px -20% 0px -20%;
13 padding: 0px 20%; 12 padding: 0px 20%;
14 } 13 }
15 @media screen and (max-width: 600px) { 14
15 @media screen and (max-width: 600px) {
16 margin: 0px -30px 0px -30px; 16 margin: 0px -30px 0px -30px;
17 padding: 0px 30px; 17 padding: 0px 30px;
18 } 18 }
19 19
20 .wp-block-group__inner-container { 20 .wp-block-group__inner-container {
21 margin-top: -120px; 21 margin-top: -120px;
22
22 @media screen and (max-width: 900px) { 23 @media screen and (max-width: 900px) {
23 margin-top: -75px; 24 margin-top: -75px;
24 } 25 }
26
25 @media screen and (max-width: 600px) { 27 @media screen and (max-width: 600px) {
26 margin-top:120px; 28 margin-top: 120px;
27 } 29 }
28 .wp-block-columns{ 30
31 .wp-block-columns {
29 margin-bottom: 0px; 32 margin-bottom: 0px;
30 } 33 }
31 .wp-block-column{ 34
35 .wp-block-column {
32 display: flex; 36 display: flex;
33 flex-direction: column; 37 flex-direction: column;
34 } 38 }
39
35 .wp-block-image { 40 .wp-block-image {
36 margin-bottom: 0px; 41 margin-bottom: 0px;
37 img{ 42
43 img {
38 margin-bottom: 0px; 44 margin-bottom: 0px;
39 position: relative; 45 position: relative;
40 z-index: 2; 46 z-index: 2;
...@@ -43,7 +49,7 @@ ...@@ -43,7 +49,7 @@
43 } 49 }
44 } 50 }
45 51
46 .join-callout::before{ 52 .join-callout::before {
47 position: relative; 53 position: relative;
48 z-index: 1; 54 z-index: 1;
49 top: -120px; 55 top: -120px;
...@@ -56,35 +62,87 @@ ...@@ -56,35 +62,87 @@
56 background-size: cover; 62 background-size: cover;
57 background-repeat: no-repeat; 63 background-repeat: no-repeat;
58 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>'); 64 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>');
65
59 @media screen and (max-width: 900px) { 66 @media screen and (max-width: 900px) {
60 margin: 0px -20% 0px -20%; 67 margin: 0px -25% 0px -20%;
61 padding: 0px 20%; 68 padding: 0px 20%;
62 width: 140%; 69 width: 140%;
63 top: -73px; 70 top: -73px;
64 height: 75px; 71 height: 75px;
65 } 72 }
73
66 @media screen and (max-width: 600px) { 74 @media screen and (max-width: 600px) {
67 top: -48px; 75 top: -48px;
68 height: 50px; 76 height: 50px;
69 width: calc(100% + 60px); 77 width: calc(100% + 60px);
70 margin:120px -30px 0 -30px !important; 78 margin: 120px -30px 0 -30px !important;
71 } 79 }
72 80
73 } 81 }
74 82
75 83
76 .join-callout.blue{ 84 .join-callout.blue {
77 background-color: #3DB5E6; 85 background-color: #3DB5E6;
78 86
79 } 87 }
80 88
81 .join-callout.blue::before{ 89 .join-callout.blue::before {
82 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>'); 90 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>');
83 } 91 }
84 92
85 .page-template-no-title{ 93 .page-template-no-title {
86 .join-callout::before{ 94 .join-callout::before {
87 width: 120vw; 95 width: 120vw;
88 margin: 180px 0 0% 0%;
89 }
90 }
...\ No newline at end of file ...\ No newline at end of file
96 margin: 180px 0 0% 0%;
97 }
98 }
99
100 .join-callout.no-wave {
101 position: relative;
102 z-index: 2;
103
104
105 .wp-block-group__inner-container {
106 margin-top: 0px;
107 padding-top: 47px;
108
109 .wp-block-columns {
110
111 @media screen and (max-width: 1000px) {
112 flex-direction: column;
113 }
114
115 .wp-block-column {
116 justify-content: center;
117 }
118 }
119
120 h2 {
121 @media screen and (max-width: 1000px) {
122 margin-top: 40px;
123 }
124 }
125
126 .wp-block-buttons>.wp-block-button {
127 @media screen and (max-width: 1000px) {
128 margin: auto;
129 }
130 }
131
132 .wp-block-button__link {
133 background-color: #fff;
134 color: #231F20 !important;
135 }
136
137 .wp-block-button__link:hover {
138 background-color: #FF9119;
139 color: #231F20 !important;
140 }
141 }
142 }
143
144 .join-callout.no-wave::before {
145 display: none !important;
146
147 }
148
......