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,33 +1,35 @@
@charset "utf-8"; @charset "utf-8";
.centertext { @media screen {
.centertext {
text-align: center; text-align: center;
margin-bottom:5px; margin-bottom:5px;
} }
.textblau { .textblau {
color: blue; color: blue;
} }
.petita10{font-size:10px;} .petita10{font-size:10px;}
/* Plugin Styles /* Plugin Styles
--------------------------------------------- */ --------------------------------------------- */
/* --- Contact Form 7 --- */ /* --- Contact Form 7 --- */
#content .wpcf7 { #content .wpcf7 {
padding:20px 0px 20px 0px; padding:20px 0px 20px 0px;
} }
#content #page .wpcf7 p { #content #page .wpcf7 p {
padding:0px 0px 10px 0px; padding:0px 0px 10px 0px;
font-size:13px; font-size:13px;
} }
input.wpcf7-text { input.wpcf7-text {
height:22px; height:22px;
} }
.wpcf7 textarea { .wpcf7 textarea {
font-family:'Droid Sans', arial, sans-serif; font-family:'Droid Sans', arial, sans-serif;
font-size:14px; font-size:14px;
} }
input.wpcf7-submit { input.wpcf7-submit {
margin:0px; margin:0px;
padding:6px 8px 6px 8px; padding:6px 8px 6px 8px;
background:#333333; background:#333333;
@ -36,100 +38,156 @@ input.wpcf7-submit {
font-size:12px; font-size:12px;
color:#fff; color:#fff;
cursor:pointer; cursor:pointer;
} }
.wpcf7-response-output, .wpcf7-not-valid-tip { .wpcf7-response-output, .wpcf7-not-valid-tip {
margin:0px; margin:0px;
font-family:'Droid Serif', Times, serif; font-family:'Droid Serif', Times, serif;
font-size:12px; font-size:12px;
line-height:18px; line-height:18px;
font-style:italic; font-style:italic;
} }
.tag .wp-pagenavi a, .tag .wp-pagenavi span { .tag .wp-pagenavi a, .tag .wp-pagenavi span {
padding: 1px !important; padding: 1px !important;
} }
/* --- jQuery Thickbox --- */ /* --- jQuery Thickbox --- */
#TB_window img#TB_Image { #TB_window img#TB_Image {
border-bottom:none ! important; border-bottom:none ! important;
border-left:none ! important; border-left:none ! important;
border-right: none ! important; border-right: none ! important;
border-top: none ! important; border-top: none ! important;
margin: 15px 0px 0px 15px; margin: 15px 0px 0px 15px;
} }
#TB_caption { #TB_caption {
height: 30px ! important; height: 30px ! important;
padding: 7px 15px 15px 15px ! important; padding: 7px 15px 15px 15px ! important;
} }
#TB_secondLine { #TB_secondLine {
padding: 4px 0px 0px 0px; padding: 4px 0px 0px 0px;
} }
#TB_closeWindow { #TB_closeWindow {
height: 30px ! important; height: 30px ! important;
padding: 11px 15px 10px 0px ! important; padding: 11px 15px 10px 0px ! important;
} }
#TB_window a { #TB_window a {
color: #333333 ! important; color: #333333 ! important;
} }
/* --- Sharif social icons --- */ /* --- Sharif social icons --- */
.shariff-button.info { .shariff-button.info {
display: none; display: none;
} }
/* logo slider */ /* logo slider */
#logoslider { width: 230px; height: 120px; margin-top:5px; } #logoslider { width: 230px; height: 120px; margin-top:5px; }
#logoslider div { width: 235px; height: 120px; text-align: left; overflow: hidden } #logoslider div { width: 235px; height: 120px; text-align: left; overflow: hidden }
#logoslider p { padding-bottom:5px; } #logoslider p { padding-bottom:5px; }
#logoslider2 { width: 230px; height: 100px; margin-top:5px; } #logoslider2 { width: 230px; height: 100px; margin-top:5px; }
#logoslider2 div { width: 235px; height: 100px; text-align: left; overflow: hidden } #logoslider2 div { width: 235px; height: 100px; text-align: left; overflow: hidden }
#logoslider2 p { padding-bottom:5px; } #logoslider2 p { padding-bottom:5px; }
#logoslider3 { width: 230px; height: 100px; margin-top:5px; } #logoslider3 { width: 230px; height: 100px; margin-top:5px; }
#logoslider3 div { width: 235px; height: 100px; text-align: left; overflow: hidden } #logoslider3 div { width: 235px; height: 100px; text-align: left; overflow: hidden }
#logoslider3 p { padding-bottom:5px; } #logoslider3 p { padding-bottom:5px; }
#logoslider3 .banner-image {margin-left:0 !important; max-width:150px;} #logoslider3 .banner-image {margin-left:0 !important; max-width:150px;}
/* logos portada */ /* logos portada */
.banner-image { .banner-image {
margin-left: -7px; margin-left: -7px;
} }
/*styles para tabla de convocatorias para jurado*/ /*styles para tabla de convocatorias para jurado*/
.page-template-page-plain-php #content.unic #pagina { .page-template-page-plain-php #content.unic #pagina {
background-color: transparent; background-color: transparent;
} }
.page-template-page-plain-php .shadow { .page-template-page-plain-php .shadow {
box-shadow: none; box-shadow: none;
} }
li.boxentry.destacat { li.boxentry.destacat {
background-color: yellow; background-color: yellow;
} }
table.cf7-db-table tbody td > div { table.cf7-db-table tbody td > div {
max-height: none; max-height: none;
} }
/* mods for mobile devices on top of the theme. /* mods for mobile devices on top of the theme.
* date: 2020 04 14 * date: 2020 04 14
* by: jorge vitrubio.net * by: jorge vitrubio.net
* * * */ * * * */
.hide{display: none;} .hide{display: none;}
.toogle-sidebar-segona .show-mobile, .toogle-sidebar-segona .show-mobile,
.toogle-sidebar-segona .hide-not-mobile{ .toogle-sidebar-segona .hide-not-mobile{
display:none; display:none;
} }
@media screen and (max-width: 768px) { .indexall.wide{
/* begin of top-head*/ 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{ #top-head{
min-height: 6rem; min-height: 6rem;
height:auto; height:auto;
@ -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,15 +271,20 @@ 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 {
width: 80vw;
float: none;
} }
#breadcrumb{ .boxentry {
max-width: 14rem;
}
:not(li).boxentry {
height: 360px;
padding-bottom:15px;
/* width: 100%;
padding-bottom:4rem; */
}
#breadcrumb {
overflow:unset; overflow:unset;
width:90vw; width:90vw;
margin-top:1rem; margin-top:1rem;
@ -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) { /* WIDGET HOME HERO
.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 { 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;
} }
} }

View File

@ -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; }