STYLE imágenes
This commit is contained in:
@ -29,10 +29,6 @@ DEALLOCATE PREPARE stmt;
|
|||||||
```
|
```
|
||||||
Ir al wordpress > herramientas > importar desde Joomla y ejecutar
|
Ir al wordpress > herramientas > importar desde Joomla y ejecutar
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
==========================
|
==========================
|
||||||
==========================
|
==========================
|
||||||
NOTAS MIGRACIÓN
|
NOTAS MIGRACIÓN
|
||||||
|
|||||||
19
style.css
19
style.css
@ -88,6 +88,12 @@ button[type="reset"] {
|
|||||||
box-shadow: 0 2px 4px rgba(255, 0, 0, 0.25);
|
box-shadow: 0 2px 4px rgba(255, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* reducir tamaño botones */
|
||||||
|
.btn-xs {
|
||||||
|
padding: 0.60rem 0.9rem;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
/* Quitar el focus/active de todos los elementos del menú */
|
/* Quitar el focus/active de todos los elementos del menú */
|
||||||
.nav-link:focus,
|
.nav-link:focus,
|
||||||
.nav-link:active,
|
.nav-link:active,
|
||||||
@ -267,7 +273,7 @@ button[type="reset"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* PORTADA -> SECTION CAMPAÑA */
|
/* PORTADA -> SECTION CAMPAÑA */
|
||||||
.card-img-fixed {
|
.section-campana-conflictos .card-img-fixed {
|
||||||
min-height: 300px;
|
min-height: 300px;
|
||||||
max-height: 300px;
|
max-height: 300px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
@ -279,8 +285,11 @@ button[type="reset"] {
|
|||||||
.section-noticias .posts-noticias .img-noticias,
|
.section-noticias .posts-noticias .img-noticias,
|
||||||
.section-industria .posts-noticias .img-noticias,
|
.section-industria .posts-noticias .img-noticias,
|
||||||
.section-servicios .posts-noticias .img-noticias {
|
.section-servicios .posts-noticias .img-noticias {
|
||||||
min-height: 300px;
|
|
||||||
max-height: 300px;
|
max-height: 300px;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posts-noticias .card-title-text:hover {
|
.posts-noticias .card-title-text:hover {
|
||||||
@ -477,7 +486,9 @@ button[type="reset"] {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Texto sección tease.twig */
|
/**
|
||||||
|
* Texto sección tease.twig
|
||||||
|
*/
|
||||||
.link-underline-animate {
|
.link-underline-animate {
|
||||||
position: relative;
|
position: relative;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -504,7 +515,7 @@ button[type="reset"] {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* search page */
|
/* SEARCH PAGE */
|
||||||
.offcanvas-body {
|
.offcanvas-body {
|
||||||
height: 18vh!important; /* altura del 18% del viewport */
|
height: 18vh!important; /* altura del 18% del viewport */
|
||||||
}
|
}
|
||||||
|
|||||||
@ -25,6 +25,7 @@
|
|||||||
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
|
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
|
||||||
<h5 class="card-title-text">{{ noticias.title }}</h5>
|
<h5 class="card-title-text">{{ noticias.title }}</h5>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<p class="card-text"> {{
|
<p class="card-text"> {{
|
||||||
noticias.excerpt({
|
noticias.excerpt({
|
||||||
words: 50,
|
words: 50,
|
||||||
|
|||||||
@ -14,10 +14,10 @@
|
|||||||
<h6 class="card-title mb-1">{{ doc.title }}</h6>
|
<h6 class="card-title mb-1">{{ doc.title }}</h6>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-0">
|
<div class="row g-0">
|
||||||
<div class="col-2">
|
<div class="col-1">
|
||||||
{% if doc.thumbnail %}
|
{% if doc.thumbnail %}
|
||||||
<img src="{{ doc.thumbnail }}"
|
<img src="{{ doc.thumbnail }}"
|
||||||
class="img-fluid object-fit-cover"
|
class="img-fluid fit-object"
|
||||||
alt="{{ doc.title }}"
|
alt="{{ doc.title }}"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
@ -27,7 +27,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="col-10">
|
<div class="col-11">
|
||||||
<div class="card-body d-flex flex-column justify-content-between h-100 py-2">
|
<div class="card-body d-flex flex-column justify-content-between h-100 py-2">
|
||||||
<div>
|
<div>
|
||||||
{% if doc.content %}
|
{% if doc.content %}
|
||||||
@ -38,14 +38,14 @@
|
|||||||
<div>
|
<div>
|
||||||
{% if doc.documento_url %}
|
{% if doc.documento_url %}
|
||||||
<a href="{{ doc.documento_url }}"
|
<a href="{{ doc.documento_url }}"
|
||||||
class="btn btn-sm me-2 btn-primary-cnt"
|
class="btn me-2 btn-primary-cnt btn-xs"
|
||||||
target="_blank">
|
target="_blank">
|
||||||
<i class="bi bi-eye-fill"></i>
|
<i class="bi bi-eye-fill"></i>
|
||||||
{{ __('Ver documento', 'Sindikatua') }}
|
{{ __('Ver documento', 'Sindikatua') }}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="{{ doc.documento_url }}" download
|
<a href="{{ doc.documento_url }}" download
|
||||||
class="btn btn-sm me-2 btn-primary-cnt" >
|
class="btn me-2 btn-primary-cnt btn-xs" >
|
||||||
<i class="bi bi-cloud-download-fill"></i>
|
<i class="bi bi-cloud-download-fill"></i>
|
||||||
{{ __('Descargar', 'Sindikatua') }}
|
{{ __('Descargar', 'Sindikatua') }}
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@ -12,13 +12,11 @@
|
|||||||
|
|
||||||
<div class="card my-3 position-relative posts-noticias">
|
<div class="card my-3 position-relative posts-noticias">
|
||||||
<div class="row g-0">
|
<div class="row g-0">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4 ">
|
||||||
<a href="{{ noticias.link }}" title="{{ noticias.title }}">
|
<a href="{{ noticias.link }}" title="{{ noticias.title }}">
|
||||||
<img src="{{ imagen }}"
|
<img src="{{ imagen }}" alt="{{ alt }}"
|
||||||
class="rounded-start object-fit-cover w-100 h-100 img-noticias"
|
class="rounded-start object-fit-cover w-100 h-100 img-noticias"
|
||||||
alt="{{ alt }}"
|
/>
|
||||||
style="min-height: 200px; max-height: 300px;"
|
|
||||||
/>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
@ -35,7 +33,7 @@
|
|||||||
<p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p>
|
<p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p>
|
||||||
<a href="{{ noticias.link }}"
|
<a href="{{ noticias.link }}"
|
||||||
class="btn position-absolute btn-secondary-cnt"
|
class="btn position-absolute btn-secondary-cnt"
|
||||||
style="position: absolute; bottom: 15px; right: 15px; z-index: 10;"
|
style="bottom: 15px; right: 15px; z-index: 10;"
|
||||||
>
|
>
|
||||||
{{ __('Sigue leyendo', 'Sindikatua') }}...
|
{{ __('Sigue leyendo', 'Sindikatua') }}...
|
||||||
|
|
||||||
|
|||||||
@ -72,10 +72,10 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
{# Sección Campañas / conflictos #}
|
{# Sección Campañas / conflictos #}
|
||||||
<section class="recent-posts py-4">
|
<section class="recent-posts py-4 section-campana-conflictos">
|
||||||
<div class="row align-items-stretch">
|
<div class="row align-items-stretch">
|
||||||
|
|
||||||
{# Campañas #}
|
{# Campañas #}
|
||||||
<div class="col-12 col-sm-12 col-md-6">
|
<div class="col-12 col-sm-12 col-md-6">
|
||||||
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h1>
|
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h1>
|
||||||
|
|
||||||
@ -97,7 +97,7 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{# conflictos #}
|
{# conflictos #}
|
||||||
<div class="col-12 col-sm-12 col-md-6 mt-5 mt-md-0">
|
<div class="col-12 col-sm-12 col-md-6 mt-5 mt-md-0">
|
||||||
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h1>
|
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h1>
|
||||||
|
|
||||||
|
|||||||
@ -16,9 +16,8 @@
|
|||||||
<div class="row g-0">
|
<div class="row g-0">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}"></a> #}
|
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}"></a> #}
|
||||||
<img src="{{ imagen }}"
|
<img src="{{ imagen }}" alt="{{ alt }}"
|
||||||
class="object-fit w-100 h-100 img-noticias"
|
class="rounded-start object-fit-cover w-100 img-noticias"
|
||||||
alt="{{ alt }}"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -27,14 +26,6 @@
|
|||||||
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"></a> #}
|
{# <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"></a> #}
|
||||||
<h5 class="card-title-text">{{ noticias.title }}</h5>
|
<h5 class="card-title-text">{{ noticias.title }}</h5>
|
||||||
<p class="card-text"> {{noticias.content}}</p>
|
<p class="card-text"> {{noticias.content}}</p>
|
||||||
{# <p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p> #}
|
|
||||||
{# <a href="{{ noticias.link }}"
|
|
||||||
class="btn position-absolute btn-secondary-cnt"
|
|
||||||
style="position: absolute; bottom: 15px; right: 15px; z-index: 10;"
|
|
||||||
>
|
|
||||||
{{ __('Sigue leyendo', 'Sindikatua') }}...
|
|
||||||
|
|
||||||
</a> #}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user