hangar-wp-theme/css/styleHangar.css

380 lines
7.1 KiB
CSS
Raw Normal View History

2021-02-18 14:09:56 +01:00
@charset "utf-8";
2022-07-11 15:55:19 +02:00
@media screen {
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
.centertext {
text-align: center;
margin-bottom:5px;
}
.textblau {
color: blue;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
.petita10{font-size:10px;}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/* 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;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
.tag .wp-pagenavi a, .tag .wp-pagenavi span {
padding: 1px !important;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/* --- 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;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/* --- Sharif social icons --- */
.shariff-button.info {
display: none;
}
2021-02-18 14:09:56 +01:00
/* --- Post From Category PFC
Post From Tag PFT --- */
.pfc-posts-main .read-more , .pft-posts-main .read-more {
font-size: 0px;
min-width: 1rem;
min-height: 1rem;
}
.pfc-posts-main .read-more:after,.pft-posts-main .read-more:after {
content: "[...]";
display: inline-block;
font-size: 0.8rem;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/* 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; }
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
#logoslider2 { width: 230px; height: 100px; margin-top:5px; }
#logoslider2 div { width: 235px; height: 100px; text-align: left; overflow: hidden }
#logoslider2 p { padding-bottom:5px; }
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
#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;}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/* logos portada */
.banner-image {
margin-left: -7px;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/*styles para tabla de convocatorias para jurado*/
.page-template-page-plain-php #content.unic #pagina {
background-color: transparent;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
.page-template-page-plain-php .shadow {
box-shadow: none;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
li.boxentry.destacat {
background-color: yellow;
}
table.cf7-db-table tbody td > div {
max-height: none;
}
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/* mods for mobile devices on top of the theme.
* date: 2020 04 14
* by: jorge vitrubio.net
* * * */
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
.hide{display: none;}
.toogle-sidebar-segona .show-mobile,
.toogle-sidebar-segona .hide-not-mobile{
display:none;
}
.indexall {
display: flex;
}
2022-07-11 15:55:19 +02:00
.indexall.wide{
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;
}
2022-07-11 15:55:19 +02:00
/* 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; */
}
2021-02-18 14:09:56 +01:00
}
2022-07-11 15:55:19 +02:00
@media screen and (max-width: 754px) {
/* only mobile */
2021-02-18 14:09:56 +01:00
2022-07-11 15:55:19 +02:00
/* begin of top-head*/
2021-02-18 14:09:56 +01:00
#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;
2022-07-11 15:55:19 +02:00
margin-top: 4px;
/*position: relative; */
2021-02-18 14:09:56 +01:00
}
.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*/
2022-07-11 15:55:19 +02:00
.indexall.wide .boxentry {
max-width: 444px;
width: 100%;
}
.boxentry {
max-width: 14rem;
2021-02-18 14:09:56 +01:00
}
2022-07-11 15:55:19 +02:00
:not(li).boxentry {
height: 360px;
padding-bottom:15px;
/* width: 100%;
padding-bottom:4rem; */
}
#breadcrumb {
2021-02-18 14:09:56 +01:00
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;
}
2022-07-11 15:55:19 +02:00
/* WIDGET HOME HERO
------------------------------------------*/
aside.hero .widget-container {
2022-02-01 09:38:51 +01:00
width: 90vw;
height: 60vw;
2022-07-11 15:55:19 +02:00
margin-top: 2rem;
}
2022-02-01 09:38:51 +01:00
aside.hero .widget-container .widget-title {
font-size: 1.5rem;
line-height: 1.3rem;
2022-02-01 18:08:01 +01:00
margin: 1rem;
}
aside.hero .widget-container img {
2022-07-11 15:55:19 +02:00
top: 0;
2022-02-01 18:08:01 +01:00
}
aside.hero .widget-container p {
2022-02-01 18:10:40 +01:00
width: auto;
2022-02-01 18:09:48 +01:00
margin: 1rem;
2022-02-01 09:38:51 +01:00
}
}
2022-07-11 15:55:19 +02:00
@media screen and (min-width: 754px) {
.indexall.wide {
2022-07-11 15:55:19 +02:00
width: auto;
}
.indexall.wide .boxentry {
width: 100%;
}
.indexall.wide .contentcurt {
column-count: 2;
}
2022-07-11 15:55:19 +02:00
}
@media screen and (min-width: 1920px) {
2022-07-11 15:55:19 +02:00
/* WIDGET HOME HERO
------------------------------------------*/
aside.hero .widget-container {
max-height: 50vh;
}
}
@media screen and (min-width: 3840px) {
2022-07-11 15:55:19 +02:00
/* WIDGET HOME HERO
------------------------------------------*/
aside.hero .widget-container {
max-height: 25vh;
}
}