MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 32: Line 32:
   gap: 1.5em;
   gap: 1.5em;
   justify-content: space-between;
   justify-content: space-between;
  margin-top: 2em;
}
}


.pm-wide-grid .pm-box {
.pm-wide-grid .pm-box {
   flex: 1 1 calc(33.333% - 1em); /* 3 per row */
   flex: 1 1 calc(33.333% - 1em); /* 3 in a row */
   max-width: 100%;
   max-width: 100%;
}
}
Line 41: Line 42:
@media (max-width: 800px) {
@media (max-width: 800px) {
   .pm-wide-grid .pm-box {
   .pm-wide-grid .pm-box {
     flex: 1 1 100%; /* stack vertically on tablets/phones */
     flex: 1 1 100%; /* stack on narrow screens */
   }
   }
}
}
Line 123: Line 124:
   color: #2c3e50;
   color: #2c3e50;
   margin-bottom: 0.25em;
   margin-bottom: 0.25em;
}
/* Works & Days Ad */
.works-days-callout {
  background-color: #eef4f9; /* same pale blue */
  border-left: 5px solid #4a6fa5;
  margin-top: 3em;
}
.works-days-callout .pm-box-label {
  font-size: 1.3em;
  color: #2c3e50;
}
.works-days-callout em {
  font-style: italic;
  font-weight: bold;
}
}