Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
0870d31c by Jeff Balicki
Options

fixes 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 6562b107
Inline Side-by-side
Showing 12 changed files with 326 additions and 10 deletions
......@@ -15390,6 +15390,8 @@ body {
}
.site {
margin-top: 170px;
max-width: 100%;
overflow-x: hidden;
}
@media only screen and (max-width: 1000px) {
.site {
......@@ -16098,6 +16100,7 @@ a.skip-link:focus {
.entry-content h1, .entry-content .h1 {
font-size: 45px;
line-height: 52px;
margin-bottom: 24px;
}
.entry-content h2, .entry-content .h2 {
font-size: 35px;
......@@ -16250,6 +16253,102 @@ a.skip-link:focus {
margin-bottom: 0px;
}
.badge {
position: absolute;
right: 0%;
top: -50px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2392156863);
border-radius: 20px;
width: auto;
text-align: left;
z-index: 999;
padding: 10px 20px;
background-color: #fff;
}
@media only screen and (max-width: 782px) {
.badge {
padding: 10px 20px;
}
}
.badge .badge-title {
color: #000000;
font-size: 16px;
line-height: 30px;
font-weight: bold;
position: relative;
display: inline-block;
}
@media only screen and (max-width: 782px) {
.badge .badge-title {
font-size: 0px;
line-height: 0px;
}
}
.badge .badge-title:after {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="clip-path"><rect id="Rectangle_249" data-name="Rectangle 249" width="4.525" height="13.303" fill="%23fff"/></clipPath></defs><g id="Group_1856" data-name="Group 1856" transform="translate(-1152 -683)"><circle id="Ellipse_2" data-name="Ellipse 2" cx="10" cy="10" r="10" transform="translate(1152 683)" fill="%234d4d4d"/><g id="Group_1855" data-name="Group 1855" transform="translate(1160.196 686.107)"><g id="Group_1854" data-name="Group 1854" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1493" data-name="Path 1493" d="M.308,5.032V4.579q.271-.109.615-.226t.706-.208q.362-.09.688-.154A3.073,3.073,0,0,1,2.9,3.928l.326.217-1.7,8.036H2.86v.471a3.262,3.262,0,0,1-.887.471,2.948,2.948,0,0,1-1,.181,1.009,1.009,0,0,1-.751-.235A.76.76,0,0,1,0,12.525a4.52,4.52,0,0,1,.054-.706q.054-.344.145-.76L1.466,5.213ZM1.774,1.014a.968.968,0,0,1,.29-.742A1.066,1.066,0,0,1,2.824,0a1.118,1.118,0,0,1,.8.271.968.968,0,0,1,.29.742.889.889,0,0,1-.29.706,1.168,1.168,0,0,1-.8.253,1.113,1.113,0,0,1-.76-.253.889.889,0,0,1-.29-.706" transform="translate(0 0)" fill="%23fff"/></g></g></g></svg>');
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 20px;
margin-left: 10px;
top: 4px;
position: relative;
}
@media only screen and (max-width: 782px) {
.badge .badge-title:after {
margin-left: 0px;
top: 2px;
}
}
.badge p {
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #000000;
display: none;
text-align: left;
word-wrap: break-word;
word-wrap: break-word;
white-space: pre-line;
}
.badge:hover {
width: auto;
height: auto;
overflow: hidden;
}
@media only screen and (max-width: 782px) {
.badge:hover {
padding: 10px 20px;
}
}
.badge:hover .badge-title {
display: block;
}
@media only screen and (max-width: 782px) {
.badge:hover .badge-title {
font-size: 16px;
line-height: 30px;
}
}
.badge:hover .badge-title:after {
float: right;
}
@media only screen and (max-width: 782px) {
.badge:hover .badge-title:after {
margin-left: 10px;
top: 4px;
}
}
.badge:hover p {
max-width: 270px;
width: auto;
height: auto;
display: block;
}
.sh1 {
font-weight: 700;
line-height: 24px !important;
......@@ -16604,6 +16703,25 @@ ul.sf_date_field .sf-datepicker {
}
}
.advance-search-button:hover:after {
position: absolute;
left: 0px;
top: -10px;
content: "";
display: inline-block;
height: 40px;
width: 40px;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23669999" stroke-width="3"/></g></svg>');
}
@media screen and (max-width: 768px) {
.advance-search-button:hover:after {
top: -5px;
height: 30px;
width: 30px;
}
}
.modal-backdrop {
background-color: #fff;
opacity: 0.7;
......@@ -16847,6 +16965,12 @@ ul.sf_date_field .sf-datepicker {
z-index: 6;
}
#advance-search-modal .sf-field-taxonomy-mlo-category,
#advance-search-modal .sf-field-post-meta-file_type {
width: 33%;
display: inline-block !important;
}
.search-results .search-field {
border: 0;
border-bottom: 1px solid #707070;
......@@ -17218,6 +17342,15 @@ ul.sf_date_field .sf-datepicker {
color: white;
}
#main {
position: relative;
z-index: 9;
}
#main .entry-content {
position: relative;
z-index: 9;
}
#content:not(.search-content) {
display: flex;
}
......@@ -17381,11 +17514,11 @@ ul.sf_date_field .sf-datepicker {
}
#page-wrapper {
margin-top: 34px;
margin: 34px 40px 0 40px;
margin: 10px 40px 0 40px;
}
#page-wrapper .breadcrumb {
margin-bottom: 0px;
font-size: 12px;
margin-bottom: 20px;
}
#page-wrapper .breadcrumb a {
text-decoration: none;
......@@ -17412,7 +17545,7 @@ ul.sf_date_field .sf-datepicker {
.side-menu {
list-style: none;
margin-top: 14px;
margin-top: 0px;
padding-left: 15px;
}
.side-menu li {
......@@ -17765,6 +17898,9 @@ ul.sf_date_field .sf-datepicker {
display: none;
border-radius: 0px 0px 10px 10px;
}
.pojo-a11y-toolbar-overlay svg {
border: 0px #669999 solid !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
max-width: inherit;
......@@ -17812,6 +17948,13 @@ ul.sf_date_field .sf-datepicker {
text-decoration: underline;
}
.pojo-a11y-toolbar-toggle-link:hover {
color: #669999 !important;
}
.pojo-a11y-toolbar-toggle-link:hover svg {
border: 2px #669999 solid !important;
}
#gt_float_wrapper {
right: 0px !important;
}
......@@ -17862,6 +18005,14 @@ ul.sf_date_field .sf-datepicker {
text-decoration: underline;
}
.gt-current-lang:hover .gt-lang-code {
color: #669999 !important;
}
.gt-current-lang:has(.gt_arrow_rotate) .gt-lang-code {
color: #669999 !important;
}
body.pojo-a11y-light-background.donation-amounts .container input:checked + .amount + .checked-fill:after, body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link).donation-amounts .container input:checked + .amount + .checked-fill:after {
border-top: 0.6em solid black !important;
}
......
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.
......@@ -7,6 +7,7 @@
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
$badge = get_field('badge');
?>
......@@ -19,6 +20,11 @@ defined( 'ABSPATH' ) || exit;
<div class="entry-content">
<?php if($badge){
$badge_content = get_field('badge_content');
echo "<div class='badge'><div class='badge-title'>".$badge_content['badge_label']."</div><p>".$badge_content['badge_text']."</p></div>";
}?>
<?php
the_content();
......@@ -26,7 +32,7 @@ defined( 'ABSPATH' ) || exit;
?>
</div><!-- .entry-content -->
<footer class="entry-footer">
<?php understrap_edit_post_link(); ?>
......
......@@ -33,6 +33,7 @@ if ($thumbnail_image && isset($thumbnail_image[0])) {
?>
<?php if ( has_post_thumbnail() ) { ?>
<header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')">
......@@ -57,7 +58,8 @@ if ($thumbnail_image && isset($thumbnail_image[0])) {
</div>
<main class="col-sm-12 col-md-9 content-area site-main site-main" id="main">
<div class="breadcrumb"><?php get_breadcrumb(); ?></div>
<div class="breadcrumb"><?php get_breadcrumb(); ?></div>
<?php
while ( have_posts() ) {
the_post();
......
......@@ -29,6 +29,7 @@ h1, h2, h3, h4, h5, h6 {
h1 {
font-size: 45px;
line-height: 52px;
margin-bottom: 24px;
}
h2{
font-size: 35px;
......@@ -195,3 +196,92 @@ blockquote{
}
.badge{
position: absolute;
right: 0%;
top: -50px;
box-shadow: 0px 3px 6px #0000003D;
border-radius: 20px;
width: auto;
text-align: left;
z-index: 999;
padding: 10px 20px;
background-color: #fff;
@media only screen and (max-width: 782px) {
padding: 10px 20px;
}
.badge-title{
color: #000000;
font-size: 16px;
line-height: 30px;
font-weight: bold;
position: relative;
display: inline-block;
@media only screen and (max-width: 782px) {
font-size: 0px;
line-height: 0px;
}
&:after{
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="clip-path"><rect id="Rectangle_249" data-name="Rectangle 249" width="4.525" height="13.303" fill="%23fff"/></clipPath></defs><g id="Group_1856" data-name="Group 1856" transform="translate(-1152 -683)"><circle id="Ellipse_2" data-name="Ellipse 2" cx="10" cy="10" r="10" transform="translate(1152 683)" fill="%234d4d4d"/><g id="Group_1855" data-name="Group 1855" transform="translate(1160.196 686.107)"><g id="Group_1854" data-name="Group 1854" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1493" data-name="Path 1493" d="M.308,5.032V4.579q.271-.109.615-.226t.706-.208q.362-.09.688-.154A3.073,3.073,0,0,1,2.9,3.928l.326.217-1.7,8.036H2.86v.471a3.262,3.262,0,0,1-.887.471,2.948,2.948,0,0,1-1,.181,1.009,1.009,0,0,1-.751-.235A.76.76,0,0,1,0,12.525a4.52,4.52,0,0,1,.054-.706q.054-.344.145-.76L1.466,5.213ZM1.774,1.014a.968.968,0,0,1,.29-.742A1.066,1.066,0,0,1,2.824,0a1.118,1.118,0,0,1,.8.271.968.968,0,0,1,.29.742.889.889,0,0,1-.29.706,1.168,1.168,0,0,1-.8.253,1.113,1.113,0,0,1-.76-.253.889.889,0,0,1-.29-.706" transform="translate(0 0)" fill="%23fff"/></g></g></g></svg>');
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 20px;
margin-left: 10px;
top: 4px;
position: relative;
@media only screen and (max-width: 782px) {
margin-left: 0px;
top: 2px;
}
}
}
p{
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #000000;
display: none;
text-align: left;
word-wrap: break-word;
word-wrap: break-word;
white-space: pre-line;
}
}
.badge:hover{
width: auto;
height: auto;
overflow: hidden;
@media only screen and (max-width: 782px) {
padding: 10px 20px;
}
.badge-title{
display:block;
@media only screen and (max-width: 782px) {
font-size:16px;
line-height: 30px;
}
&:after{
float: right;
@media only screen and (max-width: 782px) {
margin-left: 10px;
top: 4px;
}
}
}
p{
max-width: 270px;
width: auto;
height: auto;
display: block;
}
}
\ No newline at end of file
......
......@@ -50,4 +50,14 @@
background-color: #fff !important;
color: black !important;
text-decoration: underline;
}
.gt-current-lang:hover{
.gt-lang-code{
color: #669999 !important;
}
}
.gt-current-lang:has(.gt_arrow_rotate){
.gt-lang-code{
color: #669999 !important;
}
}
\ No newline at end of file
......
......@@ -53,8 +53,11 @@
}
.site{
margin-top: 170px;
max-width: 100%;
overflow-x: hidden;
@media only screen and (max-width: 1000px) {
margin-top: 80px;
}
}
#wrapper-navbar {
......
#main{
position: relative;
z-index: 9;
.entry-content{
position: relative;
z-index: 9;
}
}
#content:not(.search-content){
display: flex;
}
......@@ -171,9 +182,13 @@
}
}
#page-wrapper{
margin-top: 34px;
margin: 34px 40px 0 40px;
margin: 10px 40px 0 40px;
@media(max-width: 768px) {
// margin: 40px 40px 0 40px;
}
.breadcrumb{
font-size: 12px;
margin-bottom: 20px;
a{
text-decoration: none;
text-transform: capitalize;
......@@ -181,7 +196,7 @@ margin: 34px 40px 0 40px;
span{
margin: 0px 10px;
}
margin-bottom: 0px;
}
h1{
......@@ -202,7 +217,7 @@ h1+p {
.side-menu{
list-style: none;
margin-top: 14px;
margin-top: 0px;
padding-left: 15px;
li{
......@@ -290,6 +305,7 @@ h1+p {
}
#main{
width: 100%;
}
}
......
......@@ -26,6 +26,9 @@
right: 0px;
display: none;
border-radius: 0px 0px 10px 10px;
svg{
border: 0px #669999 solid !important;
}
}
......@@ -82,3 +85,10 @@
}
}
.pojo-a11y-toolbar-toggle-link:hover{
color: #669999 !important;
svg {
border: 2px #669999 solid !important;
}
}
......
......@@ -386,6 +386,25 @@ ul.sf_date_field {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>');
}
.advance-search-button:hover{
&:after {
position: absolute;
left: 0px;
top: -10px;
content: "";
display: inline-block;
height: 40px;
width: 40px;
@media screen and (max-width: 768px) {
top: -5px;
height: 30px;
width: 30px;
}
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23669999" stroke-width="3"/></g></svg>');
}
}
.modal-backdrop {
background-color: #fff;
opacity: 0.7;
......@@ -646,4 +665,13 @@ ul.sf_date_field {
.modal-backdrop{
z-index: 6;
}
#advance-search-modal{
.sf-field-taxonomy-mlo-category,
.sf-field-post-meta-file_type{
width: 33%;
display: inline-block !important;
}
}
\ No newline at end of file
......