Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
4aee2f3f by Jeff Balicki
Options

v2 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 7ca15715
Inline Side-by-side
Showing 10 changed files with 99 additions and 49 deletions
......@@ -17746,8 +17746,8 @@ p {
}
}
.entry-content h2, .entry-content .h2 {
font-size: 2.1875rem;
line-height: 2.625rem;
font-size: 28px;
line-height: 35px;
}
@media only screen and (max-width: 48.875rem) {
.entry-content h2, .entry-content .h2 {
......@@ -17756,17 +17756,21 @@ p {
}
}
.entry-content h3, .entry-content .h3 {
font-size: 1.5rem;
line-height: 1.875rem;
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
}
.entry-content h4, .entry-content .h4 {
font-size: 1.25rem;
line-height: 1.5625rem;
font-size: 18px;
line-height: 23px;
}
.entry-content h5, .entry-content .h5 {
font-size: 16px;
line-height: 22px;
}
.entry-content h1 + p, .entry-content .h1 + p {
font-size: 16px;
line-height: 20px;
line-height: 21px;
font-weight: bold;
}
.entry-content p + ul {
......@@ -18449,8 +18453,8 @@ ul.sf_date_field .sf-datepicker {
.advance-search-button {
position: relative;
height: 2.5rem;
width: 2.5rem;
width: 40px;
height: 40px;
text-indent: -624.9375rem;
right: -0.625rem;
display: inline-block;
......@@ -19462,6 +19466,10 @@ ul.sf_date_field .sf-datepicker {
.search-box:focus-within {
width: 100%;
height: 90px;
max-width: 1066px;
position: relative;
margin: auto;
right: unset;
}
.search-box:focus-within #search-box-content,
......@@ -19484,13 +19492,13 @@ ul.sf_date_field .sf-datepicker {
border-radius: 1.25rem;
max-width: 80%;
margin: auto;
margin-top: 2.5rem;
position: absolute;
top: 2.5rem;
position: relative;
box-shadow: -2px 7px 7px 0 rgba(0, 0, 0, 0.25);
transition: 0.5s ease-in-out;
height: 4rem;
width: 4rem;
right: 10%;
height: 56px;
width: 56px;
float: right;
overflow: hidden;
}
@media only screen and (max-width: 48.875rem) {
......@@ -19502,15 +19510,15 @@ ul.sf_date_field .sf-datepicker {
}
}
.search-box .search-button {
height: 4rem;
width: 4rem;
height: 40px;
width: 40px;
text-indent: -624.9375rem;
position: absolute;
right: 0rem;
top: 0px;
opacity: 1;
background-color: #fff;
border-radius: 0.625rem;
border-radius: 10px;
}
.search-box .search-button:after {
content: "";
......@@ -19518,10 +19526,10 @@ ul.sf_date_field .sf-datepicker {
left: 0rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
width: 2.25rem;
height: 2.25rem;
top: 0.8125rem;
left: 0.75rem;
width: 26px;
height: 26px;
top: 16px;
left: 0px;
}
.search-box #search-box-content {
opacity: 0;
......@@ -19845,13 +19853,15 @@ ul.sf_date_field .sf-datepicker {
#menu-footer li {
margin-bottom: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
padding-left: 0px;
display: inline-block;
padding-right: 0px;
}
#menu-footer-french li a,
#menu-footer li a {
color: #000;
font-size: 1rem;
line-height: 1.375rem;
font-size: 16px;
line-height: 12px;
font-weight: 400;
text-decoration: none;
}
......@@ -19860,6 +19870,17 @@ ul.sf_date_field .sf-datepicker {
color: #000;
text-decoration: underline;
}
#menu-footer-french li::after,
#menu-footer li::after {
content: "|";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
#menu-footer-french li:last-of-type::after,
#menu-footer li:last-of-type::after {
display: none;
}
.contact h2, .contact .h2 {
margin-left: -12px;
......@@ -20678,10 +20699,14 @@ ul.sf_date_field .sf-datepicker {
border-radius: 10px;
padding: 30px;
margin: 30px 0px;
max-width: 726px;
}
.relevant-resources h2, .relevant-resources .h2 {
border-bottom: 1px solid #707070;
padding-bottom: 10px;
margin-bottom: 0px;
font-size: 22px;
line-height: 28px;
}
.relevant-resources #relevant-resources {
width: 100%;
......
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.
......@@ -37,7 +37,9 @@ if ($thumbnail_image && isset($thumbnail_image[0])) {
?>
<?php if ( has_post_thumbnail() ) { ?>
<header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')">
<div class="container" tabindex="-1" style="">
<div class="search-box"><div id="search-box-content"><?php the_field('page_search_block', 'option'); ?></div> <div class="search-button">Search</div></div>
</div>
<div class='side-caption header-caption <?= (empty($copy) && empty($cap)) ? "hide" : "" ?>'>
<a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
<span class='image-side-caption'>
......
......@@ -41,25 +41,29 @@ h1 {
}
}
h2{
font-size: 2.1875rem;
line-height: 2.625rem;
font-size: 28px;
line-height: 35px;
@media only screen and (max-width: 48.875rem) {
font-size: 29px;
line-height: 36px;
}
}
h3 {
font-size: 1.5rem;
line-height: 1.875rem;
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
}
h4 {
font-size: 1.25rem;
line-height: 1.5625rem;
font-size: 18px;
line-height: 23px;
}
h5 {
font-size: 16px;
line-height: 22px;
}
h1+p{
font-size: 16px;
line-height: 20px;
line-height: 21px;
font-weight: bold;
}
p + ul{
......
......@@ -36,11 +36,13 @@
li{
margin-bottom: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
padding-left: 0px;
display: inline-block;
padding-right: 0px;
a{
color: #000;
font-size: 1rem;
line-height: 1.375rem;
font-size: 16px;
line-height:12px;
font-weight: 400;
text-decoration: none;
&:hover{
......@@ -49,6 +51,15 @@
}
}
}
li::after{
content: "|";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
li:last-of-type::after{
display: none;
}
}
.contact{
......
......@@ -51,6 +51,10 @@
.search-box:focus-within{
width: 100%;
height: 90px;
max-width: 1066px;
position: relative;
margin: auto;
right: unset;
}
......@@ -85,13 +89,13 @@
border-radius: 1.25rem ;
max-width: 80%;
margin: auto;
margin-top: 2.5rem;
position: absolute;
top: 2.5rem;
position: relative;
box-shadow: -2px 7px 7px 0 rgba(0,0,0,.25);
transition: 0.5s ease-in-out;
height: 4rem;
width: 4rem;
right: 10%;
height: 56px;
width: 56px;
float: right;
overflow: hidden;
@media only screen and (max-width: 48.875rem) {
padding: 0rem 0.625rem ;
......@@ -101,25 +105,25 @@
}
.search-button{
height: 4rem;
width: 4rem;
height: 40px;
width: 40px;
text-indent: -624.9375rem;
position: absolute;
right: 0rem;
top: 0px;
opacity: 1;
background-color: #fff;
border-radius: 0.625rem;
border-radius: 10px;
&:after {
content: "";
position: absolute;
left: 0rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
width: 2.25rem;
height:2.25rem;
top: 0.8125rem;
left: 0.75rem;
width: 26px;
height: 26px;
top: 16px;
left: 0px;
}
}
......
......@@ -3,9 +3,13 @@
border-radius: 10px;
padding: 30px;
margin: 30px 0px;
max-width: 726px;
h2 {
border-bottom: 1px solid #707070;
margin-bottom: 0px;
padding-bottom: 10px;
margin-bottom:0px ;
font-size: 22px;
line-height: 28px;
}
#relevant-resources {
width: 100%;
......
......@@ -448,8 +448,8 @@ ul.sf_date_field {
.advance-search-button {
position: relative;
height: 2.5rem;
width: 2.5rem;
width: 40px;
height: 40px;
text-indent: -624.9375rem;
right:-0.625rem ;
display: inline-block;
......