width from seccion ample

This commit is contained in:
jorge 2022-07-11 15:55:19 +02:00
parent e76d5ce0fe
commit c181c24b13
2 changed files with 214 additions and 212 deletions

View File

@ -1,5 +1,7 @@
@charset "utf-8";
@media screen {
.centertext {
text-align: center;
margin-bottom:5px;
@ -128,7 +130,63 @@ table.cf7-db-table tbody td > div {
display:none;
}
@media screen and (max-width: 768px) {
.indexall.wide{
width: 100%;
display: flex;
margin-right: 35px;
}
/* WIDGET HOME HERO
------------------------------------------*/
aside.hero {
display: flex;
width: auto;
}
aside.hero .widget-container {
position: relative;
min-width: 100%;
height: 40vw;
margin-bottom: 2rem;
overflow: hidden;
}
aside.hero .widget-container .widget-title {
position: absolute;
z-index: 100;
width: 75%;
margin: 3rem 1rem;
padding: 1rem;
font-size: 3rem;
font-weight: bold;
line-height: 1.5rem;
color: blue;
}
aside.hero .widget-container img {
position: absolute;
z-index: 99;
top: -20%;
width: 100%;
height: auto;
}
aside.hero .widget-container p {
position: absolute;
z-index: 101;
bottom: 0;
width: 70%;
margin: 2rem 1rem;
padding: 1rem;
color: rgb(90,90,90);
background: rgba(250,250,250,0.8);
}
}
@media screen and (max-width: 510px){
.indexall.wide .boxentry {
/* max-width: 200px; */
}
}
@media screen and (max-width: 754px) {
/* only mobile */
/* begin of top-head*/
#top-head{
min-height: 6rem;
@ -178,8 +236,8 @@ table.cf7-db-table tbody td > div {
}
.toogle:checked+.toogled-menu{
display: block;
/* margin-top:0;
position: relative; */
margin-top: 4px;
/*position: relative; */
}
.toogle-show {
position: relative;
@ -213,13 +271,18 @@ table.cf7-db-table tbody td > div {
margin-top: -1.4rem;
}
/* end of menu hidden*/
/*
* styles to fit elements into mobile
* * */
#content {
width: 80vw;
float: none;
.indexall.wide .boxentry {
max-width: 444px;
width: 100%;
}
.boxentry {
max-width: 14rem;
}
:not(li).boxentry {
height: 360px;
padding-bottom:15px;
/* width: 100%;
padding-bottom:4rem; */
}
#breadcrumb {
overflow:unset;
@ -233,14 +296,6 @@ table.cf7-db-table tbody td > div {
width: 80vw;
min-height: auto;
}
.boxentry {
width: 100%;
}
:not(li).boxentry {
width: 100%;
height: auto;
padding-bottom:4rem;
}
.boxpeu{
width:100%;
position:relative;
@ -252,66 +307,9 @@ table.cf7-db-table tbody td > div {
height: 100%;
display: inline-block;
}
}
@media screen and (min-width: 426px) and (max-width: 768px) {
.boxentry {
max-width: 14rem;
}
:not(li).boxentry {
height: 360px;
padding-bottom:15px;
}
}
/* mods 2022 01 31st */
/* WIDGET HOME HERO
------------------------------------------*/
@media screen {
aside.hero {
display: flex;
width: auto;
}
aside.hero .widget-container {
position: relative;
min-width: 100%;
height: 40vw;
margin-bottom: 2rem;
overflow: hidden;
}
aside.hero .widget-container .widget-title {
position: absolute;
z-index: 100;
width: 75%;
margin: 3rem 1rem;
padding: 1rem;
font-size: 3rem;
font-weight: bold;
line-height: 1.5rem;
color: blue;
}
aside.hero .widget-container img {
position: absolute;
z-index: 99;
top: -20%;
width: 100%;
height: auto;
}
aside.hero .widget-container p {
position: absolute;
z-index: 101;
bottom: 0;
width: 70%;
margin: 2rem 1rem;
padding: 1rem;
color: rgb(90,90,90);
background: rgba(250,250,250,0.8);
}
}
@media screen and (max-width: 768px) {
aside.hero .widget-container {
width: 90vw;
height: 60vw;
@ -330,14 +328,25 @@ table.cf7-db-table tbody td > div {
margin: 1rem;
}
}
@media screen and (min-width: 754px) {
.indexall.wide{
width: auto;
}
.indexall.wide .boxentry {
width: 100%;
}
}
@media screen and (min-width: 1920px) {
/* WIDGET HOME HERO
------------------------------------------*/
aside.hero .widget-container {
max-height: 50vh;
}
}
@media screen and (min-width: 3840px) {
/* WIDGET HOME HERO
------------------------------------------*/
aside.hero .widget-container {
max-height: 25vh;
}
}

View File

@ -199,10 +199,10 @@ li.news a:hover{background: transparent url('images/newshover.png') no-repeat 0
float:left;
font-size: 12px;
}*/
.indexall.wide {
/*.indexall.wide {
width: calc(100vw - 350px);
overflow: hidden;
}
}*/
#content.unic, #content.mix, #content.resultats {
width:480px;
@ -773,13 +773,6 @@ img.topspimg {margin-top: 28px!important;}
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');}
.indexall.wide .boxentry {
width: calc(100% - 85px);
}
.ie {
}
.hentry
.head-entry {height:65px; font-size:14px;line-height: 15px; margin-bottom:8px; padding: 0; color: #0000FF; display: block; }