width from seccion ample
This commit is contained in:
parent
e76d5ce0fe
commit
c181c24b13
|
@ -1,5 +1,7 @@
|
||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
|
|
||||||
|
@media screen {
|
||||||
|
|
||||||
.centertext {
|
.centertext {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom:5px;
|
margin-bottom:5px;
|
||||||
|
@ -128,7 +130,63 @@ table.cf7-db-table tbody td > div {
|
||||||
display:none;
|
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*/
|
/* begin of top-head*/
|
||||||
#top-head{
|
#top-head{
|
||||||
min-height: 6rem;
|
min-height: 6rem;
|
||||||
|
@ -178,8 +236,8 @@ table.cf7-db-table tbody td > div {
|
||||||
}
|
}
|
||||||
.toogle:checked+.toogled-menu{
|
.toogle:checked+.toogled-menu{
|
||||||
display: block;
|
display: block;
|
||||||
/* margin-top:0;
|
margin-top: 4px;
|
||||||
position: relative; */
|
/*position: relative; */
|
||||||
}
|
}
|
||||||
.toogle-show {
|
.toogle-show {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -213,13 +271,18 @@ table.cf7-db-table tbody td > div {
|
||||||
margin-top: -1.4rem;
|
margin-top: -1.4rem;
|
||||||
}
|
}
|
||||||
/* end of menu hidden*/
|
/* end of menu hidden*/
|
||||||
|
.indexall.wide .boxentry {
|
||||||
/*
|
max-width: 444px;
|
||||||
* styles to fit elements into mobile
|
width: 100%;
|
||||||
* * */
|
}
|
||||||
#content {
|
.boxentry {
|
||||||
width: 80vw;
|
max-width: 14rem;
|
||||||
float: none;
|
}
|
||||||
|
:not(li).boxentry {
|
||||||
|
height: 360px;
|
||||||
|
padding-bottom:15px;
|
||||||
|
/* width: 100%;
|
||||||
|
padding-bottom:4rem; */
|
||||||
}
|
}
|
||||||
#breadcrumb {
|
#breadcrumb {
|
||||||
overflow:unset;
|
overflow:unset;
|
||||||
|
@ -233,14 +296,6 @@ table.cf7-db-table tbody td > div {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
min-height: auto;
|
min-height: auto;
|
||||||
}
|
}
|
||||||
.boxentry {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
:not(li).boxentry {
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
padding-bottom:4rem;
|
|
||||||
}
|
|
||||||
.boxpeu{
|
.boxpeu{
|
||||||
width:100%;
|
width:100%;
|
||||||
position:relative;
|
position:relative;
|
||||||
|
@ -252,66 +307,9 @@ table.cf7-db-table tbody td > div {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: inline-block;
|
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
|
/* 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 {
|
aside.hero .widget-container {
|
||||||
width: 90vw;
|
width: 90vw;
|
||||||
height: 60vw;
|
height: 60vw;
|
||||||
|
@ -330,14 +328,25 @@ table.cf7-db-table tbody td > div {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media screen and (min-width: 754px) {
|
||||||
|
.indexall.wide{
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.indexall.wide .boxentry {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media screen and (min-width: 1920px) {
|
@media screen and (min-width: 1920px) {
|
||||||
|
/* WIDGET HOME HERO
|
||||||
|
------------------------------------------*/
|
||||||
aside.hero .widget-container {
|
aside.hero .widget-container {
|
||||||
max-height: 50vh;
|
max-height: 50vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 3840px) {
|
@media screen and (min-width: 3840px) {
|
||||||
|
/* WIDGET HOME HERO
|
||||||
|
------------------------------------------*/
|
||||||
aside.hero .widget-container {
|
aside.hero .widget-container {
|
||||||
max-height: 25vh;
|
max-height: 25vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
11
style.css
11
style.css
|
@ -199,10 +199,10 @@ li.news a:hover{background: transparent url('images/newshover.png') no-repeat 0
|
||||||
float:left;
|
float:left;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}*/
|
}*/
|
||||||
.indexall.wide {
|
/*.indexall.wide {
|
||||||
width: calc(100vw - 350px);
|
width: calc(100vw - 350px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
#content.unic, #content.mix, #content.resultats {
|
#content.unic, #content.mix, #content.resultats {
|
||||||
width:480px;
|
width:480px;
|
||||||
|
@ -773,13 +773,6 @@ img.topspimg {margin-top: 28px!important;}
|
||||||
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');}
|
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');}
|
||||||
|
|
||||||
|
|
||||||
.indexall.wide .boxentry {
|
|
||||||
width: calc(100% - 85px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ie {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.hentry
|
.hentry
|
||||||
.head-entry {height:65px; font-size:14px;line-height: 15px; margin-bottom:8px; padding: 0; color: #0000FF; display: block; }
|
.head-entry {height:65px; font-size:14px;line-height: 15px; margin-bottom:8px; padding: 0; color: #0000FF; display: block; }
|
||||||
|
|
Loading…
Reference in New Issue