554 lines
12 KiB
CSS
554 lines
12 KiB
CSS
@charset "utf-8";
|
|
|
|
@media screen {
|
|
|
|
.centertext {
|
|
text-align: center;
|
|
margin-bottom:5px;
|
|
}
|
|
.textblau {
|
|
color: blue;
|
|
}
|
|
|
|
.petita10{font-size:10px;}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* pagenavi */
|
|
.wp-pagenavi {
|
|
display: block;
|
|
}
|
|
.tag .wp-pagenavi a, .tag .wp-pagenavi span {
|
|
padding: 1px !important;
|
|
}
|
|
|
|
/* --- 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;
|
|
}
|
|
|
|
/* --- Post From Category PFC
|
|
Post From Tag PFT --- */
|
|
|
|
/* reset style*/
|
|
.hangar-extra-content .pfc-posts-main,
|
|
.hangar-extra-content .pft-posts-main{
|
|
margin-bottom: 10px;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .pfc-post,
|
|
.hangar-extra-content .pft-posts-main .pft-post {
|
|
float: none;
|
|
display: inline-block;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
vertical-align: top;
|
|
margin-left: -3px;
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .pfc-post .news-text-wrap,
|
|
.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap {
|
|
padding-top: 15px;
|
|
width:calc(100% - 30px);
|
|
}
|
|
.hangar-extra-content .pct-posts-main .pct-post .news-text-wrap h2,
|
|
.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap h2 {
|
|
margin-bottom: 5px;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
letter-spacing: normal;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .pfc-post,
|
|
.hangar-extra-content .pft-posts-main .pft-post {
|
|
margin-left: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
width: 100%;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .pfc-post .news-text-wrap p,
|
|
.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap p{
|
|
margin-bottom: 0px;
|
|
margin-top: 5px;
|
|
font-size: 11.5px;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .news-text-wrap .posted-date,
|
|
.hangar-extra-content .pft-posts-main .news-text-wrap .posted-date {
|
|
display: none;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .news-text-wrap .read-more,
|
|
.hangar-extra-content .pft-posts-main .news-text-wrap .read-more {
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin-bottom: 0px;
|
|
margin-top: 5px;
|
|
font-size: 0;
|
|
line-height: 1rem;
|
|
padding-bottom: 0;
|
|
min-height: 1rem;
|
|
bottom: 0;
|
|
}
|
|
.read-more:hover,
|
|
.hangar-extra-content .pfc-posts-main .news-text-wrap .read-more:hover,
|
|
.hangar-extra-content .pft-posts-main .news-text-wrap .read-more:hover {
|
|
text-decoration: none;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .pfc-post:last-child ,
|
|
.hangar-extra-content .pft-posts-main .pft-post:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .news-thumb a img,
|
|
.hangar-extra-content .pft-posts-main .news-thumb a img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
/* layout one css starts */
|
|
.hangar-extra-content .pfc-posts-main .pfc-post.layout-one .news-thumb,
|
|
.hangar-extra-content .pft-posts-main .pft-post.layout-one .news-thumb {
|
|
float: none;
|
|
width: auto;
|
|
position: absolute;
|
|
padding-right: 15px;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .layout-one .news-text-wrap,
|
|
.hangar-extra-content .pft-posts-main .layout-one .news-text-wrap {
|
|
float: none;
|
|
padding-left: 0;
|
|
min-height: 80px;
|
|
height: calc(100% - 1rem);
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .news-text-wrap h2 a,
|
|
.hangar-extra-content .pft-posts-main .news-text-wrap h2 a {
|
|
font-size: 14px;
|
|
line-height: 15px;
|
|
padding: 0;
|
|
color: #0000FF;
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .layout-one .news-text-wrap.info-without-space,
|
|
.hangar-extra-content .pft-posts-main .layout-one .news-text-wrap.info-without-space{
|
|
padding-left: 0px;
|
|
}
|
|
/* layout two css starts */
|
|
.hangar-extra-content .pfc-posts-main .pfc-post.layout-two .news-thumb,
|
|
.hangar-extra-content .pft-posts-main .pft-post.layout-two .news-thumb {
|
|
width: 100%;
|
|
max-width: 200px;
|
|
}
|
|
/* end reset pfc */
|
|
|
|
.hangar-extra-content .pft-posts-main,.hangar-extra-content .pct-posts-main{
|
|
display: inline;
|
|
margin: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.hangar-extra-content .pft-posts-main .pft-post,.hangar-extra-content .pfc-posts-main .pfc-post {
|
|
line-height:15px;
|
|
height:360px;
|
|
min-width: 200px;
|
|
width: 200px;
|
|
margin-bottom:16px;
|
|
padding: 15px;
|
|
float:left;
|
|
background-color: #FFF;
|
|
margin-right: 15px;
|
|
-moz-box-shadow: 3px 3px 4px #91939a;
|
|
-webkit-box-shadow: 3px 3px 4px #91939a;
|
|
box-shadow: 3px 3px 4px #91939a;
|
|
position: relative;
|
|
}
|
|
.news-thumb {
|
|
position: absolute;
|
|
top: 5.6rem;
|
|
max-height: 150px;
|
|
overflow: hidden;
|
|
}
|
|
.news-text-wrap {
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
.news-text-wrap h2 a {
|
|
color: #0000FF !important;
|
|
/* text-transform: uppercase; */
|
|
line-height: 0.8rem;
|
|
}
|
|
.news-text-wrap .posted-date {
|
|
position: absolute;
|
|
top: 4rem;
|
|
font-size: 0.6rem;
|
|
}
|
|
.news-text-wrap p {
|
|
position: absolute;
|
|
top: 15rem;
|
|
|
|
}
|
|
.news-text-wrap .read-more {
|
|
position: absolute;
|
|
bottom: 2rem;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .read-more,.hangar-extra-content .pft-posts-main .read-more {
|
|
font-size: 0px;
|
|
min-width: 1rem;
|
|
min-height: 1rem;
|
|
}
|
|
.hangar-extra-content .pfc-posts-main .read-more:before,.hangar-extra-content .pft-posts-main .read-more:before {
|
|
/* content: "[...]"; */
|
|
content: url('https://test.hangar.org/wp-content/themes/hangar-wp-theme/images/fletxalink.png');
|
|
display: inline-block;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 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; }
|
|
|
|
|
|
#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 {
|
|
}
|
|
.indexall.wide{
|
|
display: flex;
|
|
width: 100%;
|
|
margin-right: 35px;
|
|
}
|
|
.indexall.wide .boxentry h2.index {
|
|
/* same style as #content.unic h2, #content.resultats h2 */
|
|
color: #0043f6;
|
|
text-transform: unset;
|
|
font-weight: normal;
|
|
font-size: 20px;
|
|
line-height: 20px;
|
|
margin-bottom: 20px;
|
|
padding:0;
|
|
}
|
|
.indexall.fills{
|
|
display: flex;
|
|
}
|
|
|
|
/* 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;
|
|
height:auto;
|
|
margin-bottom:2rem;
|
|
max-width: 100vw;
|
|
min-width: 0;
|
|
width: 100vw;
|
|
}
|
|
#wrap_topheader.amplegrann {
|
|
display: inline-block;
|
|
}
|
|
|
|
ul.diversos.alignleft {
|
|
float: none;
|
|
}
|
|
ul.diversos li {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.languages.alignleft {
|
|
display: block;
|
|
float: none;
|
|
}
|
|
|
|
#cercar {
|
|
float: none;
|
|
margin-right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.search-input {
|
|
width: calc(100% - 75px);
|
|
}
|
|
/* end of top-head*/
|
|
#sidebar-primary {
|
|
float: none;
|
|
}
|
|
|
|
/* begin of menu-hidden */
|
|
.toogle-sidebar-segona .show-mobile{
|
|
display:inherit;
|
|
}
|
|
.toogle,
|
|
.toogled-menu {
|
|
display: none;
|
|
}
|
|
.toogle:checked+.toogled-menu{
|
|
display: block;
|
|
margin-top: 4px;
|
|
position: relative;
|
|
}
|
|
.toogle-show {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 1.8em;
|
|
height: 1em;
|
|
margin-right: 0.3em;
|
|
border-top: 0.3em solid #000;
|
|
border-bottom: 0.3em solid #000;
|
|
}
|
|
.toogle-show:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0.3em;
|
|
left: 0px;
|
|
width: 100%;
|
|
border-top: 0.3em solid #000;
|
|
}
|
|
.toogle-hide::after{
|
|
content: 'x';
|
|
display: block;
|
|
top: -1rem;
|
|
left: 0rem;
|
|
height: 1.1rem;
|
|
width: 1.1rem;
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
background-color: white;
|
|
color: black;
|
|
padding: 0.2rem;
|
|
margin-top: -1.4rem;
|
|
}
|
|
/* end of menu hidden*/
|
|
.indexall.wide .boxentry {
|
|
max-width: 444px;
|
|
width: 100%;
|
|
min-height: 360px;
|
|
height: auto; /*for long text content*/
|
|
}
|
|
.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;
|
|
}
|
|
#breadcrumb ul li {
|
|
font-size:0.7rem;
|
|
}
|
|
#content.unic #pagina, #content.unic .post, #content.resultats #pagina {
|
|
width: 80vw;
|
|
min-height: auto;
|
|
}
|
|
.boxpeu{
|
|
width:100%;
|
|
position:relative;
|
|
}
|
|
.page-template-seccions-php #main, .category #main {
|
|
margin-left:auto;
|
|
}
|
|
#footer {
|
|
height: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* WIDGET HOME HERO
|
|
------------------------------------------*/
|
|
aside.hero .widget-container {
|
|
width: 90vw;
|
|
height: 60vw;
|
|
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;
|
|
}
|
|
aside.hero .widget-container p {
|
|
width: auto;
|
|
margin: 1rem;
|
|
}
|
|
}
|
|
@media screen and (min-width: 754px) {
|
|
.indexall.wide {
|
|
width: auto;
|
|
width: 30.6rem;
|
|
}
|
|
.indexall.wide .boxentry {
|
|
width: 100%;
|
|
height: auto;
|
|
line-height: inherit;
|
|
}
|
|
.indexall.wide .contentcurt {
|
|
/* column-count: 2; */
|
|
}
|
|
}
|
|
@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;
|
|
}
|
|
}
|