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

updated styles for home, ratllas, etc...

This commit is contained in:
jorge 2024-04-02 14:04:49 +02:00
parent 482e1e30e9
commit 41b5db2800
12 changed files with 160 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
adminstyles.css
View File

@ -745,7 +745,7 @@ Add your custom styles in this file so it is easier to update the theme.
margin: 1.2rem 0; margin: 1.2rem 0;
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 1.2;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .entry-content h6 { .edit-post-visual-editor__content-area .editor-styles-wrapper .entry-content h6 {
@ -839,7 +839,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured h2, .edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured h2,
.edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured .h2 { .edit-post-visual-editor__content-area .editor-styles-wrapper .home-featured .h2 {
font-size: 3.5rem; font-size: 3.5rem;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
} }
@ -967,6 +967,10 @@ Add your custom styles in this file so it is easier to update the theme.
position: relative; position: relative;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper body.admin-bar {
position: inherit;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .liquid-bubbles { .edit-post-visual-editor__content-area .editor-styles-wrapper .liquid-bubbles {
overflow: hidden; overflow: hidden;
float: left; float: left;
@ -1093,7 +1097,7 @@ Add your custom styles in this file so it is easier to update the theme.
margin: 0.1em 0; margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: #000; color: #000;
border: 0.05em solid #000; border: 0.05rem solid #000;
background-color: none; background-color: none;
font-size: 0.8rem; font-size: 0.8rem;
} }
@ -1285,7 +1289,6 @@ Add your custom styles in this file so it is easier to update the theme.
background: #000; background: #000;
color: #fff; color: #fff;
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1;
padding: 0.6em; padding: 0.6em;
margin: 0; margin: 0;
} }
@ -1409,7 +1412,7 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper select { .edit-post-visual-editor__content-area .editor-styles-wrapper select {
border: 0.05em solid #000; border: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper textarea { .edit-post-visual-editor__content-area .editor-styles-wrapper textarea {
@ -1511,7 +1514,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer .site-info > section { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer .site-info > section {
margin-top: 2em; margin-top: 2em;
padding: 2em 4em; padding: 2em 4em;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer a { .edit-post-visual-editor__content-area .editor-styles-wrapper .site-footer a {
@ -1912,7 +1915,7 @@ Add your custom styles in this file so it is easier to update the theme.
right: 0.3em; right: 0.3em;
width: 0.3em; width: 0.3em;
height: 0.3em; height: 0.3em;
border: 0.05em solid #000; border: 0.05rem solid #000;
border-top: none; border-top: none;
border-left: none; border-left: none;
-moz-transform: rotate(45deg); -moz-transform: rotate(45deg);
@ -2070,19 +2073,19 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-column, .edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-column,
.edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-column { .edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-column {
position: relative; position: relative;
padding-top: 1em;
padding-bottom: 2em;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-heading, .edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-heading,
.edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-heading { .edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-heading {
padding-top: 1em;
padding-bottom: 2em;
display: inline-grid; display: inline-grid;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-heading::after, .edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-heading::after,
.edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-heading::after { .edit-post-visual-editor__content-area .editor-styles-wrapper .border-bottom .wp-block-heading::after {
content: ""; content: "";
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -2093,7 +2096,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .download-files a { .edit-post-visual-editor__content-area .editor-styles-wrapper .download-files a {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .descarregar-fitxers a::after, .edit-post-visual-editor__content-area .editor-styles-wrapper .descarregar-fitxers a::after,
@ -2117,12 +2120,12 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .entry-title { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .entry-title {
margin: 0; margin: 0;
padding: 0 0 0.5rem 0; padding: 0 0 0.5rem 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each h6 { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each h6 {
padding: 0.5rem 1rem 0.5rem 0; padding: 0.5rem 1rem 0.5rem 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .xarxaprod-deadline { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .xarxaprod-deadline {
@ -2135,7 +2138,7 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each .excerpt {
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding: 0.5em 0; padding: 0.5em 0;
} }
@ -2153,7 +2156,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-fields .xarxaprod-fund-info-field, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-fields .xarxaprod-fund-info-field,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field {
padding: 1rem 0; padding: 1rem 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-fields h6, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-fund-info-fields h6,
@ -2222,7 +2225,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer .last-convos { .edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer .last-convos {
padding: 2rem 0; padding: 2rem 0;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer .last-convos > header { .edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer .last-convos > header {
@ -2239,13 +2242,13 @@ Add your custom styles in this file so it is easier to update the theme.
display: grid; display: grid;
grid-template-columns: 0.75fr 2.25fr; grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0; padding: 0.2em 0;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
font-size: 1rem; font-size: 1rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li:last-of-type, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li:last-of-type,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info li:last-of-type { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info li:last-of-type {
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li .xarxaprod-label li, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields li .xarxaprod-label li,
@ -2304,7 +2307,7 @@ Add your custom styles in this file so it is easier to update the theme.
display: grid; display: grid;
font-size: 1rem; font-size: 1rem;
border: none; border: none;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
margin: 0; margin: 0;
padding: 0.5em 0; padding: 0.5em 0;
} }
@ -2362,6 +2365,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-espais-map { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-espais-map {
margin: 0;
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
background-color: rgba(200, 200, 200, 0.4); background-color: rgba(200, 200, 200, 0.4);
} }
@ -2384,7 +2388,7 @@ Add your custom styles in this file so it is easier to update the theme.
display: flex; display: flex;
flex-flow: column; flex-flow: column;
justify-content: flex-end; justify-content: flex-end;
padding-bottom: 4em; padding-bottom: 2rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards .wp-block-post-title, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards .wp-block-post-title,
@ -2396,16 +2400,23 @@ Add your custom styles in this file so it is easier to update the theme.
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards .post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards .wp-block-post-excerpt, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards .wp-block-post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-convocatories .post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-convocatories .wp-block-post-excerpt, .edit-post-visual-editor__content-area .editor-styles-wrapper .category-convocatories .wp-block-post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-activitats .post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-activitats .wp-block-post-excerpt, .edit-post-visual-editor__content-area .editor-styles-wrapper .category-activitats .wp-block-post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda .post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda .wp-block-post-excerpt, .edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda .wp-block-post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda-es .post-excerpt,
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda-es .wp-block-post-excerpt { .edit-post-visual-editor__content-area .editor-styles-wrapper .category-agenda-es .wp-block-post-excerpt {
min-height: 7rem;
margin: 0.5em 0; margin: 0.5em 0;
border-bottom: 0.05em solid #000; font-size: 1rem;
border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards .wp-block-read-more, .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards .wp-block-read-more,
@ -2421,11 +2432,11 @@ Add your custom styles in this file so it is easier to update the theme.
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 0.2em 0; padding: 0.2em 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each:first-of-type { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each:first-of-type {
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each > * { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda .xarxaprod-card-each > * {
@ -2438,6 +2449,7 @@ Add your custom styles in this file so it is easier to update the theme.
border-bottom: none; border-bottom: none;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each.category-activitats,
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats, .edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats,
.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] { .edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] {
position: relative; position: relative;
@ -2445,6 +2457,7 @@ Add your custom styles in this file so it is easier to update the theme.
align-content: space-between; align-content: space-between;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each.category-activitats .wp-block-post-featured-image,
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-featured-image, .edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-featured-image,
.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-featured-image { .edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-featured-image {
position: absolute; position: absolute;
@ -2454,6 +2467,21 @@ Add your custom styles in this file so it is easier to update the theme.
overflow: hidden; overflow: hidden;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each.category-activitats .wp-block-post-featured-image img,
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-featured-image img,
.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-featured-image img {
object-position: 50% 50%;
max-height: 100%;
object-fit: cover;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each.category-activitats .wp-block-post-title,
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title,
.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-title {
height: 100%;
}
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-card-each.category-activitats .wp-block-post-title::before,
.edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title::before, .edit-post-visual-editor__content-area .editor-styles-wrapper li.category-activitats .wp-block-post-title::before,
.edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-title::before { .edit-post-visual-editor__content-area .editor-styles-wrapper li[class*="category-agenda"] .wp-block-post-title::before {
content: ""; content: "";
@ -2461,8 +2489,8 @@ Add your custom styles in this file so it is easier to update the theme.
min-width: 100%; min-width: 100%;
height: auto; height: auto;
aspect-ratio: 16/9; aspect-ratio: 16/9;
margin-bottom: 2em; margin-bottom: 1rem;
background-color: rgba(230, 230, 230, 0.4); background-color: rgba(230, 230, 230, 0.8);
border-radius: 0.3em; border-radius: 0.3em;
} }
@ -2497,7 +2525,7 @@ Add your custom styles in this file so it is easier to update the theme.
cursor: pointer; cursor: pointer;
font-weight: 900; font-weight: 900;
font-size: 0.9rem; font-size: 0.9rem;
border: 0.05em solid #000; border: 0.05rem solid #000;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-titol-opcions::after { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-titol-opcions::after {
@ -2565,7 +2593,6 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
gap: 4rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts { .edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
@ -2609,7 +2636,6 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
gap: 6rem;
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts {
@ -2620,10 +2646,6 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts.archive-custom-post-type-associat { .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-filtered-content .archive-posts.archive-custom-post-type-associat {
grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr));
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .archive-posts {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .comment-content a { .edit-post-visual-editor__content-area .editor-styles-wrapper .comment-content a {
@ -2891,7 +2913,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .editor-styles-wrapper .wpcf7-form input:not([type="submit"]), .edit-post-visual-editor__content-area .editor-styles-wrapper .wpcf7-form input:not([type="submit"]),
.edit-post-visual-editor__content-area .editor-styles-wrapper .wpcf7-form textarea { .edit-post-visual-editor__content-area .editor-styles-wrapper .wpcf7-form textarea {
background: transparent; background: transparent;
border: 0.05em solid #000; border: 0.05rem solid #000;
padding: 1em; padding: 1em;
} }
@ -2958,7 +2980,7 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .editor-styles-wrapper .contactform-fund-options label.oficinasuport-titol-opcions { .edit-post-visual-editor__content-area .editor-styles-wrapper .contactform-fund-options label.oficinasuport-titol-opcions {
border: 0.05em solid #000; border: 0.05rem solid #000;
width: 100%; width: 100%;
display: inline-block; display: inline-block;
margin-bottom: 1em; margin-bottom: 1em;

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

1
archive.php
View File

@ -15,6 +15,7 @@ get_header();
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
<header class="page-header"> <header class="page-header">
<h2><?php single_term_title( ' ' ); ?>.</h2>
</header><!-- .page-header --> </header><!-- .page-header -->
<content class="archive-posts <?php xarxaprod_class_posttype(); ?>"> <content class="archive-posts <?php xarxaprod_class_posttype(); ?>">
<?php <?php

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

11
category.php
View File

@ -11,11 +11,12 @@ get_header();
<main id="primary" class="site-main"> <main id="primary" class="site-main">
<?php if( in_category('faq') ) : ?> <aside>
<?php xarxaprod_display_faqs_labels(); ?> <?php if( in_category('faq') ) : ?>
<?php xarxaprod_display_faqs_search(); ?> <?php xarxaprod_display_faqs_labels(); ?>
<?php xarxaprod_display_faqs_search(); ?>
<?php endif; //end if is_category faq ?> <?php endif; //end if is_category faq ?>
</aside>
<content class="archive-posts "> <content class="archive-posts ">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); <?php while ( have_posts() ) : the_post();

2
sass/abstracts/variables/_colors.scss
View File

@ -51,5 +51,5 @@ $color__border-abbr: $color__grey-dark;
//other //other
$border__radius: 0.2rem; $border__radius: 0.2rem;
$border__line: 0.05em solid $color__black; $border__line: 0.05rem solid $color__black;
$box__shadow: 0 3px 10px rgba(0,0,0,0.2); $box__shadow: 0 3px 10px rgba(0,0,0,0.2);

2
sass/adminstyles.scss
View File

@ -3,7 +3,6 @@
// theme for editor admin, import style.sass and apply class before rest of it // theme for editor admin, import style.sass and apply class before rest of it
// admin styles // admin styles
.wp-admin { .wp-admin {
.components-button.edit-post-fullscreen-mode-close.has-icon, .components-button.edit-post-fullscreen-mode-close.has-icon,
.edit-post-fullscreen-mode-close_site-icon { .edit-post-fullscreen-mode-close_site-icon {
@ -14,7 +13,6 @@
.site-icon-preview .app-icon-preview { .site-icon-preview .app-icon-preview {
background-color: #fff; background-color: #fff;
} }
// editor styles // editor styles
.edit-post-visual-editor__content-area { .edit-post-visual-editor__content-area {
.editor-styles-wrapper { .editor-styles-wrapper {

3
sass/base/elements/_body.scss
View File

@ -5,6 +5,9 @@ body {
//background-position: center center; //background-position: center center;
//background-repeat: no-repeat; //background-repeat: no-repeat;
position: relative; position: relative;
&.admin-bar { //if else breaks the WordPress inline styles when front end editing
position: inherit;
}
} }
.liquid-bubbles { .liquid-bubbles {
overflow: hidden; overflow: hidden;

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

@ -10,7 +10,7 @@ input[type="submit"],
background: $color__background-button; background: $color__background-button;
color: $color__white; color: $color__white;
font-size: $font__size-body * 0.9; font-size: $font__size-body * 0.9;
line-height: 1; //line-height: 1;
padding: 0.6em; padding: 0.6em;
margin: 0; margin: 0;

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

@ -48,10 +48,10 @@
.ratlla-abaix,.border-bottom { .ratlla-abaix,.border-bottom {
.wp-block-column { .wp-block-column {
position:relative; position:relative;
}
.wp-block-heading {
padding-top: 1em; padding-top: 1em;
padding-bottom: 2em; padding-bottom: 2em;
}
.wp-block-heading {
display:inline-grid; display:inline-grid;
&:after { &:after {
content: ""; content: "";
@ -320,6 +320,7 @@
} }
/* mapas leaflet associats */ /* mapas leaflet associats */
.xarxaprod-associats-map,.xarxaprod-espais-map { .xarxaprod-associats-map,.xarxaprod-espais-map {
margin:0;
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
background-color: rgba(200,200,200,0.4); //place holder background color background-color: rgba(200,200,200,0.4); //place holder background color
} }
@ -345,18 +346,19 @@
display: flex; display: flex;
flex-flow: column; flex-flow: column;
justify-content: flex-end; justify-content: flex-end;
padding-bottom: 4em; padding-bottom: $font__size-body * 2;
.wp-block-post-title { .wp-block-post-title {
text-transform: lowercase; text-transform: lowercase;
font-size: $font__size-body*1.5; font-size: $font__size-body*1.5;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
//border-bottom: 0.05em solid $color__black;
border-bottom: $border__line; border-bottom: $border__line;
} }
.post-excerpt,
.wp-block-post-excerpt { .wp-block-post-excerpt {
min-height: $font__size-body * 7;
margin: 0.5em 0; margin: 0.5em 0;
//border-bottom: 0.05em solid $color__black; font-size: $font__size-body * 1;
border-bottom: $border__line; border-bottom: $border__line;
} }
.wp-block-read-more { .wp-block-read-more {
@ -373,10 +375,8 @@
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 0.2em 0; padding: 0.2em 0;
//border-bottom: 0.1em solid $color__black;
border-bottom: $border__line; border-bottom: $border__line;
&:first-of-type { &:first-of-type {
//border-top: 0.1em solid $color__black;
border-top: $border__line; border-top: $border__line;
} }
> * { > * {
@ -389,7 +389,6 @@
border-bottom: none; border-bottom: none;
} }
p { p {
//font-size: $font__size-body * 1.5;
} }
.activity-organizer, .organiza-activitat { .activity-organizer, .organiza-activitat {
} }
@ -397,29 +396,41 @@
} }
} }
} }
.xarxaprod-card-each.category-activitats,
li.category-activitats, li.category-activitats,
li[class*='category-agenda'] { li[class*='category-agenda'] {
position: relative; position: relative;
display: flex; display: flex;
align-content: space-between; align-content: space-between;
//background-color:#ccf;
.wp-block-post-featured-image { .wp-block-post-featured-image {
position: absolute; position: absolute;
top: 0; top: 0;
margin: 0; margin: 0;
aspect-ratio: 16/9; aspect-ratio: 16/9;
overflow: hidden; overflow: hidden;
img {
object-position: 50% 50%;
max-height: 100%;
object-fit: cover;
}
} }
.wp-block-post-title { .wp-block-post-title {
//background-color:#cfc;
height: 100%;
&:before {
content: "";
display: inline-block;
min-width: 100%;
height: auto;
aspect-ratio: 16/9;
margin-bottom: $font__size-body;
background-color: rgba(230,230,230,0.8);
border-radius: 0.3em;
}
} }
.wp-block-post-title:before { .wp-block-post-excerpt {
content: ""; //background-color: #fcc;
display: inline-block;
min-width: 100%;
height: auto;
aspect-ratio: 16/9;
margin-bottom: 2em;
background-color: rgba(230,230,230,0.4);
border-radius: 0.3em;
} }
} }
@ -520,7 +531,7 @@
} }
.xarxaprod-filtered-content { .xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
gap: $grid__gap * 4; //gap: $grid__gap * 4;
} }
.archive-posts { .archive-posts {
grid-template-columns: repeat(2 , minmax(0,1fr)); grid-template-columns: repeat(2 , minmax(0,1fr));
@ -563,7 +574,7 @@
//only bigger than 80rem //only bigger than 80rem
.xarxaprod-filtered-content { .xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
gap: $grid__gap * 6; //gap: $grid__gap * 6;
.archive-posts { .archive-posts {
grid-template-columns: repeat(2 , minmax(0,1fr)); grid-template-columns: repeat(2 , minmax(0,1fr));
&.archive-xarxaprod-associats,&.archive-custom-post-type-associat { &.archive-xarxaprod-associats,&.archive-custom-post-type-associat {
@ -572,6 +583,6 @@
} }
} }
.archive-posts { .archive-posts {
grid-template-columns: repeat(3 , minmax(0,1fr)); //grid-template-columns: repeat(3 , minmax(0,1fr));
} }
} }

92
style.css
View File

@ -595,7 +595,7 @@ textarea {
margin: 1.2rem 0; margin: 1.2rem 0;
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 1.2;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
/* entry content */ /* entry content */
@ -697,7 +697,7 @@ textarea {
.home-featured h2, .home-featured h2,
.home-featured .h2 { .home-featured .h2 {
font-size: 3.5rem; font-size: 3.5rem;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
} }
@ -823,6 +823,10 @@ body {
position: relative; position: relative;
} }
body.admin-bar {
position: inherit;
}
.liquid-bubbles { .liquid-bubbles {
overflow: hidden; overflow: hidden;
float: left; float: left;
@ -949,7 +953,7 @@ dd {
margin: 0.1em 0; margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: #000; color: #000;
border: 0.05em solid #000; border: 0.05rem solid #000;
background-color: none; background-color: none;
font-size: 0.8rem; font-size: 0.8rem;
} }
@ -1146,7 +1150,6 @@ input[type="submit"],
background: #000; background: #000;
color: #fff; color: #fff;
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1;
padding: 0.6em; padding: 0.6em;
margin: 0; margin: 0;
} }
@ -1270,7 +1273,7 @@ textarea:focus {
} }
select { select {
border: 0.05em solid #000; border: 0.05rem solid #000;
} }
textarea { textarea {
@ -1375,7 +1378,7 @@ textarea {
.site-footer .site-info > section { .site-footer .site-info > section {
margin-top: 2em; margin-top: 2em;
padding: 2em 4em; padding: 2em 4em;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
} }
.site-footer a { .site-footer a {
@ -1769,7 +1772,7 @@ textarea {
right: 0.3em; right: 0.3em;
width: 0.3em; width: 0.3em;
height: 0.3em; height: 0.3em;
border: 0.05em solid #000; border: 0.05rem solid #000;
border-top: none; border-top: none;
border-left: none; border-left: none;
-moz-transform: rotate(45deg); -moz-transform: rotate(45deg);
@ -1886,19 +1889,19 @@ textarea {
.ratlla-abaix .wp-block-column, .ratlla-abaix .wp-block-column,
.border-bottom .wp-block-column { .border-bottom .wp-block-column {
position: relative; position: relative;
padding-top: 1em;
padding-bottom: 2em;
} }
.ratlla-abaix .wp-block-heading, .ratlla-abaix .wp-block-heading,
.border-bottom .wp-block-heading { .border-bottom .wp-block-heading {
padding-top: 1em;
padding-bottom: 2em;
display: inline-grid; display: inline-grid;
} }
.ratlla-abaix .wp-block-heading::after, .ratlla-abaix .wp-block-heading::after,
.border-bottom .wp-block-heading::after { .border-bottom .wp-block-heading::after {
content: ""; content: "";
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -1914,7 +1917,7 @@ textarea {
.download-files a { .download-files a {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.descarregar-fitxers a::after, .descarregar-fitxers a::after,
@ -1941,12 +1944,12 @@ textarea {
.xarxaprod-card-each .entry-title { .xarxaprod-card-each .entry-title {
margin: 0; margin: 0;
padding: 0 0 0.5rem 0; padding: 0 0 0.5rem 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.xarxaprod-card-each h6 { .xarxaprod-card-each h6 {
padding: 0.5rem 1rem 0.5rem 0; padding: 0.5rem 1rem 0.5rem 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.xarxaprod-card-each .xarxaprod-deadline { .xarxaprod-card-each .xarxaprod-deadline {
@ -1959,7 +1962,7 @@ textarea {
} }
.xarxaprod-card-each .excerpt { .xarxaprod-card-each .excerpt {
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding: 0.5em 0; padding: 0.5em 0;
} }
@ -1982,7 +1985,7 @@ textarea {
.xarxaprod-fund-info-fields .xarxaprod-fund-info-field, .xarxaprod-fund-info-fields .xarxaprod-fund-info-field,
.xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field { .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field {
padding: 1rem 0; padding: 1rem 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.xarxaprod-fund-info-fields h6, .xarxaprod-fund-info-fields h6,
@ -2051,7 +2054,7 @@ textarea {
article.xarxaprod-convo > .entry-footer .last-convos { article.xarxaprod-convo > .entry-footer .last-convos {
padding: 2rem 0; padding: 2rem 0;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
} }
article.xarxaprod-convo > .entry-footer .last-convos > header { article.xarxaprod-convo > .entry-footer .last-convos > header {
@ -2068,13 +2071,13 @@ textarea {
display: grid; display: grid;
grid-template-columns: 0.75fr 2.25fr; grid-template-columns: 0.75fr 2.25fr;
padding: 0.2em 0; padding: 0.2em 0;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
font-size: 1rem; font-size: 1rem;
} }
.xarxaprod-convo-info-fields li:last-of-type, .xarxaprod-convo-info-fields li:last-of-type,
.xarxaprod-agenda-info li:last-of-type { .xarxaprod-agenda-info li:last-of-type {
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.xarxaprod-convo-info-fields li .xarxaprod-label li, .xarxaprod-convo-info-fields li .xarxaprod-label li,
@ -2136,7 +2139,7 @@ textarea {
display: grid; display: grid;
font-size: 1rem; font-size: 1rem;
border: none; border: none;
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
margin: 0; margin: 0;
padding: 0.5em 0; padding: 0.5em 0;
} }
@ -2201,6 +2204,7 @@ textarea {
/* mapas leaflet associats */ /* mapas leaflet associats */
.xarxaprod-associats-map, .xarxaprod-associats-map,
.xarxaprod-espais-map { .xarxaprod-espais-map {
margin: 0;
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
background-color: rgba(200, 200, 200, 0.4); background-color: rgba(200, 200, 200, 0.4);
} }
@ -2230,7 +2234,7 @@ textarea {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
justify-content: flex-end; justify-content: flex-end;
padding-bottom: 4em; padding-bottom: 2rem;
} }
.xarxaprod-cards .wp-block-post-title, .xarxaprod-cards .wp-block-post-title,
@ -2242,16 +2246,23 @@ textarea {
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 0.5em; margin-bottom: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.xarxaprod-cards .post-excerpt,
.xarxaprod-cards .wp-block-post-excerpt, .xarxaprod-cards .wp-block-post-excerpt,
.category-convocatories .post-excerpt,
.category-convocatories .wp-block-post-excerpt, .category-convocatories .wp-block-post-excerpt,
.category-activitats .post-excerpt,
.category-activitats .wp-block-post-excerpt, .category-activitats .wp-block-post-excerpt,
.category-agenda .post-excerpt,
.category-agenda .wp-block-post-excerpt, .category-agenda .wp-block-post-excerpt,
.category-agenda-es .post-excerpt,
.category-agenda-es .wp-block-post-excerpt { .category-agenda-es .wp-block-post-excerpt {
min-height: 7rem;
margin: 0.5em 0; margin: 0.5em 0;
border-bottom: 0.05em solid #000; font-size: 1rem;
border-bottom: 0.05rem solid #000;
} }
.xarxaprod-cards .wp-block-read-more, .xarxaprod-cards .wp-block-read-more,
@ -2270,11 +2281,11 @@ textarea {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 0.2em 0; padding: 0.2em 0;
border-bottom: 0.05em solid #000; border-bottom: 0.05rem solid #000;
} }
.xarxaprod-agenda .xarxaprod-card-each:first-of-type { .xarxaprod-agenda .xarxaprod-card-each:first-of-type {
border-top: 0.05em solid #000; border-top: 0.05rem solid #000;
} }
.xarxaprod-agenda .xarxaprod-card-each > * { .xarxaprod-agenda .xarxaprod-card-each > * {
@ -2287,6 +2298,7 @@ textarea {
border-bottom: none; border-bottom: none;
} }
.xarxaprod-card-each.category-activitats,
li.category-activitats, li.category-activitats,
li[class*="category-agenda"] { li[class*="category-agenda"] {
position: relative; position: relative;
@ -2294,6 +2306,7 @@ textarea {
align-content: space-between; align-content: space-between;
} }
.xarxaprod-card-each.category-activitats .wp-block-post-featured-image,
li.category-activitats .wp-block-post-featured-image, li.category-activitats .wp-block-post-featured-image,
li[class*="category-agenda"] .wp-block-post-featured-image { li[class*="category-agenda"] .wp-block-post-featured-image {
position: absolute; position: absolute;
@ -2303,6 +2316,21 @@ textarea {
overflow: hidden; overflow: hidden;
} }
.xarxaprod-card-each.category-activitats .wp-block-post-featured-image img,
li.category-activitats .wp-block-post-featured-image img,
li[class*="category-agenda"] .wp-block-post-featured-image img {
object-position: 50% 50%;
max-height: 100%;
object-fit: cover;
}
.xarxaprod-card-each.category-activitats .wp-block-post-title,
li.category-activitats .wp-block-post-title,
li[class*="category-agenda"] .wp-block-post-title {
height: 100%;
}
.xarxaprod-card-each.category-activitats .wp-block-post-title::before,
li.category-activitats .wp-block-post-title::before, li.category-activitats .wp-block-post-title::before,
li[class*="category-agenda"] .wp-block-post-title::before { li[class*="category-agenda"] .wp-block-post-title::before {
content: ""; content: "";
@ -2310,8 +2338,8 @@ textarea {
min-width: 100%; min-width: 100%;
height: auto; height: auto;
aspect-ratio: 16/9; aspect-ratio: 16/9;
margin-bottom: 2em; margin-bottom: 1rem;
background-color: rgba(230, 230, 230, 0.4); background-color: rgba(230, 230, 230, 0.8);
border-radius: 0.3em; border-radius: 0.3em;
} }
@ -2348,7 +2376,7 @@ textarea {
cursor: pointer; cursor: pointer;
font-weight: 900; font-weight: 900;
font-size: 0.9rem; font-size: 0.9rem;
border: 0.05em solid #000; border: 0.05rem solid #000;
} }
.xarxaprod-titol-opcions::after { .xarxaprod-titol-opcions::after {
@ -2416,7 +2444,6 @@ textarea {
.xarxaprod-filtered-content { .xarxaprod-filtered-content {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
gap: 4rem;
} }
.archive-posts { .archive-posts {
@ -2460,7 +2487,6 @@ textarea {
.xarxaprod-filtered-content { .xarxaprod-filtered-content {
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
gap: 6rem;
} }
.xarxaprod-filtered-content .archive-posts { .xarxaprod-filtered-content .archive-posts {
@ -2471,10 +2497,6 @@ textarea {
.xarxaprod-filtered-content .archive-posts.archive-custom-post-type-associat { .xarxaprod-filtered-content .archive-posts.archive-custom-post-type-associat {
grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr));
} }
.archive-posts {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} }
/* Comments /* Comments
@ -2758,7 +2780,7 @@ textarea {
.wpcf7-form input:not([type="submit"]), .wpcf7-form input:not([type="submit"]),
.wpcf7-form textarea { .wpcf7-form textarea {
background: transparent; background: transparent;
border: 0.05em solid #000; border: 0.05rem solid #000;
padding: 1em; padding: 1em;
} }
@ -2828,7 +2850,7 @@ textarea {
} }
.contactform-fund-options label.oficinasuport-titol-opcions { .contactform-fund-options label.oficinasuport-titol-opcions {
border: 0.05em solid #000; border: 0.05rem solid #000;
width: 100%; width: 100%;
display: inline-block; display: inline-block;
margin-bottom: 1em; margin-bottom: 1em;

2
style.css.map
View File

File diff suppressed because one or more lines are too long