styled + button below faqs and funds
This commit is contained in:
jorge-vitrubio
parent
27af0b9a22
commit
2270a615e1
124
adminstyles.css
124
adminstyles.css
|
|
@ -465,6 +465,24 @@ Add your custom styles in this file so it is easier to update the theme.
|
|||
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 {
|
||||
.edit-post-visual-editor__content-area h1,
|
||||
.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;
|
||||
}
|
||||
|
||||
.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 iframe,
|
||||
.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;
|
||||
}
|
||||
|
||||
.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 input[type="button"],
|
||||
.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;
|
||||
}
|
||||
|
||||
.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="email"],
|
||||
.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;
|
||||
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-contact-fields {
|
||||
display: grid;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -39,3 +39,63 @@ input[type="submit"],
|
|||
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;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
|
|
|
|||
|
|
@ -34,61 +34,61 @@ a {
|
|||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.home-featured,.archive-posts {
|
||||
.category-faq,.type-ofisuport-ajut {
|
||||
position: relative;
|
||||
padding-bottom: 4rem;
|
||||
.entry-title {
|
||||
a {
|
||||
&::after {
|
||||
content: "+";
|
||||
position:absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
padding: 0 0.38rem;
|
||||
border: 1px solid $color__black;
|
||||
font-size: 4rem;
|
||||
line-height: 0.8;
|
||||
}
|
||||
&:hover::after {
|
||||
content: ">";
|
||||
padding: 0 0.38rem;
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//.home-featured,.archive-posts {
|
||||
// .category-faq,.type-ofisuport-ajut {
|
||||
// position: relative;
|
||||
// padding-bottom: 4rem;
|
||||
// .entry-title {
|
||||
// a {
|
||||
// &::after {
|
||||
// content: "+";
|
||||
// position:absolute;
|
||||
// bottom: 0;
|
||||
// left: 0;
|
||||
// width: 3rem;
|
||||
// height: 3rem;
|
||||
// padding: 0 0.38rem;
|
||||
// border: 1px solid $color__black;
|
||||
// font-size: 4rem;
|
||||
// line-height: 0.8;
|
||||
// }
|
||||
// &:hover::after {
|
||||
// content: ">";
|
||||
// padding: 0 0.38rem;
|
||||
// font-size: 2.5rem;
|
||||
// line-height: 1.3;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .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;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
|
|
|
|||
|
|
@ -36,6 +36,10 @@
|
|||
padding: 0.5rem 0;
|
||||
margin:0;
|
||||
}
|
||||
.more-link {
|
||||
display: inline-blocK;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
}
|
||||
/* used in
|
||||
* ./template-parts/content-ofisuport-ajut.php
|
||||
|
|
|
|||
124
style.css
124
style.css
|
|
@ -394,6 +394,24 @@ textarea {
|
|||
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 {
|
||||
h1,
|
||||
h2,
|
||||
|
|
@ -695,6 +713,25 @@ article:not(.type-post) .item-os_fund_call li {
|
|||
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. */
|
||||
embed,
|
||||
iframe,
|
||||
|
|
@ -749,58 +786,6 @@ a.button {
|
|||
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
|
||||
--------------------------------------------- */
|
||||
button,
|
||||
|
|
@ -859,6 +844,37 @@ input[type="submit"]:focus,
|
|||
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="email"],
|
||||
input[type="url"],
|
||||
|
|
@ -1367,6 +1383,10 @@ textarea {
|
|||
padding: 0.5rem 0;
|
||||
margin: 0;
|
||||
}
|
||||
.ofisuport-card-each .more-link {
|
||||
display: inline-blocK;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
/* used in
|
||||
* ./template-parts/content-ofisuport-ajut.php
|
||||
* ./template-parts/section-eachpost.php
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class('ofisuport-card-each'); ?>>
|
||||
<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(); ?>
|
||||
</a>
|
||||
</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_source') ); ?>
|
||||
<?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">
|
||||
<li><?php the_field('os_fund_apply_begin'); ?></li>
|
||||
<li><?php the_field('os_fund_apply_end'); ?></li>
|
||||
<li>del <?php the_field('os_fund_apply_begin'); ?></li>
|
||||
<li>al <?php the_field('os_fund_apply_end'); ?></li>
|
||||
</ul>
|
||||
<?php //get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_begin') ); ?>
|
||||
<?php //get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_end') ); ?>
|
||||
<?php endif; ?>
|
||||
<?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') ); ?>
|
||||
</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(); ?> -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue