MediaWiki:Common.css: Difference between revisions

Import from wiki-src
 
Import from wiki-src
 
(5 intermediate revisions by the same user not shown)
Line 13: Line 13:
/* Main Page: no title, no tagline */
/* Main Page: no title, no tagline */
body.page-Main_Page.action-view .mw-first-heading,
body.page-Main_Page.action-view .mw-first-heading,
body.page-Main_Page.action-view #siteSub { display: none; }
body.page-Main_Page.action-view #siteSub,
body.page-మొదటి_పేజీ.action-view .mw-first-heading,
body.page-మొదటి_పేజీ.action-view #siteSub { display: none; }


/* Wordmark and tagline are dark SVG text; flip them in dark mode */
/* Dark mode for the wordmark and tagline needs no rule here: Vector puts
html.skin-theme-clientpref-night .mw-logo-wordmark,
  .skin-invert on .mw-logo-container, which already inverts them. */
html.skin-theme-clientpref-night .mw-logo-tagline { filter: invert(1) hue-rotate(180deg); }
@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .mw-logo-wordmark,
  html.skin-theme-clientpref-os .mw-logo-tagline { filter: invert(1) hue-rotate(180deg); }
}


/* ---------------------------------------------------------------- Infobox */
/* ---------------------------------------------------------------- Infobox */
Line 67: Line 64:


/* ---------------------------------------------------------- Message boxes */
/* ---------------------------------------------------------- Message boxes */
table.ambox {
.ambox {
   width: 80%;
   /* flex + overflow:hidden starts a new formatting context, so the box
   margin: 0 10% 0.8em;
    shrinks to fit beside a floated infobox instead of dropping below it */
  display: flex;
  align-items: center;
  gap: 0.7em;
  overflow: hidden;
   margin: 0 0 0.8em;
  padding: 0.35em 0.8em 0.35em 0.9em;
   border: 1px solid var(--border-color-base, #a2a9b1);
   border: 1px solid var(--border-color-base, #a2a9b1);
   border-left: 10px solid #36c;
   border-left: 10px solid #36c;
  border-collapse: collapse;
   background-color: var(--background-color-neutral-subtle, #fbfbfb);
   background-color: var(--background-color-neutral-subtle, #fbfbfb);
  font-size: 95%;
}
}
table.ambox td { padding: 0.25em 0.5em; }
.ambox .mbox-image { flex: 0 0 auto; }
.ambox .mbox-image { width: 52px; text-align: center; padding: 2px 0 2px 0.9em; }
.ambox .mbox-text { flex: 1 1 auto; min-width: 0; }
.ambox .mbox-text { font-size: 95%; }
.mbox-icon {
.mbox-icon {
   display: inline-block; width: 36px; height: 36px; line-height: 36px;
   display: inline-block; width: 36px; height: 36px; line-height: 36px;
Line 84: Line 86:
   background-color: #36c;
   background-color: #36c;
}
}
table.ambox-content { border-left-color: #f28500; }
.ambox-content { border-left-color: #f28500; }
table.ambox-content .mbox-icon { background-color: #f28500; }
.ambox-content .mbox-icon { background-color: #f28500; }
table.ambox-style  { border-left-color: #fc3; }
.ambox-style  { border-left-color: #fc3; }
table.ambox-style .mbox-icon { background-color: #d9a400; }
.ambox-style .mbox-icon { background-color: #d9a400; }
table.ambox-delete  { border-left-color: #b32424; }
.ambox-delete  { border-left-color: #b32424; }
table.ambox-delete .mbox-icon { background-color: #b32424; }
.ambox-delete .mbox-icon { background-color: #b32424; }


/* Inline [citation needed] / [confirmation needed] */
/* Inline [citation needed] / [confirmation needed] */
Line 174: Line 176:
.mp-areas { display: flex; flex-wrap: wrap; gap: 0.4em 1.5em; }
.mp-areas { display: flex; flex-wrap: wrap; gap: 0.4em 1.5em; }
.mp-areas > div { flex: 1 1 14em; }
.mp-areas > div { flex: 1 1 14em; }
/* ------------------------------------------------ Block quotations {{Quote}} */
blockquote.templatequote { margin: 1em 1.6em; padding: 0 0 0 0.8em; border-left: 3px solid var(--border-color-subtle, #c8ccd1); }
blockquote.templatequote .templatequotecite { margin-top: 0.3em; font-size: 95%; }
/* ------------------------------------------- File description table (Commons style) */
table.fileinfotpl { width: 100%; }
table.fileinfotpl th { text-align: left; vertical-align: top; background-color: var(--background-color-neutral, #eaecf0); }


/* ------------------------------------------------------------- Phones */
/* ------------------------------------------------------------- Phones */
@media screen and (max-width: 720px) {
@media screen and (max-width: 720px) {
   .infobox { float: none; width: 100%; margin: 0 0 1em; }
   .infobox { float: none; width: 100%; margin: 0 0 1em; }
  table.ambox { width: 100%; margin: 0 0 0.8em; }
   .navbox-group { white-space: normal; }
   .navbox-group { white-space: normal; }
}
}