Usuari:PepCC/vector.css
El codi que afegiu en aquesta pàgina podria tenir contingut maliciós que comprometi el vostre compte. Si no esteu segur si el codi a afegir és segur, pregunteu abans en la Taverna. El codi s'executarà en mostrar una previsualització d'aquesta pàgina. |
Nota: Després de desar, heu de netejar la memòria cau del navegador per veure els canvis. En la majoria de navegadors amb Windows o Linux, premeu Ctrl+F5 o bé premeu Shift i cliqueu el botó "Actualitza" (Ctrl i "Actualitza" amb Internet Explorer). Vegeu més informació i instruccions per a cada navegador a Viquipèdia:Neteja de la memòria cau.
/* definim bandes */
.requadre-portada {
box-shadow: 0 0 0.3rem #999;
padding: 1rem;
margin-bottom: 1.25rem;
}
.banda-left,
.banda-right {
box-sizing: border-box;
}
.banda-left {
float:left;
padding-right: 1.2rem;
}
.banda-right {
float:right;
}
#caixa-mare {
margin-top: 1rem;
}
#caixa-mare .banda-left {
width: 75%;
}
#caixa-mare .banda-right {
width: 25%;
}
#caixa-mare:after {
clear: both;
display: table;
content: '';
}
/* salts */
@media (max-width: 1000px) {
.banda-left,
.banda-right {
float: none;
width: auto !important;
}
.banda-left {
padding-right: 0;
}
}
@media (min-width: 1001px) {
#caixa-mare {
display: flex;
}
#caixa-mare .banda-left,
#caixa-mare .banda-right {
display: flex;
flex-direction: column;
}
.requadre-portada:nth-child(1) {
flex-grow: 1;
}
.requadre-portada:nth-child(2) {
flex-grow: 2;
}
.requadre-portada:nth-child(3) {
flex-grow: 3;
}
}
/* notícies via can :eu */
.imatge-act {
position: relative;
overflow: hidden;
max-width: 1000px;
min-width: 100%;
height: 100%;
width:100%;
}
.imatge-act img {
display: block;
position:absolute;
vertical-align:top;
max-width: 100%;
min-height:25vh;
height: auto;
width:auto;
object-fit: cover;
}