Diferencia entre revisiones de «Plantilla:Tarjeta de biblioteca/style.css»
De ProleWiki, la enciclopedia proletaria
Más idiomas
Más acciones
(Creación de «Plantilla:Tarjeta de biblioteca/style.css») |
(Agregar la regla: "flex" para el contenedor "library-container".) |
||
Línea 1: | Línea 1: | ||
/* | |||
In es.prolewiki.org there is no such rule in this specific container. | |||
*/ | |||
.library-container { | |||
display: flex; | |||
} | |||
.library-card{ | .library-card{ | ||
width:200px; | width:200px; |
Revisión del 05:51 10 jul 2023
/*
In es.prolewiki.org there is no such rule in this specific container.
*/
.library-container {
display: flex;
}
.library-card{
width:200px;
margin:20px 0 0 20px;
padding:0;
border:1px gray solid;
border-radius:10px 10px 4px 4px;
overflow:hidden;
z-index:10;
box-shadow: 3px 1px 8px 1px gray;
transition: box-shadow 0.4s, transform 0.4s;
}
.library-card:hover{
box-shadow: 5px 4px 11px 3px #666;
transform:scale(1.02);
}
.library-card-TOC{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}
.library-card-image {
height:300px;
padding:0;
margin:0;
z-index:-1;
}
img{
width:auto;
height:100%;
transform: scale(1.1);
overflow:hidden;
padding:0;
margin:0;
transition: transform 0.4s, filter 0.4s;
z-index:-1;
filter:grayscale(1);
}
img:hover{
transform:scale(1.2);
filter:grayscale(0.3);
}
.library-card-content{
padding:15px 2px;
margin:0;
text-align:center;
display:block;
z-index:10;
overflow:hidden;
position:relative;
border-top:1px solid gray;
}
.library-card-title{
font-size:1.2rem;
font-weight:normal;
}
.library-card-works{
font-size:0.8rem;
}
.library-card-works,.library-card-title,p,span{
display:inline;
}
.library-card-content p{
line-height:0.1rem;
}