xarxaprod
/
oficinasuport-wp-theme
3
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled + button below faqs and funds

This commit is contained in:
jorge 2023-01-30 13:04:04 +01:00
parent 27af0b9a22
commit 2270a615e1
8 changed files with 284 additions and 169 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
adminstyles.css
View File

@ -465,6 +465,24 @@ Add your custom styles in this file so it is easier to update the theme.
line-height: 1.3; line-height: 1.3;
} }
.edit-post-visual-editor__content-area .hide {
display: inline-block;
margin: 0;
padding: 0;
min-width: unset;
max-width: unset;
width: 0px;
min-height: unset;
max-height: unset;
height: 0px;
font-size: 0px;
line-height: 0px;
text-decoration: none;
border: 0;
background-color: transparent;
background: none;
}
@media screen { @media screen {
.edit-post-visual-editor__content-area h1, .edit-post-visual-editor__content-area h1,
.edit-post-visual-editor__content-area h2, .edit-post-visual-editor__content-area h2,
@ -769,6 +787,25 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 1.2rem; font-size: 1.2rem;
} }
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_apply_text {
display: inline-block;
margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: #fff;
background-color: #69ed82;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem;
text-transform: uppercase;
}
.edit-post-visual-editor__content-area .single-ofisuport-ajut article:not(.type-post) .ofisuport-label li {
font-size: 1.1rem;
}
.edit-post-visual-editor__content-area .single-ofisuport-ajut article:not(.type-post) .item-os_fund_apply_text {
font-size: 1.1rem;
}
.edit-post-visual-editor__content-area embed, .edit-post-visual-editor__content-area embed,
.edit-post-visual-editor__content-area iframe, .edit-post-visual-editor__content-area iframe,
.edit-post-visual-editor__content-area object { .edit-post-visual-editor__content-area object {
@ -820,58 +857,6 @@ Add your custom styles in this file so it is easier to update the theme.
text-decoration: none; text-decoration: none;
} }
.edit-post-visual-editor__content-area .home-featured .category-faq, .edit-post-visual-editor__content-area .home-featured .type-ofisuport-ajut, .edit-post-visual-editor__content-area .archive-posts .category-faq, .edit-post-visual-editor__content-area .archive-posts .type-ofisuport-ajut {
position: relative;
padding-bottom: 4rem;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after, .edit-post-visual-editor__content-area .home-featured .type-ofisuport-ajut .entry-title a::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after, .edit-post-visual-editor__content-area .archive-posts .type-ofisuport-ajut .entry-title a::after {
content: "+";
position: absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
border: 1px solid #000;
font-size: 4rem;
line-height: 0.8;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after, .edit-post-visual-editor__content-area .home-featured .type-ofisuport-ajut .entry-title a:hover::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after, .edit-post-visual-editor__content-area .archive-posts .type-ofisuport-ajut .entry-title a:hover::after {
content: ">";
padding: 0 0.38rem;
font-size: 2.5rem;
line-height: 1.3;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::before, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::before {
content: "accedir";
position: absolute;
bottom: 1em;
left: 0.5em;
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 0;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after {
content: "+";
width: 8rem;
height: 2rem;
padding: 0 0.5rem;
text-align: right;
font-size: 2.5rem;
line-height: 0.7;
}
.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after, .edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after {
content: ">";
padding: 0 0.1rem;
font-size: 1.5rem;
line-height: 1.2;
}
.edit-post-visual-editor__content-area button, .edit-post-visual-editor__content-area button,
.edit-post-visual-editor__content-area input[type="button"], .edit-post-visual-editor__content-area input[type="button"],
.edit-post-visual-editor__content-area input[type="reset"], .edit-post-visual-editor__content-area input[type="reset"],
@ -928,6 +913,37 @@ Add your custom styles in this file so it is easier to update the theme.
line-height: 1.5; line-height: 1.5;
} }
.edit-post-visual-editor__content-area .home-featured .more-link, .edit-post-visual-editor__content-area .archive-posts .more-link {
position: relative;
}
.edit-post-visual-editor__content-area .home-featured .more-link .button-more, .edit-post-visual-editor__content-area .archive-posts .more-link .button-more {
border: none;
}
.edit-post-visual-editor__content-area .home-featured .more-link .button-more::after, .edit-post-visual-editor__content-area .archive-posts .more-link .button-more::after {
content: "+";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
bottom: 0;
left: 0;
padding: 0;
border: 1px solid #000;
font-size: 4rem;
line-height: inherit;
}
.edit-post-visual-editor__content-area .home-featured .more-link .button-more:hover::after, .edit-post-visual-editor__content-area .archive-posts .more-link .button-more:hover::after {
content: ">";
padding: 0;
font-size: 2.5rem;
line-height: inherit;
}
.edit-post-visual-editor__content-area input[type="text"], .edit-post-visual-editor__content-area input[type="text"],
.edit-post-visual-editor__content-area input[type="email"], .edit-post-visual-editor__content-area input[type="email"],
.edit-post-visual-editor__content-area input[type="url"], .edit-post-visual-editor__content-area input[type="url"],
@ -1438,6 +1454,10 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0.5rem 0; padding: 0.5rem 0;
margin: 0; margin: 0;
} }
.edit-post-visual-editor__content-area .ofisuport-card-each .more-link {
display: inline-blocK;
margin-top: 2rem;
}
.edit-post-visual-editor__content-area .ofisuport-fund-info-fields, .edit-post-visual-editor__content-area .ofisuport-fund-info-fields,
.edit-post-visual-editor__content-area .ofisuport-fund-info-contact-fields { .edit-post-visual-editor__content-area .ofisuport-fund-info-contact-fields {
display: grid; display: grid;

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

60
sass/base/elements/_buttons.scss
View File

@ -39,3 +39,63 @@ input[type="submit"],
line-height: 1.5; line-height: 1.5;
} }
} }
.home-featured,.archive-posts {
.more-link {
position: relative;
.button-more {
border:none;
&::after {
content: "+";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
bottom: 0;
left: 0;
padding: 0;
border: 1px solid $color__black;
font-size: 4rem;
line-height: inherit;
}
&:hover::after {
content: ">";
padding: 0;
font-size: 2.5rem;
line-height: inherit;
}
}
}
}
// .category-faq {
// .entry-title {
// a {
// &::before {
// content: "accedir";
// position: absolute;
// bottom: 1em;
// left: 0.5em;
// font-family: $font__light;
// font-size: 1rem;
// line-height: 0;
// }
// &::after {
// content: "+";
// width: 8rem;
// height: 2rem;
// padding: 0 0.5rem;
// text-align: right;
// font-size: 2.5rem;
// line-height: 0.7;
// }
// &:hover::after {
// content: ">";
// padding: 0 0.1rem;
// font-size: 1.5rem;
// line-height: 1.2;
// }
// }
// }
// }
//}

116
sass/base/elements/_links.scss
View File

@ -34,61 +34,61 @@ a {
text-decoration: none; text-decoration: none;
} }
} }
.home-featured,.archive-posts { //.home-featured,.archive-posts {
.category-faq,.type-ofisuport-ajut { // .category-faq,.type-ofisuport-ajut {
position: relative; // position: relative;
padding-bottom: 4rem; // padding-bottom: 4rem;
.entry-title { // .entry-title {
a { // a {
&::after { // &::after {
content: "+"; // content: "+";
position:absolute; // position:absolute;
bottom: 0; // bottom: 0;
left: 0; // left: 0;
width: 3rem; // width: 3rem;
height: 3rem; // height: 3rem;
padding: 0 0.38rem; // padding: 0 0.38rem;
border: 1px solid $color__black; // border: 1px solid $color__black;
font-size: 4rem; // font-size: 4rem;
line-height: 0.8; // line-height: 0.8;
} // }
&:hover::after { // &:hover::after {
content: ">"; // content: ">";
padding: 0 0.38rem; // padding: 0 0.38rem;
font-size: 2.5rem; // font-size: 2.5rem;
line-height: 1.3; // line-height: 1.3;
} // }
} // }
} // }
} // }
.category-faq { // .category-faq {
.entry-title { // .entry-title {
a { // a {
&::before { // &::before {
content: "accedir"; // content: "accedir";
position: absolute; // position: absolute;
bottom: 1em; // bottom: 1em;
left: 0.5em; // left: 0.5em;
font-family: $font__light; // font-family: $font__light;
font-size: 1rem; // font-size: 1rem;
line-height: 0; // line-height: 0;
} // }
&::after { // &::after {
content: "+"; // content: "+";
width: 8rem; // width: 8rem;
height: 2rem; // height: 2rem;
padding: 0 0.5rem; // padding: 0 0.5rem;
text-align: right; // text-align: right;
font-size: 2.5rem; // font-size: 2.5rem;
line-height: 0.7; // line-height: 0.7;
} // }
&:hover::after { // &:hover::after {
content: ">"; // content: ">";
padding: 0 0.1rem; // padding: 0 0.1rem;
font-size: 1.5rem; // font-size: 1.5rem;
line-height: 1.2; // line-height: 1.2;
} // }
} // }
} // }
} // }
} //}

4
sass/components/content/_posts-and-pages.scss
View File

@ -36,6 +36,10 @@
padding: 0.5rem 0; padding: 0.5rem 0;
margin:0; margin:0;
} }
.more-link {
display: inline-blocK;
margin-top: 2rem;
}
} }
/* used in /* used in
* ./template-parts/content-ofisuport-ajut.php * ./template-parts/content-ofisuport-ajut.php

124
style.css
View File

@ -394,6 +394,24 @@ textarea {
line-height: 1.3; line-height: 1.3;
} }
.hide {
display: inline-block;
margin: 0;
padding: 0;
min-width: unset;
max-width: unset;
width: 0px;
min-height: unset;
max-height: unset;
height: 0px;
font-size: 0px;
line-height: 0px;
text-decoration: none;
border: 0;
background-color: transparent;
background: none;
}
@media screen { @media screen {
h1, h1,
h2, h2,
@ -695,6 +713,25 @@ article:not(.type-post) .item-os_fund_call li {
font-size: 1.2rem; font-size: 1.2rem;
} }
article:not(.type-post) .item-os_fund_apply_text {
display: inline-block;
margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: #fff;
background-color: #69ed82;
font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem;
text-transform: uppercase;
}
.single-ofisuport-ajut article:not(.type-post) .ofisuport-label li {
font-size: 1.1rem;
}
.single-ofisuport-ajut article:not(.type-post) .item-os_fund_apply_text {
font-size: 1.1rem;
}
/* Make sure embeds and iframes fit their containers. */ /* Make sure embeds and iframes fit their containers. */
embed, embed,
iframe, iframe,
@ -749,58 +786,6 @@ a.button {
text-decoration: none; text-decoration: none;
} }
.home-featured .category-faq, .home-featured .type-ofisuport-ajut, .archive-posts .category-faq, .archive-posts .type-ofisuport-ajut {
position: relative;
padding-bottom: 4rem;
}
.home-featured .category-faq .entry-title a::after, .home-featured .type-ofisuport-ajut .entry-title a::after, .archive-posts .category-faq .entry-title a::after, .archive-posts .type-ofisuport-ajut .entry-title a::after {
content: "+";
position: absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
border: 1px solid #000;
font-size: 4rem;
line-height: 0.8;
}
.home-featured .category-faq .entry-title a:hover::after, .home-featured .type-ofisuport-ajut .entry-title a:hover::after, .archive-posts .category-faq .entry-title a:hover::after, .archive-posts .type-ofisuport-ajut .entry-title a:hover::after {
content: ">";
padding: 0 0.38rem;
font-size: 2.5rem;
line-height: 1.3;
}
.home-featured .category-faq .entry-title a::before, .archive-posts .category-faq .entry-title a::before {
content: "accedir";
position: absolute;
bottom: 1em;
left: 0.5em;
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 0;
}
.home-featured .category-faq .entry-title a::after, .archive-posts .category-faq .entry-title a::after {
content: "+";
width: 8rem;
height: 2rem;
padding: 0 0.5rem;
text-align: right;
font-size: 2.5rem;
line-height: 0.7;
}
.home-featured .category-faq .entry-title a:hover::after, .archive-posts .category-faq .entry-title a:hover::after {
content: ">";
padding: 0 0.1rem;
font-size: 1.5rem;
line-height: 1.2;
}
/* Forms /* Forms
--------------------------------------------- */ --------------------------------------------- */
button, button,
@ -859,6 +844,37 @@ input[type="submit"]:focus,
line-height: 1.5; line-height: 1.5;
} }
.home-featured .more-link, .archive-posts .more-link {
position: relative;
}
.home-featured .more-link .button-more, .archive-posts .more-link .button-more {
border: none;
}
.home-featured .more-link .button-more::after, .archive-posts .more-link .button-more::after {
content: "+";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
bottom: 0;
left: 0;
padding: 0;
border: 1px solid #000;
font-size: 4rem;
line-height: inherit;
}
.home-featured .more-link .button-more:hover::after, .archive-posts .more-link .button-more:hover::after {
content: ">";
padding: 0;
font-size: 2.5rem;
line-height: inherit;
}
input[type="text"], input[type="text"],
input[type="email"], input[type="email"],
input[type="url"], input[type="url"],
@ -1367,6 +1383,10 @@ textarea {
padding: 0.5rem 0; padding: 0.5rem 0;
margin: 0; margin: 0;
} }
.ofisuport-card-each .more-link {
display: inline-blocK;
margin-top: 2rem;
}
/* used in /* used in
* ./template-parts/content-ofisuport-ajut.php * ./template-parts/content-ofisuport-ajut.php
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php

2
style.css.map
View File

File diff suppressed because one or more lines are too long

21
template-parts/section-eachpost.php
View File

@ -10,7 +10,7 @@
<article id="post-<?php the_ID(); ?>" <?php post_class('ofisuport-card-each'); ?>> <article id="post-<?php the_ID(); ?>" <?php post_class('ofisuport-card-each'); ?>>
<h3 class="entry-title"> <h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark">
<?php the_title(); ?> <?php the_title(); ?>
</a> </a>
</h3> </h3>
@ -24,12 +24,23 @@
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_target') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_target') ); ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_source') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_source') ); ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_field') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_field') ); ?>
<?php if( get_field('os_fund_apply_begin') || get_field('os_fund_apply_end') ): ?>
<ul class="ofisuport-label item-os_fund_dates"> <ul class="ofisuport-label item-os_fund_dates">
<li><?php the_field('os_fund_apply_begin'); ?></li> <li>del <?php the_field('os_fund_apply_begin'); ?></li>
<li><?php the_field('os_fund_apply_end'); ?></li> <li>al <?php the_field('os_fund_apply_end'); ?></li>
</ul> </ul>
<?php //get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_begin') ); ?> <?php endif; ?>
<?php //get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_end') ); ?> <?php if( get_field('os_fund_apply_text') ): ?>
<ul class="ofisuport-label item-os_fund_dates">
<li class=""><?php the_field('os_fund_apply_text'); ?></li>
</ul>
<?php endif; ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_call') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_call') ); ?>
</aside> </aside>
<nav class="more-link">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="button button-more">
<span class="hide"><?php the_title(); ?></span>
</a>
</nav>
</article><!-- #post-<?php the_ID(); ?> --> </article><!-- #post-<?php the_ID(); ?> -->