Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, bool given in /mnt/datastoreNFS/ProgramesFront/html/sp4/css/estilsResum.php on line 12
Warning: mysqli_num_rows() expects parameter 1 to be mysqli_result, bool given in /mnt/datastoreNFS/ProgramesFront/html/sp4/css/estilsResum.php on line 14
/*ESTILS CAPÇALERA I NOVA WEB*/
/* defineixo la font normal*/
@font-face {
/* Name of the font */
font-family: "Montserrat";
/* This is for all other browsers */
src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
}
/* defineixo la font negreta amb el mateix nom*/
@font-face {
/* Name of the font */
font-family: "Montserrat";
src: url("/fonts/Montserrat-SemiBold.ttf") format("truetype");
font-weight: bold;
}
/* defineixo la font italic amb el mateix nom*/
@font-face {
/* Name of the font */
font-family: "Montserrat";
src: url("/fonts/Montserrat-Italic.ttf") format("truetype");
font-style: italic;
}
html, body{
margin:0;
padding:0;
font-size:100%;
font-family: "Montserrat";
}
#pagewidth{ } /*per si volem un ample maxim*/
#header{
position:relative;
height:250px;
width:100%;
display:block;
}
#wrapper{
margin-top:10px;
}
#leftcol{
width:19%;
float:left;
position:relative;
}
#maincol{
position: relative;
width:78%;
float:right;
margin-right:1%;
}
#maincolButlleti{
position: relative;
width:100%;
float:right;
margin-right:1%;
}
#footer{
height:50px;
clear:both;
display:block;
}
#diaris{
height:150px;
text-align:center;
position:relative;
width:100%;
}
#calendari{
height:70px;
position:relative;
}
#loading{
text-align:center;
}
.leftrow{
padding-top:15px;
padding-bottom:15px;
border-bottom: #c5c7c6 2px solid;
position:relative;
width:90%;
left:5%;
}
.tema_obert{
margin-bottom:15px;
padding-bottom:15px;
border-bottom: #c5c7c6 3px solid;
}
.tema_tancat{
margin-bottom:15px;
padding-bottom:15px;
}
.fitema{
margin-top:15px;
margin-bottom:15px;
border-bottom: 2px #3999ca solid; /*personalitzable*/
}
.fitema_destacat{
margin-top:15px;
margin-bottom:25px;
border-bottom: 4px #3999ca solid; /*personalitzable*/
}
.cobertura{
margin-bottom:15px;
margin-top:20px;
display:block;
}
.noticia{
padding-bottom:15px;
padding-left:10px;
margin-left:80px;
overflow:auto;
}
.bgpaywall{
background-color: #F9F9F1;
}
.paywall{
color: #A88938;
}
.similar{
background: #ffffff url("../img/rallagris.gif") repeat-y 0 0;
}
.logo{
font-size: 15px;
color: #000000;
margin-bottom:10px;
margin-left:10px;
vertical-align:middle;
}
.pais{
font-size: 13px;
}
.mesnoticies{
font-size: 13px;
color: #3999ca;
margin-left: 5px;
}
.titular{
font-size: 14px;
color: #000000;
margin-bottom:5px;
margin-left:20px;
font-weight:bold;
}
.datahora{
font-size: 12px;
color: gray;
margin-bottom:5px;
margin-left:20px;
font-weight:normal;
}
.calendar{
background-color: #3999ca;
}
.paraulaMarcada{
color: #F37242; /*personalitzable, de moment ho deixo en negre */
font-weight:bold;
}
.text{
text-align:justify;
margin-left:20px;
}
.valoracio{
float:right;
margin-right:20px;
margin-left:20px;
}
.text_valoracio{
font-size: 11px;
color:#363636;
}
.seccio{
text-align: right;
color:#000000;
text-transform:capitalize;
position: relative;
top: 15px;
font-size: 13px;
}
.border_left {border-left: #c5c7c6 1px solid;}
.border_bottom {border-bottom: #c5c7c6 1px solid;}
.border_bottom3 {border-bottom: #c5c7c6 3px solid;}
.border_top {border-top: #c5c7c6 1px solid;}
.border_right {border-right: #c5c7c6 1px solid;}
.border_right2 {border-right: #c5c7c6 2px solid;}
.linea_verda{border-top: 6px #3999ca solid;} /*personalitzable*/
.linea{border-bottom: 2px #868789 solid;}
.posicio_homenets{
margin-top:-10px;
margin-left:30px;
}
.espai_valoracio1{
padding-top:5px;
padding-left:4px;
}
.espai_valoracio2{
padding-top:2px;
padding-left:4px;
}
.espai_left90{margin-left:92px;}
.espai_left60{margin-left:60px;}
.espai_left40{margin-left:40px;}
.espai_left{margin-left:20px;}
.espai_leftmig{margin-left:10px;}
.espai_top{margin-top:20px;}
.espai_topmig{margin-top:10px;}
.espai_top_5menys{margin-top:-10px;}
.espai_dreta{margin-right:20px;}
.espai_bottom{margin-bottom:20px;}
.espai_bottommig{margin-bottom:10px;}
.espai_bottom5{margin-bottom:5px;}
.mouseOver{ cursor: pointer;}
.ocult{ display:none;}
.text_negre{font-size: 13px;font-weight:regular;color: #000000;}
.text_negre_upper{font-size: 13px;font-weight:regular;color: #000000;text-transform:uppercase;}
.text_blanc_upper{font-size: 13px;font-weight:regular;color: #ffffff;text-transform:uppercase;}
.text_gris{font-size: 13px;color: #999999;}
.text_gris15{font-size: 15px;color: #999999;text-decoration:none;}
.text_tema{ font-size: 20px;font-weight:bold;color: #000000;}
.text_cobertura{font-size: 18px;font-weight:bold;color: #000000;}
.link_negre_upper{font-size: 13px;color: #000000;text-transform:uppercase;text-decoration:none;}
.link_negre_upper:hover{font-size: 13px;color: #000000;text-transform:uppercase;text-decoration:underline;}
.link_negre{font-size: 13px;color: #000000;text-decoration:none;}
.link_negre:hover{font-size: 13px;color: #000000;text-decoration:underline;}
/*
img.resize{
width: 220px; you can use % max-width
height: auto;
}
*/
.fons_numero_totals{
background: #b9babb url("../images/fons_numero.png") no-repeat center;
height: 15px;
width: 24px;
font-size:12px;
font-weight:regular;
display: inline-block; /* per a que agafi les mides*/
text-align:center;
line-height:15px;
color:#000000;
}
.fons_numero_tema{
background: #3999ca url("../images/fons_numero_tema.png") no-repeat center; /*personalitzable*/
height: 33px;
width: 36px;
font-size:18px;
display: inline-block;
text-align:center;
vertical-align:middle; /*alinea el text del costat al mig*/
line-height:33px; /*alinea el text de dins al mig (vertical) del span*/
color:#ffffff;
}
.fons_numero_paraula{
background: #3999ca url("../images/fons_numero_paraula.png") no-repeat center; /*personalitzable*/
height: 15px;
width: 24px;
font-size:12px;
display: inline-block;
text-align:center;
vertical-align:middle; /*alinea el text del costat al mig*/
line-height:15px; /*alinea el text de dins al mig (vertical) del span*/
color:#ffffff;
}
.fons_numero_tema_recull{
background: #3999ca url("../images/fons_numero_tema_recull.png") no-repeat center;/*personalitzable*/
height: 64px;
width: 70px;
font-size:28px;
font-weight:bold;
display: inline-block;
text-align:center;
vertical-align:middle; /*alinea el text del costat al mig*/
line-height:64px; /*alinea el text al mig (vertical) del span*/
color:#ffffff;
}
.fons_numero_cobertura_recull_gran{
background: #b9babb url("../images/fons_numero_cobertura_recull_gran.png") no-repeat center;
height: 46px;
width: 52px;
font-size:24px;
font-weight:bold;
display: inline-block;
text-align:center;
vertical-align:middle; /*alinea el text del costat al mig*/
line-height:46px; /*alinea el text al mig (vertical) del span*/
color:#000000;
}
.fons_numero_cobertura{
background: #b9babb url("../images/fons_numero_cobertura.png") no-repeat center;
height: 33px;
width: 36px;
font-size:18px;
display: inline-block;
text-align:center;
vertical-align:middle; /*alinea el text del costat al mig*/
line-height:33px; /*alinea el text al mig (vertical) del span*/
color:#000000;
}
.fons_numero_valoracions{
background: #b9babb url("../images/fons_numero_valoracions.png") no-repeat center;
height: 85px;
width: 125px;
display: inline-block;
}
.fons_volver_inicio{
background: #3999ca url("../images/fons_volver_inicio.png") no-repeat center;
height: 33px;
width: 180px;
font-size:18px;
display: inline-block;
text-align:center;
vertical-align:middle; /*alinea el text del costat al mig*/
line-height:33px; /*alinea el text al mig (vertical) del span*/
color:#ffffff;
}
.estil_mes {
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
margin-right:15px;
margin-left:15px;
/*width:70px;*/
float:inherit;
text-decoration:none;
}
.estil_mes:hover {
color: #000000;
font-size: 14px;
font-weight:bold;
margin-right:15px;
margin-left:15px;
/*width:70px;*/
float:inherit;
text-decoration:none;
}
.estil_mes_actual {
color: #000000;
font-size: 14px;
font-weight:bold;
margin-right:15px;
margin-left:15px;
/*width:70px;*/
float:inherit;
text-decoration:none;
}
.estil_any {
font-size: 14;
color: #000000;
font-weight:bold;
float:inherit;
margin-right:10px;
}
.estil_dia {
color: #c5c7c6;
font-size: 14px;
font-weight:bold;
margin-right:10px;
margin-left:10px;
/*width:70px;*/
float:inherit; /*amb aquest float ho coloco al mig*/
text-decoration:none;
}
.estil_dia:hover {
color: #c5c7c6;
font-size: 14px;
font-weight:bold;
margin-right:10px;
margin-left:10px;
/*width:70px;*/
float:inherit;
/*text-decoration:underline;*/
border: 1px solid #3999ca;
border-radius: 50%;/*faig el border redó*/
padding: 2px;
}
.estil_diumenge {
color: #3999ca;
font-size: 14px;
font-weight:bold;
margin-right:10px;
margin-left:10px;
float:inherit;
text-decoration:none;
}
.estil_diumenge:hover {
color: #3999ca;
font-size: 14px;
font-weight:bold;
margin-right:10px;
margin-left:10px;
float:inherit;
/*text-decoration:underline;*/
border: 1px solid #3999ca;
border-radius: 50%;/*faig el border redó*/
padding: 2px;
}
.estil_nonoticies {
color: #c5c7c6;
font-size: 14px;
font-weight:regular;
margin-right:10px;
margin-left:10px;
/*width:70px;*/
float:inherit;
text-decoration:none;
}
.estil_nonoticies:hover {
color: #c5c7c6;
font-size: 14px;
font-weight:regular;
margin-right:10px;
margin-left:10px;
/*width:70px;*/
float:inherit;
/*text-decoration:underline;*/
border: 1px solid #c5c7c6;
border-radius: 50%;/*faig el border redó*/
padding: 2px;
}
.estil_dia_actual {
position:relative;
top: 0px; /*amb aixo recupero el desplaçament del padding. al fer el float inherit, no se desplaça*/
padding: 2px;
color: #3999ca;
font-size: 14px;
font-weight:bold;
margin-right:9px;
margin-left:9px;
border: 1px solid #3999ca;
border-radius: 50%;/*faig el border redó*/
float:inherit;
text-decoration:none;
}
.estil_dia_actual:hover {
position:relative;
top: 0px; /*amb aixo recupero el desplaçament del padding*/
padding: 2px;
color: #3999ca;
font-size: 14px;
font-weight:bold;
margin-right:9px;
margin-left:9px;
border: 1px solid #3999ca;
border-radius: 50%;/*faig el border redó*/
float:inherit;
/* text-decoration:underline;*/
}
.nuvol_tags {
color: #3999ca; /*personalitzable*/
margin-right:1px;
margin-left:1px;
text-decoration:none;
font-family: "Century Gothic";
}
.nuvol_tags:hover {
color: #3999ca; /*personalitzable*/
margin-right:1px;
margin-left:1px;
text-decoration:underline;
font-family: "Century Gothic";
}
.img_cercar{
vertical-align: bottom;
height: 22px;
width: 22px;
display: inline-block; /* per a que agafi les mides*/
background: #3999ca url("../images/cercar.png") no-repeat center; /*personalitzable*/
}
.comment{
cursor: pointer;
}
.paisos{
height: 25px;
width: 100px;
/*display: table;*/
display: inline-block; /* per a que agafi les mides*/
}
.fons_numero{
background: #fff url("../images/fons_numero.png") no-repeat center;
height: 15px;
width: 24px;
font-size:13px;
font-weight:regular;
display: inline-block; /* per a que agafi les mides*/
text-align:center;
line-height:15px;
}
.fons_numero_paisos{
width: 20px;
display: inline-block;
text-align:right;
margin-left:1px;
/*vertical-align:middle; /*alinea el text del costat al mig*/
/*line-height:15px; /*alinea el text de dins al mig (vertical) del span*/
color:#000000;
}
.bandera{
height: 15px;
width: 25px;
display: inline-block; /* per a que agafi les mides*/
vertical-align: middle;
line-height:15px;
text-align:center;
filter:gray;
opacity:0.3;
}
/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php */
/* ******************************************************************** */
/* el clear fix fa que el footer es situe baix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/* ******************************************************************** */
/* printer styles */
/* ******************************************************************** */
@media print{
/*hide the left column when printing: bona idea*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 598px) {
#header{
height:180px;
}
#calendari{
display:none;
}
#leftcol{
display:none;
}
#maincol{
position: relative;
width:100%;
float:right;
margin-right:1%;
}
#footer{
height:50px;
clear:both;
display:block;
}
.noticia{
margin-right: 20px;
}
}