MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 1,256: Line 1,256:


/* =========================================================
/* =========================================================
   OOO ITEM PANEL LAYOUT (Reusable)
   OOO ITEM PANEL LAYOUT (Stable)
   ========================================================= */
   ========================================================= */


/* top row: infobox + description */
.ooo-item-top{
.ooo-item-top{
   display:flex;
   display:grid;
  grid-template-columns:260px 1fr;
   gap:24px;
   gap:24px;
   align-items:flex-start;
   align-items:start;
}
 
.ooo-item-top .ooo-infobox{
  width:260px;
  min-width:260px;
}
}


/* description beside infobox */
.ooo-item-description{
.ooo-item-description{
  flex:1;
  max-width:460px;
   line-height:1.6;
   line-height:1.6;
}
}


/* bottom content area */
.ooo-item-body{
.ooo-item-body{
   margin-top:20px;
   margin-top:20px;
Line 1,280: Line 1,281:
   max-width:540px;
   max-width:540px;
   line-height:1.65;
   line-height:1.65;
}
/* prevent infobox shrinking */
.ooo-item-top .ooo-infobox{
  flex-shrink:0;
}
/* notes block (optional) */
.ooo-item-notes{
  margin-bottom:16px;
  padding:10px 14px;
  border-left:4px solid var(--ooo-accent);
  background:rgba(245,196,0,0.08);
  border-radius:4px;
  font-size:0.95rem;
}
}