MTRNord's Wiki

Template:Plant Update/styles.css: Difference between revisions

Browse history interactively
MTRNord (talk | contribs)
Bureaucrats, Check users, Interface administrators, Administrators, Temporary account IP viewers
110 edits
Created page with "→Plant Update Log Styles - Dark/Light Theme Support: .plant-update { width: 100%; margin: 1em 0; border-collapse: collapse; border: 1px solid #a2a9b1; background: #ffffff; } .plant-update th, .plant-update td { border: 1px solid #a2a9b1; padding: 0.75em; } .plant-update-date { font-weight: bold; width: 150px; background: #e8f5e9; color: #202122; } .plant-update-status { font-weight: bold; background: #e8f5e9; color: #202122; } .plant-..."
 
Fix print layout sizing
 
(3 intermediate revisions by the same user not shown)
Line 7: Line 7:
   border: 1px solid #a2a9b1;
   border: 1px solid #a2a9b1;
   background: #ffffff;
   background: #ffffff;
}
.infobox ~ .plant-update {
  width: calc(100% - 21em);
}
@media print {
  .infobox ~ .plant-update {
    width: calc(100% - 25em);
  }
}
.plant-update-image {
  float: left;
  clear: left;
  margin: 0 1em 0.5em 0;
  max-width: 200px;
}
.plant-update-image img {
  display: block;
  width: 100%;
  height: auto;
}
}


Line 35: Line 58:
}
}


@media (prefers-color-scheme: dark) {
/* Status badges — manual Night toggle */
   .plant-update {
@media screen {
   html.skin-theme-clientpref-night .plant-update {
     background: #202122;
     background: #202122;
   }
   }


   .plant-update th,
   html.skin-theme-clientpref-night .plant-update th,
   .plant-update td {
   html.skin-theme-clientpref-night .plant-update td {
     border-color: #595959;
     border-color: #595959;
   }
   }


   .plant-update-date,
   html.skin-theme-clientpref-night .plant-update-date,
   .plant-update-status {
   html.skin-theme-clientpref-night .plant-update-status {
     background: rgba(76, 174, 80, 0.15);
     background: rgba(76, 174, 80, 0.15);
     color: #eaecf0;
     color: #eaecf0;
   }
   }


   .plant-update-notes {
   html.skin-theme-clientpref-night .plant-update-notes {
    border-top-color: #404244;
    color: #eaecf0;
  }
}
 
/* Status badges — OS dark preference */
@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .plant-update {
    background: #202122;
  }
 
  html.skin-theme-clientpref-os .plant-update th,
  html.skin-theme-clientpref-os .plant-update td {
    border-color: #595959;
  }
 
  html.skin-theme-clientpref-os .plant-update-date,
  html.skin-theme-clientpref-os .plant-update-status {
    background: rgba(76, 174, 80, 0.15);
    color: #eaecf0;
  }
 
  html.skin-theme-clientpref-os .plant-update-notes {
     border-top-color: #404244;
     border-top-color: #404244;
     color: #eaecf0;
     color: #eaecf0;
Line 67: Line 114:
   border-radius: 4px;
   border-radius: 4px;
   border: 1px solid #eaecf0;
   border: 1px solid #eaecf0;
}
/* Status badges — manual Night toggle */
@media screen {
  html.skin-theme-clientpref-night .plant-update img {
    border-color: #404244;
  }
}
}


@media (prefers-color-scheme: dark) {
/* Status badges — OS dark preference */
   .plant-update img {
@media screen and (prefers-color-scheme: dark) {
   html.skin-theme-clientpref-os .plant-update img {
     border-color: #404244;
     border-color: #404244;
   }
   }
}
}
Retrieved from "https://wiki.mtrnord.blog/wiki/Template:Plant_Update/styles.css"