Jump to content

Template:Player card/styles.css: Difference between revisions

From Spike Wiki
Refresh generated page templates and styles
 
Refine shared article layout templates
 
Line 1: Line 1:
.mw-parser-output .sw-player-card-list{
.mw-parser-output .sw-player-card-list{
   display:grid;
   display:block;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
   margin:0 0 1em;
  gap:.9rem;
   margin:0 0 1.25rem;
}
}
.mw-parser-output .sw-player-card{
.mw-parser-output .sw-player-card{
   display:flex;
   display:flex;
   align-items:center;
   align-items:center;
   gap:.85rem;
   gap:.75rem;
   padding:1rem;
   padding:.5rem 0;
   border:1px solid #dbe6f0;
   border:0;
   border-radius:18px;
  border-bottom:1px solid #eaecf0;
   background:linear-gradient(180deg,#ffffff,#f7fbfe);
   border-radius:0;
   box-shadow:0 12px 28px rgba(17,35,62,.08);
   background:none;
   box-shadow:none;
}
.mw-parser-output .sw-player-card:last-child{
  border-bottom:0;
}
}
.mw-parser-output .sw-player-card__photo{
.mw-parser-output .sw-player-card__photo{
   flex:0 0 72px;
   flex:0 0 56px;
   width:72px;
   width:56px;
   height:72px;
   height:56px;
   border-radius:999px;
   border-radius:999px;
   overflow:hidden;
   overflow:hidden;
   background:#e9f4f6;
   background:#eaecf0;
   box-shadow:inset 0 0 0 1px rgba(17,35,62,.08);
   box-shadow:none;
}
}
.mw-parser-output .sw-player-card__photo a,
.mw-parser-output .sw-player-card__photo a,
Line 37: Line 39:
}
}
.mw-parser-output .sw-player-card__name{
.mw-parser-output .sw-player-card__name{
  font-weight:700;
   font-size:1rem;
   font-size:1rem;
   line-height:1.2;
  font-weight:600;
   line-height:1.3;
}
}
.mw-parser-output .sw-player-card__meta{
.mw-parser-output .sw-player-card__meta{
   margin-top:.3rem;
   margin-top:.15rem;
   font-size:.88rem;
   font-size:.9rem;
   color:#58708a;
   color:#54595d;
}
}

Latest revision as of 20:59, 16 April 2026

.mw-parser-output .sw-player-card-list{
  display:block;
  margin:0 0 1em;
}
.mw-parser-output .sw-player-card{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.5rem 0;
  border:0;
  border-bottom:1px solid #eaecf0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.mw-parser-output .sw-player-card:last-child{
  border-bottom:0;
}
.mw-parser-output .sw-player-card__photo{
  flex:0 0 56px;
  width:56px;
  height:56px;
  border-radius:999px;
  overflow:hidden;
  background:#eaecf0;
  box-shadow:none;
}
.mw-parser-output .sw-player-card__photo a,
.mw-parser-output .sw-player-card__photo img{
  display:block;
  width:100%;
  height:100%;
}
.mw-parser-output .sw-player-card__photo img{
  object-fit:cover;
}
.mw-parser-output .sw-player-card__body{
  min-width:0;
}
.mw-parser-output .sw-player-card__name{
  font-size:1rem;
  font-weight:600;
  line-height:1.3;
}
.mw-parser-output .sw-player-card__meta{
  margin-top:.15rem;
  font-size:.9rem;
  color:#54595d;
}