/********************************************************************** * Estils mínims que necessita el CMS * * - Es carrega a la part pública * - No s'ha d'alterar el disseny original de l'usuari * - Tots els ids i classes han d'anar prefixats * - Es carrega al principi del de manera que l'usuari pot * modificar-los més tard. **********************************************************************/ /********************************************************************** * Missatges **********************************************************************/ .message { border: 2px solid; border-radius: 5px; -moz-border-radius: 5px; padding: 0.7em; width: 70%; margin: 1.5em auto } .message.notice { color: #333; border-color: #ccc; background-color: #fafafa } .message.error { color: #800; border-color: #c66; background-color: #fff6f6 } .message.ok { color: #050; border-color: #9c9; background-color: #f6fff0 } /********************************************************************** * Helper per mostrar fitxers adjunts **********************************************************************/ div.brcm-attachment a { padding:2px 0 2px 22px; background-position:0 2px; background-repeat:no-repeat; background-image:url(../images/silk/page_white.png) } div.brcm-attachment.brcm-text a {background-image:url(../images/silk/page_white_word.png)} div.brcm-attachment.brcm-excel a {background-image:url(../images/silk/page_white_excel.png)} div.brcm-attachment.brcm-powerpoint a {background-image:url(../images/silk/page_white_powerpoint.png)} div.brcm-attachment.brcm-pdf a {background-image:url(../images/silk/page_white_acrobat.png)} div.brcm-attachment.brcm-zip a {background-image:url(../images/silk/page_white_compressed.png)} div.brcm-attachment span.brcm-size { font-size:91%; color:#666666; } div.brcm-attachment div.brcm-description { margin-top:3px; font-size:91%; } /********************************************************************** * Formularis **********************************************************************/ div.brcm-form form {text-align: left;} div.brcm-form div.brcm-field, div.brcm-field {margin: 1.5em 0; margin-top:1.5em;} div.brcm-form div.brcm-field div.brcm-title { font-weight: bold; margin-bottom:0.25em; } div.brcm-form span.brcm-required { color:#CC3300; font-size:140%; font-weight:bold; padding:0 0.1em; vertical-align:-20%; } div.brcm-form div.brcm-field div.brcm-option {margin-bottom:0.25em;} div.brcm-form div.brcm-field div.brcm-info { color:#666666; font-size:91%; } div.brcm-form div.brcm-field div.brcm-errors { color: #c30; font-weight: bold; } .brcm-errors { color: #c30; font-weight: bold; } div.brcm-form div.brcm-legal-information { margin: 1em 0; padding:1em 0; border: solid #eee; border-width: 1px 0; font-size: 90%; } div.brcm-form div.brcm-actions {margin: 1em 0;} div.brcm-sent-form dl dt { font-weight: bold; margin-top: 1em; } div.brcm-sent-form dl dd { margin: 0; margin-bottom: 1em; } .Field .Info, .brcm-description { color: #666; font-size: 0.9em; font-style: italic; padding: 3px 0 0; } .brcm-field button { margin-top:2em; font-size:1.2em; min-height:2.5em; cursor:pointer;} input[type="radio"], input[type="checkbox"]{ margin-right:4px; cursor:pointer;} #recaptcha_widget{ width: 100%; max-width: 300px; } #recaptcha_image { /*width: 100%!important; height: 92px!important;*/ max-width: 300px; } #recaptcha_image img{ width: 100%; height: auto; } #recaptcha_response_field { clear: both; width: 100%; margin: 10px 0; } .brcm-f-a-l-s-e-email-field { display:none; position: absolute; left: -99000px; } /********************************************************************** * Disposició de fotografies **********************************************************************/ img { max-width:100%; -ms-interpolation-mode: bicubic; } .brcm-googlemaps-map img {max-width: none;} /* contenidors imatges*/ div.brcm-generic-element-with-images-on-the-right div.brcm-group-of-images, div.brcm-news-module div.brcm-news-detail div.brcm-group-of-images, div.brcm-calendar-module div.brcm-event-detail div.brcm-group-of-images, div.brcm-public-announcements-module div.brcm-announcement-detail div.brcm-group-of-images, div.brcm-directory-module div.brcm-item-detail div.brcm-group-of-images, div.brcm-projects-module div.brcm-project-detail div.brcm-group-of-images, div.brcm-services-module div.brcm-service-detail div.brcm-group-of-images { float:right; margin-left:10px; } div.brcm-generic-element-with-images-on-the-left div.brcm-group-of-images { float:left; margin-right:10px; } div.brcm-generic-element-with-image-gallery, div.brcm-gallery-of-images { width:100%; overflow:hidden; } /* imatges */ div.brcm-generic-element-with-images-on-the-right div.brcm-image-and-caption, div.brcm-generic-element-with-images-on-the-left div.brcm-image-and-caption, div.brcm-generic-element-with-image-gallery div.brcm-image-and-caption, div.brcm-generic-element-with-big-images div.brcm-image-and-caption, div.brcm-news-module div.brcm-news-detail div.brcm-image-and-caption, div.brcm-calendar-module div.brcm-event-detail div.brcm-image-and-caption, div.brcm-public-announcements-module div.brcm-announcement-detail div.brcm-image-and-caption, div.brcm-directory-module div.brcm-item-detail div.brcm-image-and-caption, div.brcm-projects-module .brcm-project-detail div.brcm-image-and-caption, div.brcm-services-module .brcm-service-detail div.brcm-image-and-caption{ margin-bottom:10px; } div.brcm-generic-element-with-images-on-the-right div.brcm-image-and-caption, div.brcm-news-module div.brcm-news-detail div.brcm-image-and-caption, div.brcm-calendar-module div.brcm-event-detail div.brcm-image-and-caption, div.brcm-public-announcements-module div.brcm-announcement-detail div.brcm-image-and-caption, div.brcm-directory-module div.brcm-item-detail div.brcm-image-and-caption, div.brcm-projects-module .brcm-project-detail div.brcm-image-and-caption, div.brcm-services-module .brcm-service-detail div.brcm-image-and-caption{ float:right; clear:right; } div.brcm-generic-element-with-images-on-the-left div.brcm-image-and-caption { float:left; clear:left; } div.brcm-generic-element-with-image-gallery div.brcm-image-and-caption, div.brcm-gallery-of-images div.brcm-image-and-caption { float:left; margin-right:10px; margin-bottom:10px; } div.brcm-image-and-caption div.brcm-caption { margin-top:5px; font-size:91%; } /********************************************************************** * Mòdul cercador **********************************************************************/ div.brcm-search-module div.brcm-url { font-size:91%; color:#666666; word-wrap:break-word; width:100%; overflow:hidden; } /********************************************************************** * mòdul notícies **********************************************************************/ div.brcm-list-of-news ol { margin-left:0; padding-left:0; list-style:none; } div.brcm-list-of-news ol li { width:100%; overflow:hidden; margin-bottom:1em; } div.brcm-list-of-news ol li div.brcm-image-and-caption { float:left; margin:0 1em 0 0; } div.brcm-news-module div.brcm-news-detail .brcm-summary {font-weight:bold;} /********************************************************************** * mòdul d'esdeveniments **********************************************************************/ div.brcm-calendar-navigation a.brcm-previous {float:left} div.brcm-calendar-navigation a.brcm-previous:hover { background: #D0D0D0; } div.brcm-calendar-navigation a.brcm-next {float:right} div.brcm-calendar-navigation a.brcm-next:hover { background: #D0D0D0; } div.brcm-calendar-navigation span.brcm-current { width:50%; margin:0 auto; display:block; text-align:center; } div.brcm-list-of-events ol { margin-left:0; padding-left:0; list-style:none; } div.brcm-list-of-events ol li { width:100%; overflow:hidden; margin-bottom:1em; } div.brcm-calendar-module div.brcm-event-detail .brcm-summary { font-weight:bold;} .brcm-calendar { padding-bottom:10px; } .brcm-calendar .brcm-calendar-navigation{ color:#FFF; background-color:#666; overflow:hidden; width:100%; } .brcm-calendar .brcm-calendar-navigation h3{color:#FFF; margin:0px; text-align:center; font-size:1em; padding-top:16px;} .brcm-calendar .brcm-calendar-navigation a{ color:#FFF; padding:16px; text-decoration:none; } .brcm-calendar .brcm-calendar-navigation a.brcm-previous{ float:left;} .brcm-calendar .brcm-calendar-navigation a.brcm-next{ float:right;} .brcm-calendar table{ width: 100%!important; } .brcm-calendar table td span, .brcm-calendar table { background: #EFEFEF; } .brcm-calendar table td span, .brcm-calendar table td a{ display:block; padding:7px 0px; cursor:pointer; text-decoration:none; color:#666; background: #EFEFEF; } .brcm-calendar table td span:hover, .brcm-calendar table td a:hover { background: #666666; color: white; } .brcm-calendar table{ margin:0px; border:none; text-align:center; } .brcm-calendar table td{ border:none; padding:0px; border:2px solid white;} .brcm-calendar table td.brcm-active-node a, .brcm-calendar table td.brcm-active-node span { background: #B5B5B5; color: white; } .brcm-calendar table td.brcm-day-event a, .brcm-calendar table td.brcm-day-event span{ font-weight:700; background-color:#666; color:white;} .brcm-calendar table.brcm-calendar-days td{ padding-top:10px; border:none; text-align:center;} .brcm-calendar table.brcm-calendar-days td, .brcm-calendar table.brcm-calendar-days td span{ background-color:#D0D0D0; color: #666; font-weight: bold; text-align: center; } .brcm-calendar .brcm-current-day a{ background-color: #333333; } .brcm-calendar .brcm-selected-day a{ background-color: #999999; } /********************************************************************** * Mòdul butlletí electrònic **********************************************************************/ div.brcm-newsletter-module ul.brcm-list-of-modules { margin:0 inherit !important; padding:0 !important; } div.brcm-newsletter-module ul.brcm-list-of-modules li { background-image:none !important; padding:0 !important; margin:0 0 5px 0 !important; width:100%; overflow:hidden; } div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-module, div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-select-interests { float:left; } div.brcm-newsletter-module ul.brcm-list-of-modules li div.brcm-module { /* estat desmarcat */ width:180px; border:1px solid #CDCDCD; background-color:#F3F3F3; padding:0 10px; } div.brcm-newsletter-module ul.brcm-list-of-modules li div.brcm-module * { float:left; height:22px; line-height:22px; margin-right:5px; } div.brcm-newsletter-module div.brcm-select-interests {width:250px;overflow:hidden} div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-show-hide { border:1px solid #CDCDCD; border-left-width:0; background-color:#F3F3F3; padding:0 10px; height:22px; line-height:22px; } div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-show-hide a { padding-left:20px; background:transparent url(../images/icona-plegar-desplegar.gif) 0 -36px no-repeat; } div.brcm-newsletter-module ul.brcm-list-of-modules div.brcm-select-interests.brcm-open a {background-position: 0 0;} div.brcm-newsletter-module div.brcm-select-interests ul { height:100px; overflow:auto; border:1px solid #CDCDCD; border-top-width:0; padding:10px; margin:0 !important; } /********************************************************************** * Mòdul comentaris **********************************************************************/ div#brcm-list-of-comments div.brcm-comment {margin:1em 0} /********************************************************************** * Mòdul tràmits **********************************************************************/ div.div.brcm-procedures-module div.brcm-list-of-procedures ol { margin-left:0; padding-left:0; } div.div.brcm-procedures-module div.brcm-list-of-procedures ol li { list-style:none; padding-left:0; margin-left:0; } /********************************************************************** * mòdul directori **********************************************************************/ div.brcm-directory-module div.brcm-list-of-items ol { margin-left:0; padding-left:0; } div.brcm-directory-module div.brcm-list-of-items ol li { list-style:none; padding-left:0; margin-left:0; } /********************************************************************** * mòdul serveis **********************************************************************/ div.brcm-services-module div.brcm-list-of-services ol { margin-left:0; padding-left:0; } div.brcm-services-module div.brcm-list-of-services ol li { list-style:none; padding-left:0; margin-left:0; } /********************************************************************** * mòdul documents oficials **********************************************************************/ div.brcm-public-announcements-module div.brcm-list-of-announcements ol { margin-left:0; padding-left:0; } div.brcm-public-announcements-module div.brcm-list-of-announcements ol li { list-style:none; padding-left:0; margin-left:0; } /********************************************************************** * mòdul projectes **********************************************************************/ div.brcm-projects-module div.brcm-list-of-projects ol { margin-left:0; padding-left:0; } div.brcm-projects-module div.brcm-list-of-projects ol li { list-style:none; padding-left:0; margin-left:0; } /********************************************************************** * Mòdul temes **********************************************************************/ div.brcm-categories-module div.brcm-list-of-categories ol, div.brcm-categories-module div.brcm-list-of-categories ol li { list-style:none; margin-left:0; padding-left:0; } /********************************************************************** * Miscelània **********************************************************************/ .clear,.brcm-clear { clear: both; overflow:hidden; } .brcm-clear { height:1px; } .brcm-clear-br { clear: both; height:2em; overflow:hidden; } .hasMargin { margin: 1.2em 0; } a.feed { background: url(../images/feed.png) no-repeat 0 center; padding-left: 18px; } .brcm-clear-br{ clear: both; height:2em; overflow:hidden;} /*Private Pages*/ .brcm-password-page { border: 4px solid #CCCCCC; background: #FCFCFC; border-radius: 7px; padding: 15px; text-align: center; margin: 30px 0; } .brcm-password-image { margin: -42px 0 10px 0; } .brcm-password-page form { display: table; margin: 0 auto; width: 250px; } .brcm-password-page div.brcm-field div.brcm-title{ text-align: center; } .content .brcm-password-page input[type='password']{ width: 91%; } .content .brcm-password-page input[type='submit'] { display: table; margin: 0 auto; } /********************************************************************** * New Agenda **********************************************************************/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .brcm-events-main-wrapper div, .brcm-events-main-wrapper span, .brcm-events-main-wrapper h1, .brcm-events-main-wrapper h2, .brcm-events-main-wrapper p, .brcm-events-main-wrapper ul, .brcm-events-main-wrapper ol, .brcm-events-main-wrapper li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .brcm-events-main-wrapper { font-family: inherit, Arial, sans-serif; color: #666; } .brcm-events-main-wrapper h2 { font-size: 130%; } .brcm-events-main-wrapper h1 { font-size: 115%; } .brcm-events-main-wrapper .one-third-column{ width: 28%; min-width: 185px; float: left; } .brcm-events-main-wrapper .two-third-column{ width: 68%; float: right; } .brcm-events-main-wrapper .brcm-events-calendar table { width: 100%; table-layout:fixed; text-align: center; /*border: 3px solid white;*/ } .brcm-events-main-wrapper .brcm-events-calendar thead { background: #666; color: white; width: 100%; } .brcm-events-main-wrapper .brcm-events-calendar thead th { padding: 5px 0; } .brcm-events-main-wrapper .brcm-events-calendar th.brcm-events-calendar-previous{ text-align: left; } .brcm-events-main-wrapper .brcm-events-calendar th.brcm-events-calendar-next{ text-align: right; } .brcm-events-main-wrapper .brcm-events-calendar th.brcm-events-calendar-previous a, .brcm-events-calendar th.brcm-events-calendar-next a { display: block; padding: 0 5px; } .brcm-events-main-wrapper .brcm-events-calendar th.brcm-events-calendar-previous:hover, .brcm-events-calendar th.brcm-events-calendar-next:hover { background: #D0D0D0; } .brcm-events-main-wrapper .brcm-events-calendar th.current-month { text-align: center; color: white; } .brcm-events-main-wrapper .brcm-events-calendar th.brcm-events-calendar-previous img, .brcm-events-calendar th.brcm-events-calendar-next img { margin: 0 5px; } .brcm-events-main-wrapper .brcm-events-calendar table th { padding: 5px 0; } .brcm-events-main-wrapper .brcm-events-calendar table td { background: #EFEFEF; border: 2px solid white; position: relative; border-spacing:2px; padding: 0; } @-moz-document url-prefix() { .brcm-events-main-wrapper .brcm-events-calendar table td { position: static; } } .brcm-events-main-wrapper .brcm-events-calendar table td a, .brcm-events-calendar table td span { display: block; padding: 5px 0; transition: background 0.1s ease-in-out; color: #666; } .brcm-events-main-wrapper .brcm-events-calendar table td a:empty { display: none; } .brcm-events-main-wrapper .brcm-events-calendar table td a:hover, .brcm-events-main-wrapper .brcm-events-calendar table td span:hover { background: #666666; color: white; } .brcm-events-main-wrapper .brcm-events-calendar tbody th { background:#D0D0D0; padding: 4px 0; text-align: center; } .brcm-events-main-wrapper .brcm-events-calendar .brcm-current-day a, .brcm-events-main-wrapper .brcm-events-calendar .brcm-current-day span{ background: #B5B5B5; color: white; } .brcm-events-main-wrapper .brcm-events-calendar .brcm-selected-day { background: #666666; color: white; } .brcm-events-main-wrapper .brcm-events-calendar .relative { position: relative; } .brcm-events-main-wrapper .brcm-events-calendar td.brcm-day-with-events a{ background: #6a6a6a; color: white; } /* .brcm-events-main-wrapper .brcm-events-calendar td.brcm-day-with-events a:after{ content: url(../images/dot.png); position: absolute; right: 2px; bottom: 2px; } */ .brcm-events-main-wrapper .brcm-events-calendar .tip { font-style: italic; font-size: 80%; background: url(../images/icon-info.png) no-repeat; padding: 3px 0 0 30px; min-height: 25px; margin: 5px 0; } .brcm-events-main-wrapper .brcm-province-events-filter, .brcm-events-calendar, .brcm-events-categories { margin: 15px 0; } .brcm-events-main-wrapper .brcm-province-events-filter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/arrow-province-events-filter-down.png) no-repeat 98% center; width: 90%; padding: 5px 10px; border: 1px solid #B8B8B8; border-radius: 4px; } @-moz-document url-prefix() { .brcm-events-main-wrapper .brcm-province-events-filter select { background: none; } } .brcm-events-main-wrapper .brcm-events-categories ul { padding: 0 10px; } .brcm-events-main-wrapper .brcm-events-categories li { background: url(../images/arrow-list-item.png) no-repeat left center; padding: 5px 10px 5px 15px; list-style-type: none; } .brcm-events-main-wrapper .brcm-events-categories li a { color: #666; } .brcm-events-main-wrapper .brcm-events-categories li a:hover { text-decoration: underline; } .brcm-events-main-wrapper .brcm-events-selected-filters { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 10px 0 20px 0; padding: 7px 0; } .brcm-events-main-wrapper .brcm-events-selected-filters ul { margin: 15px 0; padding: 0; } .brcm-events-main-wrapper .brcm-events-selected-filters li { width: 100%; background: url(../images/arrow-list-item.png) no-repeat left center; padding: 2px 0 2px 15px; display:block; border-bottom: 1px dotted #e1e1e1; } .brcm-events-main-wrapper .brcm-events-selected-filters li:hover { border-bottom: 1px solid #e1e1e1; } .brcm-events-main-wrapper .brcm-events-selected-filters .brcm-events-filter-title { font-weight: bold; } .brcm-events-main-wrapper .brcm-events-selected-filters .brcm-events-delete-filter { float: right; background: url(../images/icon-cross.png) no-repeat left center; padding: 0 0 4px 15px; color: #CC0000; margin: 0 10px 0 0; transition: all ease-in-out 0.2s; } .brcm-events-main-wrapper .brcm-events-selected-filters .brcm-events-delete-filter:hover { cursor: pointer; background: url(../images/icon-cross.png) no-repeat left center #e1e1e1; } .brcm-events-main-wrapper .brcm-events-selected-filters .brcm-events-delete-filter a { color: #CC0000; } .brcm-events-main-wrapper .brcm-events-selected-filters .brcm-events-delete-filter:hover a { color: #999; } .brcm-events-main-wrapper .brcm-events-list ol { margin: 0; padding: 0; } .brcm-events-main-wrapper .brcm-events-list li { position: relative; border-bottom: 1px solid #ccc; padding: 15px 0; } .brcm-events-main-wrapper .brcm-events-list li a { color: #666; } .brcm-events-main-wrapper .brcm-events-list li.brcm-highlight-event .brcm-image-and-caption{ width: 100%; } .brcm-events-main-wrapper .brcm-events-list li.brcm-highlight-event .brcm-events-list-info { width: 100%; background: #EDEDED; padding: 10px; } .brcm-events-main-wrapper .brcm-events-list li.brcm-highlight-event .brcm-events-list-info .brcm-title { background: #666666; padding: 5px 10px; margin: 0 0 10px 0; border-radius: 4px; } .brcm-events-main-wrapper .brcm-events-list li.brcm-highlight-event .brcm-events-list-info .brcm-title a { color: white; } .brcm-events-main-wrapper .brcm-events-list .brcm-date-especial { background: #666666; width: 65px; text-align: center; padding: 10px; border-radius: 0 4px 7px 0; color: white; font-size: 110%; position: absolute; top: 25px; left: 0; border: 1px solid #999999; } .brcm-events-main-wrapper .brcm-events-list .brcm-date-especial span { display: block; font-size: 140%; } .brcm-events-main-wrapper .brcm-events-list .brcm-image-and-caption{ width: 29%; float: left; margin: 0 10px 0 0; } .brcm-events-main-wrapper .brcm-events-list .brcm-image-and-caption img { width: 100%; } .brcm-events-main-wrapper .brcm-events-list .brcm-date-especial + .brcm-events-list-info { } .brcm-events-main-wrapper .brcm-events-list .brcm-events-list-info { width: 69%; float: right; } .brcm-events-main-wrapper .brcm-events-list .brcm-date-especial + .brcm-events-list-info { width: 85%; } .brcm-events-main-wrapper .brcm-events-text .brcm-input input[type="text"]{ padding: 5px; font-size: 90%; width: 65%; display: inline-block; } .brcm-events-main-wrapper .brcm-events-text .brcm-input button { width: 25%; float: right; background: #dadada; border: none; padding: 7px 0; margin: 0; display: inline-block; font-size: 90%; font-weight: bold; border-radius: 4px; } .brcm-events-main-wrapper .brcm-events-text .brcm-input button:hover{ cursor: pointer; background: #6a6a6a; color: white; } /********************************************************************** * End New Agenda **********************************************************************/ /*CSS for FILEBOX*/ .row { width: 100%; clear: both; margin: 0 0 15px 0; } .brcm-filebox { padding: 20px; font-size: 1em; } .brcm-filebox h2 { font-size: 24px; } .brcm-filebox h3 { font-size: 20px; float: left; } .brcm-filebox .brcm-filebox-filebox-download-all { float: right; background: url(../images/filebox-icon-download.png) no-repeat 10px center #d6f2c0; margin: 0 0 10px 0; border-radius: 4px; } .brcm-filebox .brcm-filebox-filebox-download-all a { padding: 10px 10px 10px 40px; display: block; color: #4e504d; font-weight: bold; } .brcm-filebox .brcm-filebox-filebox-download-all:hover { background: url(../images/filebox-icon-download.png) no-repeat 10px center #69be28; } .brcm-filebox .brcm-filebox-filebox-download-all:hover a { color: white; } .brcm-filebox .brcm-filebox-nav { font-size: 90%; } .brcm-filebox .brcm-filebox-nav li { display: inline; margin: 0 15px 0 0; background: none; padding: 0;} .brcm-filebox .brcm-filebox-nav .brcm-filebox-back-button a { background: url(../images/filebox-icon-arrow-back.png) no-repeat 5px center #dbddda; padding: 5px 7px 5px 18px; color: #4e504d; border-radius: 4px; } .brcm-filebox .brcm-filebox-nav a { color: #69be28; } .brcm-filebox .brcm-filebox-login { background: url(../images/filebox-icon-user.png) no-repeat left center; padding: 4px 0 4px 30px; float: right; font-size: 90%; } .brcm-filebox .brcm-filebox-login a { color: #69be28; } .brcm-filebox .brcm-filebox-file-type-folder, .brcm-filebox .brcm-filebox-file-type-file { height: 20px; min-width: 40px; } .brcm-filebox .brcm-filebox-file-type-folder span, .brcm-filebox .brcm-filebox-file-type-file span { display: none; } .brcm-filebox .brcm-filebox-file-type-folder { background: url(../images/filebox-icon-folder.png) no-repeat 10px center; width: 100%; } .brcm-filebox .brcm-filebox-file-type-file { background: url(../images/filebox-icon-file.png) no-repeat 14px center; width: 100%; } .brcm-filebox .brcm-filebox-file-actions li { display: inline-block; list-style-type: none; background: none; padding: 5px 5px 0 0; } .brcm-filebox .brcm-filebox-user-data { clear: both; padding: 20px 0; } .brcm-filebox .brcm-filebox-user-data fieldset { padding: 20px; } .brcm-filebox .brcm-filebox-user-data label { font-weight: bold; } .brcm-filebox .brcm-filebox-user-data input { display: block; padding: 5px; border: 1px solid #b4b6b3; border-radius: 4px; color: #676a66; font-style: italic; } .brcm-filebox .brcm-filebox-user-data input:disabled { background: #cecfcd; color: #676a66; font-style: italic; } .brcm-filebox .brcm-filebox-user-data input[type="submit"] { background: #69be28; font-style: normal; font-weight: bold; color: white; padding: 7px 15px; } .brcm-filebox .brcm-filebox-user-data input[type="submit"]:hover { background: #52941f; } .brcm-filebox .brcm-filebox-user-data-message { clear: both; padding: 7px 0; } .brcm-filebox .brcm-filebox-user-data-message.success { color: #69be28; } .brcm-filebox .brcm-filebox-user-data-message.error { color: #cc0000; } /* thanks to http://codepen.io/geoffyuen/pen/FCBEg --> this bite of code is copied from this URL, but slightly customized. */ .brcm-filebox .brcm-filebox-rwd-table { margin: 20px 0; min-width: 300px; width: 100%; border-bottom: 3px solid #bae996; font-size: 16px; } .brcm-filebox .brcm-filebox-rwd-table tr { border-top: 1px solid #cdd5c9; border-bottom: 1px solid #cdd5c9; } .brcm-filebox .brcm-filebox-rwd-table tr:hover { background: #e8ebe6; } .brcm-filebox .brcm-filebox-rwd-table tr:nth-child(2n+2) { background: #f5f6f4; } .brcm-filebox .brcm-filebox-rwd-table tr:nth-child(2n+2):hover { background: #e8ebe6; } .brcm-filebox .brcm-filebox-rwd-table th { display: none; font-weight: bold; background: #cdd5c9; } .brcm-filebox .brcm-filebox-rwd-table td { display: block; } .brcm-filebox .brcm-filebox-rwd-table td:first-child { padding-top: 9px; } .brcm-filebox .brcm-filebox-rwd-table td:last-child { padding-bottom: 9px; } .brcm-filebox .brcm-filebox-rwd-table td a { background: #69be28; padding: 10px 15px 5px 15px; border: none; font-weight: bold; font-size: 16px; margin: 7px 0; border-radius: 4px; color: #4e504d; } .brcm-filebox .brcm-filebox-rwd-table td a:hover { background: #5da924; cursor: pointer; } .brcm-filebox .brcm-filebox-rwd-table td.brcm-filebox-file-name a { background: none; text-decoration: underline; padding: 0; margin: 0; color: #69be28; } .brcm-filebox .brcm-filebox-rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 6.5em; display: inline-block; } @media (min-width: 600px) { .brcm-filebox .brcm-filebox-rwd-table td:before { display: none; } } .brcm-filebox .brcm-filebox-rwd-table td[data-th="Nivel"]:hover { cursor: pointer; position: relative; } .brcm-filebox .brcm-filebox-rwd-table td[data-th="Nivel"]:hover .reveal-levels-tenis-table { display: block; position: absolute; width: 230px; margin: -20px 0 0 15px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } .brcm-filebox .brcm-filebox-rwd-table th, .brcm-filebox .brcm-filebox-rwd-table td { text-align: left; } @media (min-width: 600px) { .brcm-filebox .brcm-filebox-rwd-table th, .brcm-filebox .brcm-filebox-rwd-table td { display: table-cell; padding: 7px; } .brcm-filebox .brcm-filebox-rwd-table th:first-child, .brcm-filebox .brcm-filebox-rwd-table td:first-child { padding-left: 0; } .brcm-filebox .brcm-filebox-rwd-table th:last-child, .brcm-filebox .brcm-filebox-rwd-table td:last-child { padding-right: 0; } } /*end thanks http://codepen.io/geoffyuen/pen/FCBEg*/ /*end CSS for FILEBOX*/ /*Publications Module*/ .brcm-publications-module-home .brcm-publications-list-of-categories li{ list-style-type: none; display: inline-block; background: none; padding: 0; margin: 0 15px 0 0; vertical-align: top; max-width: 200px; } .brcm-publications-module-home .brcm-publications-list-of-categories .brcm-publication-category { padding: 5px 0 0 0; } .brcm-publications-module .brcm-publication-date { font-size: 90%; padding: 4px 0; } .brcm-publications-module .brcm-caption { display: none; } .brcm-publications-module .brcm-publication-summary { padding: 10px 0 0 0; } .brcm-publications-current-year h3 { margin: 0; padding: 0; } .brcm-publications-module .brcm-publications-current-year { clear: both; padding: 25px 0 15px 0; } .brcm-publications-module .brcm-publications-current-year li{ list-style-type: none; display: inline-block; background: none; padding: 0; margin: 0 10px 0 0; } .brcm-publications-module .brcm-publications-current-year .brcm-list-of-publications li { list-style-type: none; display: inline-block; vertical-align: top; background: none; padding: 0; margin: 0 12px 12px 0; } .brcm-publications-module p:empty { display: none; } .brcm-publications-module .brcm-publication-detail-column-left { display: inline-block; vertical-align: top; width: 100%; } .brcm-publications-module .brcm-publication-detail .brcm-group-of-images{ margin: 15px 0; } div.continguts .brcm-publications-module .brcm-publication-detail .brcm-list-of-attachments-content { margin: 25px 0 0 0; float: none; width: 100%!important; clear: both; } /*end Publications module*/ /*Cookies top message*/ .brcm-cookies-message { text-align: left; width: 100%; max-width: 1200px; margin: 0 auto; padding: 7px 0; } .brcm-close-cookies-message { float: right; background: #e1e1e1; margin: 0 0 0 10px; padding: 5px; border-radius: 4px; } .brcm-close-cookies-message:hover { background: #d1d1d1; cursor: pointer; } /*end Cookies top message*/ div.brcm-actions span.brcm-message:empty { display: none!important; } .brcm-pagina-element .brcm-list-of-events li .brcm-date-especial{ display: none; } /* ======================= MEDIA QUERIES ======================= */ @media only screen and (max-width: 600px) { .brcm-filebox-file-type-folder, .brcm-filebox-file-type-file { display: none; } .brcm-filebox-file-actions { padding: 10px 0; } } /* ======================= END MEDIA QUERIES ======================= */ /********************************************************************** * Meteocat **********************************************************************/ .brcm-weather-cont .brcm-icon img{ max-width: 40px; } /********************************************************************** * End Meteocat **********************************************************************/ /********************************************************************** * pct-cookies-klaro **********************************************************************/ .klaro .title{ background: none; border: none; } /********************************************************************** * End pct-cookies-klaro **********************************************************************/