style.css
style.css — 5.4 KB
Continguts del fitxer
/* Afegim la font helvetica */ @import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500,500i,700,700i'); /* Les caracter�stiques de tota la p�gina */ body{ font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #636363; font-weight: 300px; font-size: 16px; line-height: 1.45; } /* el color del text dels h2 */ body h2{ color: #0077C8; } /*fem que tots els h2 tinguin aquestes caracter�sticas*/ h2{ margin-top:20px; margin-bottom: 10px; font-family:"Roboto",Arial,sans-serif; font-weight: 300; line-height: 1.1; font-size:26; } /*caracter�stiques ul */ ul{ display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; } /*caracter�stiques del li dins del ul*/ ul li{ font-weight: 300; font-size: 1.1em; } /*caracter�stiques del ul i ol*/ ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 0px; } /*Fem que tots els hipervincles tinguin un color predeterminat, sense el subrallat*/ a { color: #007BC1; text-decoration: none; background-color: transparent; } #index a{ text-decoration: none; color: #007BC1; } h3,.h3{ font-size: 20px; } /*caracter�stiques */ h3 { color: #4A4A4A; font-weight: 400; } /*caracter�stiques */ p{ font-weight: 100; color: #636363; font-size: 16px; } b,strong{ font-weight: bolder; } .modal-header{ line-height: 1.45em; } .unstyled li{ line-height: 1.45em; } .titling-line::after { content: ""; position: absolute; margin-left: 12px; background: #d1d1d1; height: 1px; box-shadow: 1000px 0 0 -1000px #d1d1d1; width: 100%; top: 50%; } /* El separador */ .titling-line { font-size: 180%; font-weight: 300; color: #666; position: relative; overflow: hidden; padding: 6px 0; margin-top: 0; } .titling-lineg::after { content: ""; position: absolute; margin-left: 12px; background: #d1d1d1; height: 1px; box-shadow: 1000px 0 0 -1000px #d1d1d1; width: 100%; top: 50%; } /*IMAGEN VECTORIZADA*/ #vec{ src="https://pmt.es/ca/entitats-1/css/subtract.svg" alt="logo vectorizado" } li { display: list-item; text-align: -webkit-match-parent; } .portlet h2 { border-bottom: 1px solid #b2b2b2; font-weight: 300; line-height: 1.5; font-size: 180% !important; } /*caracter�stiques */ div.label{ background-color: #f2f5f6; padding-bottom: 10px; font-size: 16px; } /*caracter�stiques */ label{ font-size: 14px; font-weight: 300; } input[type="text"]{ width: 95%; } input[type="submit"]{ width: 100%; padding:10px; } .primary h2 a, .primary p{ color: #fff; font-size:1.3em; } /*caracter�stiques */ .h224{ font-size: 180%; font-weight: 300; line-height: 1.5; color: #007BC1; } /*** efecte rotar en 0.5 segons ***/ .img-rotate-scale { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } /*les voltes que fara la imatge */ .img-rotate-scale:hover { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); } /* .noticia-full-2cols { height:0px; } */ /* canvi al peu del portlet noticies */ .portlet-ampliat .portlet-footer { font-weight: lighter; font-size: 140%; } /* canvi per la icona del peu de portlet noticies */ .portlet-ampliat i { margin-top: 5px; } .portlet dt { border-bottom: 1px solid #b2b2b2; font-weight: 300; line-height: 1.5; font-size: 180% !important; padding: 4px 0 !important; } /* xifres de colors peu plana*/ .well{ padding: 18px; background-color: #F2F5F6; border: 0; border-radius: 4px; box-shadow: none; margin-bottom: 40px; } .list-numeral{ margin: 20px 0; margin-top: 20px; -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; list-style: none; text-align: center; padding: 0; } .list-numeral li{ -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; font-size:1.5rem; display:block; line-height:1; padding-bottom:20px; } @media (max-width: 768px) { .list-numeral { column-count:3; -moz-column-count:3; } } @media (max-width: 480px) { .list-numeral { column-count:2; -moz-column-count:2; } } .list-numeral strong{ font-size: 200%; display: block; font-weight: lighter; } .list-numeral :nth-child(1) strong{ color: #6734BA; } .list-numeral :nth-child(2) strong{ color: #9D1CB2; } .list-numeral :nth-child(3) strong{ color: #DA125F; } .list-numeral :nth-child(4) strong{ color: #F6412D; } .list-numeral :nth-child(5) strong{ color: #FF5606; } .list-numeral :nth-child(6) strong{ color: #FF9800; } .accordion-inner ol li, .accordion-inner ul li{ padding-top: 10px; } .box .row-fluid .span9 h2{ line-height: 24px; } /* ------------ */