styled convo view with images and other convos
This commit is contained in:
parent
51d0ba24e2
commit
da21ef92e2
|
@ -1615,6 +1615,23 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > article.xarxaprod-convo {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > article.xarxaprod-convo > * {
|
||||||
|
max-width: 40rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > article.xarxaprod-convo > header {
|
||||||
|
grid-row-start: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > article.xarxaprod-convo > footer {
|
||||||
|
max-width: unset;
|
||||||
|
}
|
||||||
|
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section {
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main > section {
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
}
|
}
|
||||||
|
@ -1948,19 +1965,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 {
|
.edit-post-visual-editor__content-area .editor-styles-wrapper {
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* big lletters block below titles
|
* big lletters block below titles
|
||||||
* */
|
* */
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* blocks columns with line below each block
|
* blocks columns with line below each block
|
||||||
* see Que oferim?
|
* see Que oferim?
|
||||||
* */
|
* */
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* download files
|
* download files
|
||||||
* line and icon to show download
|
* line and icon to show download
|
||||||
*
|
*
|
||||||
* * * * * * * */
|
* * * * * * * */
|
||||||
|
|
||||||
/* used in
|
/* used in
|
||||||
* ./template-parts/section-eachpost.php
|
* ./template-parts/section-eachpost.php
|
||||||
|
@ -1983,6 +2000,8 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
*
|
*
|
||||||
* */
|
* */
|
||||||
|
|
||||||
|
/* mapas leaflet associats */
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* categories:
|
* categories:
|
||||||
*
|
*
|
||||||
|
@ -2167,6 +2186,30 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .xarxaprod-convo-info-fields {
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer {
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer .xarxaprod-more-convos-header {
|
||||||
|
padding: 2rem 0;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer .last-convos {
|
||||||
|
padding: 2rem 0;
|
||||||
|
border-top: 0.05em solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper article.xarxaprod-convo > .entry-footer .last-convos > header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields,
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-convo-info-fields,
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info {
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-agenda-info {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
@ -2284,6 +2327,20 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact h6 {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact li {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 2fr;
|
||||||
|
}
|
||||||
|
|
||||||
.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 {
|
||||||
aspect-ratio: 4 / 3;
|
aspect-ratio: 4 / 3;
|
||||||
|
@ -2300,20 +2357,6 @@ Add your custom styles in this file so it is easier to update the theme.
|
||||||
aspect-ratio: 16 / 9;
|
aspect-ratio: 16 / 9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact {
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact h6 {
|
|
||||||
font-size: 0.9rem;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-contact li {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 2fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards,
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-cards,
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-convocatories,
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-convocatories,
|
||||||
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-activitats,
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .category-activitats,
|
||||||
|
@ -2663,7 +2706,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-associat-gallery-images {
|
.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associat-gallery-images {
|
||||||
--this-aspect-ratio: 16 / 9;
|
--this-aspect-ratio: 16 / 9;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 6fr 1fr;
|
|
||||||
grid-gap: 1rem;
|
grid-gap: 1rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,4 +1,6 @@
|
||||||
@media screen {
|
@media screen {
|
||||||
|
//any screen
|
||||||
|
|
||||||
.sticky {
|
.sticky {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
@ -13,7 +15,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-content,
|
.page-content,
|
||||||
//.entry-content,
|
|
||||||
.entry-summary {
|
.entry-summary {
|
||||||
margin: 1.5em 0 0;
|
margin: 1.5em 0 0;
|
||||||
}
|
}
|
||||||
|
@ -27,63 +28,63 @@
|
||||||
margin: 0 0 1.5em;
|
margin: 0 0 1.5em;
|
||||||
}
|
}
|
||||||
.home-featured {
|
.home-featured {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* big lletters block below titles
|
||||||
|
* */
|
||||||
|
|
||||||
|
.xarxaprod-intro {
|
||||||
|
line-height: 1.2;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
* blocks columns with line below each block
|
||||||
|
* see Que oferim?
|
||||||
|
* */
|
||||||
|
|
||||||
|
.ratlla-abaix,.border-bottom {
|
||||||
|
.wp-block-column {
|
||||||
|
position:relative;
|
||||||
}
|
}
|
||||||
|
.wp-block-heading {
|
||||||
/*
|
padding-top: 1em;
|
||||||
* big lletters block below titles
|
padding-bottom: 2em;
|
||||||
* */
|
display:inline-grid;
|
||||||
|
&:after {
|
||||||
.xarxaprod-intro {
|
content: "";
|
||||||
line-height: 1.2;
|
border-bottom: $border__line;
|
||||||
margin-top: 0;
|
width: 100%;
|
||||||
margin-bottom: 0;
|
position: absolute;
|
||||||
}
|
bottom: 0;
|
||||||
/*
|
|
||||||
* blocks columns with line below each block
|
|
||||||
* see Que oferim?
|
|
||||||
* */
|
|
||||||
|
|
||||||
.ratlla-abaix,.border-bottom {
|
|
||||||
.wp-block-column {
|
|
||||||
position:relative;
|
|
||||||
}
|
|
||||||
.wp-block-heading {
|
|
||||||
padding-top: 1em;
|
|
||||||
padding-bottom: 2em;
|
|
||||||
display:inline-grid;
|
|
||||||
&:after {
|
|
||||||
content: "";
|
|
||||||
border-bottom: $border__line;
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
/*
|
|
||||||
* download files
|
/*
|
||||||
* line and icon to show download
|
* download files
|
||||||
*
|
* line and icon to show download
|
||||||
* * * * * * * */
|
*
|
||||||
.descarregar-fitxers,.descarga-fichero,.download-files {
|
* * * * * * * */
|
||||||
a {
|
.descarregar-fitxers,.descarga-fichero,.download-files {
|
||||||
display: inline-block;
|
a {
|
||||||
width: 100%;
|
display: inline-block;
|
||||||
border-bottom: $border__line;
|
width: 100%;
|
||||||
&:after {
|
border-bottom: $border__line;
|
||||||
content: "";
|
&:after {
|
||||||
display:inline-block;
|
content: "";
|
||||||
float: right;
|
display:inline-block;
|
||||||
width: 1em;
|
float: right;
|
||||||
height: 1em;
|
width: 1em;
|
||||||
background-image: url(./assets/img/icon-download.svg);
|
height: 1em;
|
||||||
background-repeat: none;
|
background-image: url(./assets/img/icon-download.svg);
|
||||||
background-size: contain;
|
background-repeat: none;
|
||||||
}
|
background-size: contain;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* used in
|
/* used in
|
||||||
* ./template-parts/section-eachpost.php
|
* ./template-parts/section-eachpost.php
|
||||||
|
@ -113,7 +114,7 @@
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0;
|
||||||
}
|
}
|
||||||
.more-link {
|
.more-link {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -165,7 +166,27 @@
|
||||||
font-size: $font__size-body*0.8;
|
font-size: $font__size-body*0.8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
article.xarxaprod-convo {
|
||||||
|
> .xarxaprod-convo-info-fields, {
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
> .entry-footer {
|
||||||
|
padding-top: 2rem;
|
||||||
|
.xarxaprod-more-convos-header {
|
||||||
|
padding: 2rem 0;
|
||||||
|
font-size: $font__size-body*1.6;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.last-convos{
|
||||||
|
padding: 2rem 0;
|
||||||
|
border-top: $border__line;
|
||||||
|
> header {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.xarxaprod-convo-info-fields,
|
.xarxaprod-convo-info-fields,
|
||||||
.xarxaprod-agenda-info {
|
.xarxaprod-agenda-info {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
@ -197,7 +218,7 @@
|
||||||
dt {
|
dt {
|
||||||
grid-row: 1 / 1;
|
grid-row: 1 / 1;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
}
|
}
|
||||||
dd {
|
dd {
|
||||||
grid-row: 1 / 2;
|
grid-row: 1 / 2;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -278,7 +299,20 @@
|
||||||
* page-templates/associats-search.php
|
* page-templates/associats-search.php
|
||||||
*
|
*
|
||||||
* */
|
* */
|
||||||
//mapas leaflet
|
.xarxaprod-associat {
|
||||||
|
}
|
||||||
|
.xarxaprod-associat-contact {
|
||||||
|
font-size: $font__size-body*0.9;
|
||||||
|
h6 {
|
||||||
|
font-size: $font__size-body*0.9;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
display:grid;
|
||||||
|
grid-template-columns: 1fr 2fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* mapas leaflet associats */
|
||||||
.xarxaprod-associats-map,.xarxaprod-espais-map {
|
.xarxaprod-associats-map,.xarxaprod-espais-map {
|
||||||
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
|
||||||
|
@ -293,19 +327,6 @@
|
||||||
aspect-ratio: 16 / 9;
|
aspect-ratio: 16 / 9;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.xarxaprod-associat {
|
|
||||||
}
|
|
||||||
.xarxaprod-associat-contact {
|
|
||||||
font-size: $font__size-body*0.9;
|
|
||||||
h6 {
|
|
||||||
font-size: $font__size-body*0.9;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
display:grid;
|
|
||||||
grid-template-columns: 1fr 2fr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/*
|
/*
|
||||||
* categories:
|
* categories:
|
||||||
*
|
*
|
||||||
|
@ -452,7 +473,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 48em) {
|
@media screen and (max-width: 48em) {
|
||||||
//only smaller than 48em
|
//only smaller than 48em
|
||||||
|
|
||||||
|
@ -505,7 +525,7 @@
|
||||||
font-size: $font__size-body*1.5;
|
font-size: $font__size-body*1.5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.single-xarxaprod-associat {
|
.single-xarxaprod-associat {
|
||||||
.xarxaprod-associat {
|
.xarxaprod-associat {
|
||||||
.xarxaprod-associat-info {
|
.xarxaprod-associat-info {
|
||||||
|
@ -535,18 +555,17 @@
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 80em) {
|
@media screen and (min-width: 80em) {
|
||||||
//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 {
|
||||||
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));
|
.archive-posts {
|
||||||
}
|
grid-template-columns: repeat(3 , minmax(0,1fr));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -41,7 +41,7 @@
|
||||||
.xarxaprod-associat-gallery-images { //section
|
.xarxaprod-associat-gallery-images { //section
|
||||||
--this-aspect-ratio: 16 / 9;
|
--this-aspect-ratio: 16 / 9;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 6fr 1fr;
|
//grid-template-rows: 6fr 1fr; //no need to impose height, it will auto adapt
|
||||||
grid-gap: $grid__gap;
|
grid-gap: $grid__gap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.xarxaprod-associat-slides-nav{ //navigation
|
.xarxaprod-associat-slides-nav{ //navigation
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
@media screen {
|
@media screen {
|
||||||
|
//any screen
|
||||||
|
|
||||||
html:not([data-scroll='0']) {
|
html:not([data-scroll='0']) {
|
||||||
.site-header:before {
|
.site-header:before {
|
||||||
content: "";
|
content: "";
|
||||||
|
@ -12,7 +14,7 @@
|
||||||
margin-right:-50vw;
|
margin-right:-50vw;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
background-color: $color__white;
|
background-color: $color__white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.no-sidebar {
|
.no-sidebar {
|
||||||
|
@ -49,7 +51,7 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 500;
|
z-index: 500;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
|
@ -77,18 +79,18 @@
|
||||||
.site-footer {
|
.site-footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row;
|
flex-flow: row;
|
||||||
background: $color__black;
|
background: $color__black;
|
||||||
color: $color__white;
|
color: $color__white;
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
:where(.wp-block-columns.is-layout-flex) {
|
:where(.wp-block-columns.is-layout-flex) {
|
||||||
gap: $grid__gap * 5;
|
gap: $grid__gap * 5;
|
||||||
}
|
}
|
||||||
.site-info {
|
.site-info {
|
||||||
&> section {
|
&> section {
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
padding: 2em 4em;
|
padding: 2em 4em;
|
||||||
border-top: $border__line;
|
border-top: $border__line;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: $color__white;
|
color: $color__white;
|
||||||
|
@ -97,11 +99,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul[id*="menu-footer"] {
|
ul[id*="menu-footer"] {
|
||||||
column-count: 3;
|
column-count: 3;
|
||||||
a {
|
a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}//end .site-footer
|
}//end .site-footer
|
||||||
:where(.wp-block-columns.is-layout-flex) {
|
:where(.wp-block-columns.is-layout-flex) {
|
||||||
gap: $grid__gap * 1.5;
|
gap: $grid__gap * 1.5;
|
||||||
|
@ -143,7 +145,7 @@
|
||||||
margin-right:-50vw;
|
margin-right:-50vw;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
background-color: $color__white;
|
background-color: $color__white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.site {
|
.site {
|
||||||
|
@ -161,15 +163,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.site-header {
|
.site-header {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
grid-column: 2/4;
|
grid-column: 2/4;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.secondary {
|
.secondary {
|
||||||
grid-column: 2/4;
|
grid-column: 2/4;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -177,6 +179,23 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
> article {
|
> article {
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
|
&.xarxaprod-convo {
|
||||||
|
display: grid;
|
||||||
|
> * {
|
||||||
|
max-width: 40rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
> header {
|
||||||
|
grid-row-start: 2;
|
||||||
|
}
|
||||||
|
> aside, > .xarxaprod-espai-image {
|
||||||
|
}
|
||||||
|
> .entry-content {
|
||||||
|
}
|
||||||
|
> footer{
|
||||||
|
max-width: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
> section {
|
> section {
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
|
@ -198,17 +217,17 @@
|
||||||
.archive-posts {
|
.archive-posts {
|
||||||
grid-template-columns: repeat(3 , 1fr);
|
grid-template-columns: repeat(3 , 1fr);
|
||||||
}
|
}
|
||||||
.xarxaprod-faqs-aside {
|
.xarxaprod-faqs-aside {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
.xarxaprod-search-form {
|
.xarxaprod-search-form {
|
||||||
&:hover,&:active,&:focus,&:target {
|
&:hover,&:active,&:focus,&:target {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 80em) {
|
@media screen and (min-width: 80em) {
|
||||||
//only bigger than 80rem
|
//only bigger than 80rem
|
||||||
|
@ -237,4 +256,3 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
89
style.css
89
style.css
|
@ -1479,6 +1479,23 @@ textarea {
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.site-main > article.xarxaprod-convo {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-main > article.xarxaprod-convo > * {
|
||||||
|
max-width: 40rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-main > article.xarxaprod-convo > header {
|
||||||
|
grid-row-start: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-main > article.xarxaprod-convo > footer {
|
||||||
|
max-width: unset;
|
||||||
|
}
|
||||||
|
|
||||||
.site-main > section {
|
.site-main > section {
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
}
|
}
|
||||||
|
@ -1842,8 +1859,8 @@ textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* big lletters block below titles
|
* big lletters block below titles
|
||||||
* */
|
* */
|
||||||
.xarxaprod-intro {
|
.xarxaprod-intro {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
@ -1851,9 +1868,9 @@ textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* blocks columns with line below each block
|
* blocks columns with line below each block
|
||||||
* see Que oferim?
|
* see Que oferim?
|
||||||
* */
|
* */
|
||||||
.ratlla-abaix .wp-block-column,
|
.ratlla-abaix .wp-block-column,
|
||||||
.border-bottom .wp-block-column {
|
.border-bottom .wp-block-column {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -1876,10 +1893,10 @@ textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* download files
|
* download files
|
||||||
* line and icon to show download
|
* line and icon to show download
|
||||||
*
|
*
|
||||||
* * * * * * * */
|
* * * * * * * */
|
||||||
.descarregar-fitxers a,
|
.descarregar-fitxers a,
|
||||||
.descarga-fichero a,
|
.descarga-fichero a,
|
||||||
.download-files a {
|
.download-files a {
|
||||||
|
@ -1998,6 +2015,30 @@ textarea {
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article.xarxaprod-convo > .xarxaprod-convo-info-fields {
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
article.xarxaprod-convo > .entry-footer {
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
article.xarxaprod-convo > .entry-footer .xarxaprod-more-convos-header {
|
||||||
|
padding: 2rem 0;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
article.xarxaprod-convo > .entry-footer .last-convos {
|
||||||
|
padding: 2rem 0;
|
||||||
|
border-top: 0.05em solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
article.xarxaprod-convo > .entry-footer .last-convos > header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.xarxaprod-convo-info-fields,
|
.xarxaprod-convo-info-fields,
|
||||||
.xarxaprod-agenda-info {
|
.xarxaprod-agenda-info {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
@ -2124,6 +2165,21 @@ textarea {
|
||||||
* page-templates/associats-search.php
|
* page-templates/associats-search.php
|
||||||
*
|
*
|
||||||
* */
|
* */
|
||||||
|
.xarxaprod-associat-contact {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xarxaprod-associat-contact h6 {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xarxaprod-associat-contact li {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 2fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* mapas leaflet associats */
|
||||||
.xarxaprod-associats-map,
|
.xarxaprod-associats-map,
|
||||||
.xarxaprod-espais-map {
|
.xarxaprod-espais-map {
|
||||||
aspect-ratio: 4 / 3;
|
aspect-ratio: 4 / 3;
|
||||||
|
@ -2140,20 +2196,6 @@ textarea {
|
||||||
aspect-ratio: 16 / 9;
|
aspect-ratio: 16 / 9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xarxaprod-associat-contact {
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xarxaprod-associat-contact h6 {
|
|
||||||
font-size: 0.9rem;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xarxaprod-associat-contact li {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 2fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* categories:
|
* categories:
|
||||||
*
|
*
|
||||||
|
@ -2526,7 +2568,6 @@ textarea {
|
||||||
.xarxaprod-associat-gallery-images {
|
.xarxaprod-associat-gallery-images {
|
||||||
--this-aspect-ratio: 16 / 9;
|
--this-aspect-ratio: 16 / 9;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 6fr 1fr;
|
|
||||||
grid-gap: 1rem;
|
grid-gap: 1rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -100,8 +100,8 @@
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="xarxaprod-associat-gallery-images">
|
|
||||||
<?php if( have_rows('xxp_associat_gallery_images') ){ ?>
|
<?php if( have_rows('xxp_associat_gallery_images') ){ ?>
|
||||||
|
<section class="xarxaprod-associat-gallery-images">
|
||||||
<nav class="xarxaprod-associat-slides-nav">
|
<nav class="xarxaprod-associat-slides-nav">
|
||||||
<?php while( have_rows('xxp_associat_gallery_images') ): the_row(); ?>
|
<?php while( have_rows('xxp_associat_gallery_images') ): the_row(); ?>
|
||||||
<?php $image=get_sub_field('xxp_associat_image'); ?>
|
<?php $image=get_sub_field('xxp_associat_image'); ?>
|
||||||
|
@ -110,7 +110,6 @@
|
||||||
</a>
|
</a>
|
||||||
<?php endwhile; //end while has rows ?>
|
<?php endwhile; //end while has rows ?>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<ul class="xarxaprod-associat-slides">
|
<ul class="xarxaprod-associat-slides">
|
||||||
<?php while( have_rows('xxp_associat_gallery_images') ): the_row(); ?>
|
<?php while( have_rows('xxp_associat_gallery_images') ): the_row(); ?>
|
||||||
<?php $image=get_sub_field('xxp_associat_image'); ?>
|
<?php $image=get_sub_field('xxp_associat_image'); ?>
|
||||||
|
@ -122,8 +121,9 @@
|
||||||
</li>
|
</li>
|
||||||
<?php endwhile; //end while has rows ?>
|
<?php endwhile; //end while has rows ?>
|
||||||
</ul>
|
</ul>
|
||||||
<?php }; //end if xxp_associat_gallery_images ?>
|
|
||||||
</section>
|
</section>
|
||||||
|
<?php }; //end if xxp_associat_gallery_images ?>
|
||||||
|
|
||||||
<section class="xarxaprod-associat-convos">
|
<section class="xarxaprod-associat-convos">
|
||||||
<?php get_template_part( 'template-parts/section', 'last-convos' ); ?>
|
<?php get_template_part( 'template-parts/section', 'last-convos' ); ?>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -15,6 +15,53 @@
|
||||||
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
|
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
|
||||||
</header><!-- .entry-header -->
|
</header><!-- .entry-header -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<aside cass="xarxaprod-espai-image">
|
||||||
|
<?php
|
||||||
|
if( get_field('xxp_convo_espai_associat') ):
|
||||||
|
// read here howto
|
||||||
|
// https://www.advancedcustomfields.com/resources/relationship/#display-list-of-posts-with-setuppostdata
|
||||||
|
$espai_associat_posts = get_field('xxp_convo_espai_associat');
|
||||||
|
if( $espai_associat_posts ):
|
||||||
|
foreach( $espai_associat_posts as $post ):
|
||||||
|
// Setup this post for WP functions (variable must be named $post).
|
||||||
|
setup_postdata($post); ?>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
// search and output images
|
||||||
|
// check if has post_thumbnail
|
||||||
|
if ( has_post_thumbnail() ){
|
||||||
|
xarxaprod_post_thumbnail('full');
|
||||||
|
} else { ?>
|
||||||
|
<?php if( have_rows('xxp_associat_gallery_images') ){ ?>
|
||||||
|
<section class="xarxaprod-associat-gallery-images">
|
||||||
|
<ul class="xarxaprod-associat-slides">
|
||||||
|
<?php while( have_rows('xxp_associat_gallery_images') ): the_row(); ?>
|
||||||
|
<?php $image=get_sub_field('xxp_associat_image'); ?>
|
||||||
|
<li id="<?php echo acf_esc_html( $image['filename'] );?>" class="xarxaprod-associat-image">
|
||||||
|
<?php //print_r( $image ); //echo the whole array ?>
|
||||||
|
<?php //print_r( $image['ID'] ); // echo one fiels of the array?>
|
||||||
|
<?php echo wp_get_attachment_image( $image['ID'], 'full' ); ?>
|
||||||
|
<p class="caption"><?php //echo acf_esc_html( $image['caption'] );?></p>
|
||||||
|
</li>
|
||||||
|
<?php endwhile; //end while has rows ?>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<?php }; //end if xxp_associat_gallery_images ?>
|
||||||
|
|
||||||
|
<?php };//end has_post_thumbnail ?>
|
||||||
|
|
||||||
|
<?php endforeach;
|
||||||
|
// Reset the global post object so that the rest of the page works correctly.
|
||||||
|
wp_reset_postdata();
|
||||||
|
endif;
|
||||||
|
endif;
|
||||||
|
?>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section class="xarxaprod-convo-info-fields">
|
<section class="xarxaprod-convo-info-fields">
|
||||||
<ul>
|
<ul>
|
||||||
<?php if( get_field('xxp_convo_espai_associat') ):
|
<?php if( get_field('xxp_convo_espai_associat') ):
|
||||||
|
@ -83,7 +130,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="entry-content">
|
<main class="entry-content">
|
||||||
<?php
|
<?php
|
||||||
the_content(
|
the_content(
|
||||||
sprintf(
|
sprintf(
|
||||||
|
@ -106,9 +153,15 @@
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
?>
|
?>
|
||||||
</div><!-- .entry-content -->
|
</main><!-- .entry-content -->
|
||||||
|
|
||||||
|
<section class="">
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer class="entry-footer">
|
||||||
|
<h6 class="xarxaprod-more-convos-header big"> Altres convòcatories</h6>
|
||||||
|
<?php get_template_part( 'template-parts/section', 'last-convos' ); ?>
|
||||||
|
|
||||||
<footer class="entry-footer">
|
|
||||||
<?php xarxaprod_entry_footer(); ?>
|
<?php xarxaprod_entry_footer(); ?>
|
||||||
</footer><!-- .entry-footer -->
|
</footer><!-- .entry-footer -->
|
||||||
</article><!-- #post-<?php the_ID(); ?> -->
|
</article><!-- #post-<?php the_ID(); ?> -->
|
||||||
|
|
Loading…
Reference in New Issue