/* Continguts --------------------------------------------- -General: estils generals -Accessibilitat: menú accessibilitat -Vincles -Layout -Capçalera -Cercador -Contingut -Notícia destacada -Llistes altres notícies -Seccions: es defineixen els colors de cada secció, segons la classe especificada al -Peu -Llistat: pàgines de llistats de notícies -Resultats: pàgina de resultats -Info: pàgina d'informació -Cerca zero resultats: cerca retorna 0 resultats */ /* General ---------------------------------------------*/ body { font-size: 62.5%; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666; margin: 0; } h1, h2, h3, h4, ul, ol, legend { margin: 0; padding: 0; } ul, ol { list-style-type: none; } img { border: none; } strong { font-weight: bold; color: #ee5c00; } acronym { border: none; } /*Clearfix*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Amaga d'IE-mac \*/ * html .clearfix { height: 1%; } /* Fi amaga d'IE-mac */ /*--------------- Accessibilitat ----------------------------------------------------------------------------------*/ #menuAcc { position : absolute; top : -9000px; left : -9000px; z-index : 1; } #menuAcc a:focus, #menuAcc a:active { position : absolute; top : 9010px; left : 9010px; background : #f3f3f3; color : #069; padding : 5px; font-weight : bold; border : 1px solid #069; width : 6em; z-index : 1; } /* Vincles ---------------------------------------------*/ a, a.banner { text-decoration: none; } a:link, a.banner:link { color: #069; } a:visited, ul.mesinfo li a:visited, a.banner:visited { color: #999; } p.pujar a:visited { color: #069; } a:hover, a.banner:hover { text-decoration: underline; } a:active, ul.mesinfo li a:active, a.banner:active { color: #333; background-color: #fff; } a:focus { color: #fff; background-color: #069; } /* Layout ---------------------------------------------*/ #contenidor { width: 76em; max-width: 90%; margin: 0 auto; } div.categoria { width: 49%; height: 460px; margin: 0 auto 3% auto; } div.esq { float: left; margin-right: 1%; } div.dreta { float: right; margin-left: 1%; } div.banner_inferior { float:left; } #peu { clear: both; } /* Capçalera ---------------------------------------------*/ #superior { margin-bottom: 1em; } #superior ul { float: left; width: 70%; margin-top: 1em; margin-bottom: 1em; padding: 0; } #superior ul li { display: inline; } #superior ul a { float: left; color: #E75D24; font-size: 1.1em; font-weight: bold; padding-left: 21px; background: url('/img/fletxa.png') 0 50% no-repeat; margin-left: 5px; margin-right: 10px; } p.ajuda { margin: 1em 0 .5em 0; float: right; } p.ajuda a { background: #FFFFFF url('/img/help.png') no-repeat scroll 0 50% ; padding: .3em 0 .3em 22px; color: #E75D24; } #cap { position: relative; height: 14.8em; clear: both; } h1,h2 { position: absolute; left: 0; top: 0; } h1 img { width: 17.25em; } h2 { top: 5.65em; } h2 img { width: 17.17em; } h1 #ideatImente { display: block; position: absolute; right:27px; top: 22px; width: 100px; height: 18px; overflow: hidden; border:0; background-color: #E87138; color: #E87138; background-image: url('/img/ideat_imente.png'); } h1 #ideatImente img { width:100px; height: 18px; border:0; } #superior span { background: #fff url('/img/ombra_capsal.jpg') 50% 0 no-repeat; width: 100%; display: block; height: 14px; } .pastilla { width:158px; height:40px; background:url('/img/pasti.gif') no-repeat; } .text_pastilla { position:relative; top:12px; left:35px; color: #000; font-size: 1.5em; font-weight: bold; } /* Cercador ---------------------------------------------*/ #cap form { background: #BBBBBB url('/img/background-dreta.png') no-repeat scroll 0 0; width: 41.4em; height: 14.8em; position: absolute; right: 0; top: 0; } #cap form fieldset { border: none; color: #333; margin-top: 2.3em; margin-left: 3px; padding-left: 6px; } #cap form legend { font-weight: bold; margin-bottom: -5px; font-size: 1.2em; color: #333; } #cap form input.boto { width: auto; height: 2.2em; position: relative; top: .2em; padding: 0; } #cap form p { margin: .5em 0; font-size: 1.1em; } #cap form p strong { font-weight: bold; color: #333; } #cap form p#inputs_cerca { margin-top: 2.2em; } #cap form #cerca_input_text { -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; border-radius: 5px; -x-system-font:none; background:#FFFFFF url('/img/lupa.png') no-repeat scroll 5px 50%; border-width: 0; font-family:"Lucida Grande",Arial,Sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0; margin-right: 5px; padding: 7px 7px 5px 24px; height: 19px; width:226px; color: #222222; } #cap form #cerca_input_boto { -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; border-radius: 5px; -x-system-font:none; background:transparent url('/img/cercar-noticies.png') no-repeat scroll 0 0; border: 0; color:#F6F6F6; font-family:"Lucida Grande",Arial,Garuda,Sans-serif; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 600; line-height:normal; text-align: left; text-shadow: 0 -1px 1px rgba(179, 66, 26, 1); margin:0; outline-width:0; padding: 0 0 0 8px; width: 126px; height:31px; } #cap form #cerca_input_boto:hover, #cerca_input_boto:focus { color: #FFFFFF; cursor: pointer; } #cap form #cerca_input_boto:active { -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; border-radius: 5px; background-image: none; cursor: pointer; background-color: #E87138; } /* Contactar ---------------------------------------------*/ #contactar { width: 90%; float: left; } #contactar form { position: relative; } #contactar form fieldset { border: none; color: #333; margin-left: 260px; font-size: 1.1em; margin-top: 1em; margin-bottom: 1em; } #contactar form input.text { height: 1.2em; padding: .4em .5em .3em .5em; border: 1px solid #cdcdcd; } #contactar form input.boto { width: auto; height: 2.2em; position: relative; top: .2em; padding: 0; } #contactar form p { margin: .5em 0; font-size: 1em; } #contactar form input.boto_contact { width: auto; height: 2.2em; top: .2em; padding: 0; } /* Contingut ---------------------------------------------*/ h3 { color: #000; font-size: 1.5em; border-bottom-width: 5px; border-bottom-style: solid; padding: .5em 0 .5em 50px; } h3 img { width: 12.46em; } .categoria ul.mesinfo, #darreraHora ul.mesinfo { float: right; margin: -3.3em 0 0 0; padding: 0; background: none; } .categoria ul.mesinfo li, #darreraHora ul.mesinfo li { display: inline; background: #fff; margin: 0; border: none; width: auto; } .categoria ul.mesinfo li a, #darreraHora ul.mesinfo li a { padding: .2em 22px .2em 0; display: block; float: left; margin: 0; } .categoria ul.mesinfo li a:active, #darreraHora ul.mesinfo li a:active { background-color: #069; } .categoria ul.mesinfo a.mes, #darreraHora ul.mesinfo a.mes { background: url('/img/icona_mes.gif') 100% 50% no-repeat; } .categoria ul.mesinfo a.rss, #darreraHora ul.mesinfo a.rss { background: url('/img/icona_rss.gif') 100% 50% no-repeat; border-left: 3px solid #e2e2e2; padding-left: .8em; margin-left: .8em; margin-right: 0; } #darreraHora ul.mesinfo { margin-top: -3.8em; } /* Notícia destacada ---------------------------------------------*/ #darreraHora .destacada h4 { font-size: 1.18em; } #darreraHora .destacada p { font-size: 1.09em; } #darreraHora .destacada p.categoriesData { font-size: .91em; } .destacada { margin: 1em 0; } .destacada { font-size: 1.1em; } .destacada p.categoriesData { font-size: 0.91em; } .destacada .txt { margin-left: 9em; } .destacada h4 { font-size: 1em; } .destacada p { margin: .8em 0; } .destacada img { float: left; margin: 0 1em 0 0; } .forat_imatge { width:80px; height:110px; float:left; margin: 0.2em 1em 0 0; } /* Llistes altres notícies ---------------------------------------------*/ #darreraHora ul, .categoria ul { background: #f3f3f3; padding: 1% 3%; } #darreraHora ul, .categoria ul { background-image: url('/img/hombra_2_col.jpg'); background-position: 50% 100%; background-repeat: no-repeat; padding: .5em .5em 2em .5em; margin-bottom: 2em; } #darreraHora ul.clearfix li { width: 47%; float: left; margin: 0 1%; height: 6em; } .categoria ul { background-image: url('/img/ombra_1_col.jpg'); margin-bottom: 0; } .categoria ul li { margin: 0 2% 2em 2%; } #darreraHora ul li, .categoria ul li { border-bottom: 1px solid #ccc; margin-bottom: .8em; margin-bottom: 0; padding-bottom: .8em; padding-top: .8em; } #darreraHora ul li h4, .categoria ul li h4 { font-size: 1.1em; } #darreraHora ul li p, .categoria ul li p { font-size: 1em; margin: .5em 0; } /* Seccions ---------------------------------------------*/ #darreraHora h3 { border-bottom-color: #f90; background:url('/img/ico/tit_darrera_hora.gif') no-repeat; } #esports h3, .esports h3 { border-bottom-color: #8bd1b9; background:url('/img/ico/tit_esports.gif') no-repeat; padding-left: 37px; } #economia h3, .economia h3 { border-bottom-color: #8bb9d1; background:url('/img/ico/tit_economia.gif') no-repeat; padding-left: 57px; } #politica h3, .politica h3 { border-bottom-color: #8bb9d1; background:url('/img/ico/tit_politica.gif') no-repeat; padding-left: 44px; } #cultura h3, .cultura h3 { border-bottom-color: #f90; background:url('/img/ico/tit_cultura.gif') no-repeat; padding-left: 53px; } .resultats h3, #info h3 { border-bottom-color: #b7bfc2; background:url('/img/ico/tit_resultats_cerca.gif') no-repeat; } /* Peu ---------------------------------------------*/ p.pujar { border-top: 1px solid #ccc; padding: .8em 0; margin: 0; text-align: left; float: left; width: 100%; background: #fff; } p.pujar a { background: url('/img/icon_pujar.gif') 0 50% no-repeat; padding: .5em 15px; border-bottom: none; } p.pujar a:active { background-color: #069; } #imente { font-size: 1em; color: #fff; padding: .3em 1.5% 1.5em 1.5%; background: #333 url('/img/hombra_2_col.jpg') 50% 100% no-repeat; float: left; width: 97%; } #imente a { color: #f45f00; font-weight: bold; padding-left: 22px; } #imente a.vincle { background: url('/img/mes_info_imente.gif') 0 50% no-repeat; } #imente p { margin-left: 11.5em; margin-top: 1em; margin-bottom: 1em; } #imente img { border-right: 3px solid #999; float: left; width: 9.4em; margin-top: 1em; margin-right: 1em; padding-right: 1em; } p#copy { text-align: center; margin: 0 0 2em 0; clear: both; } p#copy img { width: 6.5em; } /* Llistat ---------------------------------------------*/ p.rss { background: url('/img/icona_rss.gif') 0 50% no-repeat; padding: .2em 0 .2em 2.5em; border: none; display: block; float: left; margin: -3.2em 0 0 16em; } form#categories { float: right; margin: -4.5em 0 0 0; } form#categories label { margin: 0; color: #333; } form#categories select { margin: 0; position: relative; top: -.5em; } p#mostrant { border-bottom: 1px solid #999; text-align: right; padding: .7em 0; margin: 0; font-size: 1.1em; } ul#noticies li { margin: 1em 0; padding: 1em; } ul#noticies li.parell { background: #efefef; } ul#noticies li.foto .txt { width: 87%; } ul#noticies li .txt { float: left; } #llistat h4 { font-size: 1.3em; } ul#noticies p { font-size: 1.2em; margin: .8em auto; } ul#noticies p.categoriesData { font-size: 1em; } ul#noticies li img { float: right; } ul#noticies ul.tags { font-size: .9em; padding-left: 1em; background: url('/img/icon_etqueta.gif') 0 2px no-repeat; } ul#noticies ul.tags li { display: inline; padding: 0; } ul#noticies ul.tags li a { border: none; } ul#noticies ul.tags li:after { content: ","; } ul#noticies ul.tags li.ultim:after { content: ""; } ul#pagines { border-top: 1px solid #b7bfc2; padding: .8em 0; text-align: right; } ul#pagines li { display: inline; font-weight: bold; margin: auto .5em; } ul#pagines li.anterior { background: url('/img/ico_anterior.gif') 0 60% no-repeat; padding-left: 1em; } ul#pagines li.seguent { background: url('/img/ico_seguent.gif') 100% 60% no-repeat; padding-right: 1em; } ul#pagines li.anterior a, ul#pagines li.seguent a { font-weight: bold; } ul#pagines li a { border: none; font-weight: normal; } /* Resultats ---------------------------------------------*/ .resultats h3 img { width: 13.39em; } p#cerca { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 1.6em; color: #ed5c00; font-weight: bold; background: #f2f2f2 url('/img/llatis_paraula.gif') 10px 50% no-repeat; margin: 0; padding: .5em 0; text-indent: 30px; } .resultats a.rss { background: url('/img/icona_rss.gif') 10px 50% no-repeat; padding: .3em 0 .3em 30px; font-size: .625em; border: none; margin-left: 1em; border-left: 3px solid #bec4c4; font-weight: bold; font-family: Verdana, Arial, sans-serif; } /* Info ---------------------------------------------*/ #info h3 { border-bottom-width: 2px; } #info h3 img { width: 10.53em; position: relative; bottom: -3px; } #info h3 img { width: 10.53em; position: relative; bottom: -3px; } p#portada { float: right; background: url('/img/kland_back.gif') 0 4px no-repeat; margin-top: -2.5em; text-indent: 11px; font-size: 1.1em; } p#portada a { border: none; } #info #contingut { background: url('/img/bodego_sobre_huubs.jpg') no-repeat; float: left; width: 100%; } #info #contingut h4 { font-size: 1.2em; color: #ee5c00; background: url('/img/kland_pastigris.gif') 0 3px no-repeat; padding-left: 10px; margin-left: 260px; margin-right: 24%; margin-top: 1em; padding-bottom: .6em; border-bottom: 1px solid #b7bfc2; } #principal { width: 77%; float: left; } #principal p { margin-left: 260px; font-size: 1.1em; margin-top: 1em; margin-bottom: 1em; } #principal p.primer { background: url('/img/kland_paragraf.gif') no-repeat 0 4px; text-indent: 8px; } #destacat { color: #333; width: 21%; float: right; font-size: 1.7em; font-family: Georgia, serif; } #destacat p { margin-top: .6em; } /* Ajuda ---------------------------------------------*/ #ajuda, #avis_legal { background: url('/img/bodego_sobre_huubs.jpg') no-repeat; float: left; width: 100%; } #ajuda_principal, #avis_legal { width: 95%; float: left; clear: right; } #ajuda_principal p, #avis_legal p { margin-left: 260px; padding-left: 5px; font-size: 1.1em; margin-top: 1em; margin-bottom: 1em; } #ajuda h4, #avis_legal h4{ font-size: 1.2em; color: #ee5c00; padding-left: 5px; margin-left: 260px; margin-right: 2%; margin-top: 1em; padding-bottom: .6em; border-bottom: 1px solid #b7bfc2; } /* Cerca zero resultats ---------------------------------------------*/ .zero p#cerca { color: #333; font-size: 1.2em; } .zero p#cerca strong { font-weight: bold; } p#info { background: url('/img/icon_alerta.gif') 5px 50% no-repeat; text-indent: 30px; padding: .5em 0; border-bottom: 1px solid #b7bfc2; font-size: 1.2em; margin: 0 auto; } .zero h4 { background: url('/img/icon_bombeta.gif') 5px 50% no-repeat; text-indent: 30px; padding: .5em 0; font-size: 1.2em; font-weight: normal; color: #ee5c00; margin-top: .5em; } ul#suggeriments { font-size: 1.1em; } ul#suggeriments li { margin: .8em 2.8em; background: url('/img/kland_llista_sugg.gif') 0 50% no-repeat; text-indent: 9px; }