.gris { font-size: 1.2em; color: #222; background: #f8f8f8; font-weight: 600; padding: 15px; line-height: 1.5em; margin-bottom: 15px; display: inline-block; } .destacat { font-size: 1.4em; color: #0092a3; padding: 10px; text-transform: uppercase; text-align: right; display: inline-block; } .caixa_titol_taronja { background-color: #F08127; color: white; font-size: 130%; font-weight: bold; padding: 15px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; } .caixa_titol_blau { color: white; font-size: 130%; font-weight: bold; padding: 15px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); background-color: #0293A2; border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; } .caixa_barra_taronja { padding: 15px; background-color: #f8f8f8; border-left: 8px solid #F08127; display: inline-block; } .caixa_barra_blau { padding: 15px; background-color: #f8f8f8; border-left: 8px solid #0293A2; display: inline-block; } .subratllat { border-bottom: 2px solid #0293A2; display: inline-block; } .contingut_caixa { background-color: #f8f8f8; border-bottom: 1px solid #dddddd; margin-top: -15px; padding: 15px; display: inline-block; } .contingut_nota, .contingut_video, .contingut_enllac, .contingut_descarrega, .contingut_informacio, .contingut_cita { background: #fafafa; border-bottom: 2px solid #ddd; margin: 15px 0; padding: 10px 10px 10px 15px; } .contingut_video, .contingut_enllac, .contingut_descarrega, .contingut_informacio { padding-left: 40px; border-top: 4px solid #ddd; background-repeat: no-repeat; display: inline-block; } .contingut_video { background: rgba(217, 83, 79, 0.1) url("imatges/video.png") no-repeat scroll 0 0; border-color: rgba(217, 83, 79, 0.3); display: inline-block; } .contingut_enllac { background: rgba(240, 173, 78, 0.1) url("imatges/enllac.png") no-repeat scroll 0 0; border-color: rgba(240, 173, 78, 0.3); display: inline-block; } .contingut_descarrega { background: rgba(76, 174, 76, 0.1) url("imatges/descarrega.png") no-repeat scroll 0 0; border-color: rgba(76, 174, 76, 0.3); display: inline-block; } .contingut_cita { background-size: 32px; border-bottom: 2px solid #dddddd; font-style: italic; text-shadow: 0 1px 0 rgba(100, 100, 100, 0.1); padding-left: 45px; display: inline-block; } .contingut_info { background: rgba(70, 189, 218, 0.1) url('data:image/svg+xml;utf8,') no-repeat 20px center; border-top: 4px solid rgba(70, 189, 218, 0.3); /* Vora superior més ampla */ border-bottom: 2px solid rgba(70, 189, 218, 0.3); /* Vora inferior més fina */ display: inline-block; /* Manté l'element inline-block */ padding-left: 70px; /* Ajusta espai per a la icona més gran */ padding-right: 20px; /* Espai a la dreta del text */ padding-top: 10px; padding-bottom: 10px; background-size: 40px 40px; /* Ajusta la mida de la icona SVG */ width: 100%; /* Assegura que l'ample sigui complet */ box-sizing: border-box; /* Assegura que el padding no afecti la mida total */ } .contingut_descarrega2 { background: rgba(76, 174, 76, 0.1) url('data:image/svg+xml;utf8,') no-repeat 20px center; border-top: 4px solid rgba(76, 174, 76, 0.3); /* Vora superior més ampla */ border-bottom: 2px solid rgba(76, 174, 76, 0.3); /* Vora inferior més fina */ display: inline-block; /* Manté l'element inline-block */ padding-left: 70px; /* Afegeix més espai per a la icona més gran */ padding-right: 20px; /* Espai a la dreta del text */ padding-top: 10px; padding-bottom: 10px; background-size: 40px 40px; /* Ajusta la mida de la icona SVG */ width: 100%; /* Assegura que l'ample sigui complet */ box-sizing: border-box; /* Assegura que el padding no afecti la mida total */ } .contingut_enllac2 { background: rgba(240, 173, 78, 0.1) url('data:image/svg+xml;utf8,') no-repeat 20px center; border-top: 4px solid rgba(240, 173, 78, 0.3); /* Vora superior més ampla */ border-bottom: 2px solid rgba(240, 173, 78, 0.3); /* Vora inferior més fina */ display: inline-block; /* Manté l'element inline-block */ padding-left: 70px; /* Espai per a la icona */ padding-right: 20px; /* Espai a la dreta del text */ padding-top: 10px; padding-bottom: 10px; background-size: 40px 40px; /* Ajusta la mida de la icona SVG dins del cercle */ width: 100%; /* Assegura que l'ample sigui complet */ box-sizing: border-box; /* Assegura que el padding no afecti la mida total */ }

Revista Fosbury #48

Subscriu-te al nostre butlletí