Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Library card mini/style.css: Difference between revisions

Template page
No edit summary
Tag: Reverted
(Blanked the page)
Tag: Blanking
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* .library-card-container-mini theming is in MediaWiki:Common.css so that it doesn't get called every time you add the template */


/* resize grid on mobile so there's only one column */
@media only screen and (max-width: 720px) {
.library-container-mini{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px 0;
}
.library-container-mini > p{ /* the every other row bug happens here too, but they're just empty <p> tags. Fixed with this. */
display:none;
}
.library-card-mini-content{
height:25px;
}
}
/* everything else for this template */
.library-card-mini-content{
display: inline-grid;
grid-template-columns: 45px 155px;
grid-template-rows: 1fr;
height:75px;
overflow:hidden; /* you get three lines of text, no more */
align-items:center;
}
.library-card-mini img{
height:35px;
width:35px;
object-fit:cover;
border-radius:5px;
transform:scale(1); /* cancels the scale-in effect that the library cards have*/
}
.library-card-mini img:hover{
transform:scale(1);
}
.library-card-mini-text{
grid-column-start:2;
grid-column-end:3;
}
.library-card-mini-title{
height:0;
width:0;
position:relative;
}
.library-card-mini-TOC{
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

Latest revision as of 13:39, 19 September 2023