.sky-card-root{
display: block;
box-shadow: #ccc 0px 0px 1px, #ccc 1px 1px 2px;
border-radius: 5px;
}
.sky-card-overview{
display: block;
}
@media screen and (max-width:480px) {
.sky-card-root{
margin: 15px 0px;
overflow:hidden;
}
.sky-card-image img{
width: 100% !important;
height: auto !important;
}
}
@media screen and (min-width:480px) {
.sky-card-root{
margin: 15px 5px;
}
.sky-card-image{
padding: 15px;
box-sizing: border-box;
}
.sky-card-image img{
width: 200px !important;
height: auto !important;
transform-origin: 80% 50%;
border-radius: 2px;
transition-property: transform, border-radius;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
.sky-card-overview{
display: flex;
flex-direction: row-reverse;
}
.sky-card-info{
flex-grow: 1;
padding: 10px;
}
.sky-card-image img:hover {
transform: scale(1.5);
border-radius: 3.5px;
}
}
.sky-card-info{
padding: 10px;
}
.sky-card-title{
font-size: 1.5em;
}
.sky-card-text{
display: block;
}
.sky-card-more{
display: block;
padding: 10px;
}
/* [[Category:在模板名字空间下的CSS页面]] */