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