Module:Documentation/styles.css: Difference between revisions

From Test Wiki
Jump to navigation Jump to search
Content deleted Content added
m>Pppery
Color update
m 1 revision imported
Tags: Mobile edit Mobile web edit
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
.documentation,
/* {{PP-template}} */
.documentation-metadata {
.ts-doc-sandbox .mbox-image {
background-color: #ecfcf4;
padding:.75em 0 .75em .75em;
border: 1px solid #a2a9b1;
clear: both;
}
}


.documentation {
.ts-doc-doc {
margin: 1em 0 0 0;
clear: both;
padding: 1em;
background-color: #ecfcf4;
border: 1px solid #a2a9b1;
margin-top: 1em;
padding: 5px;
}
}


.documentation-metadata {
.ts-doc-header {
font-style: italic;
padding-bottom: 3px;
margin: 0.2em 0; /* Same margin-left and margin-right as .documentation */
border-bottom: 1px solid #a2a9b1;
padding: 0.4em 1em; /* Same padding-left and padding-right as .documentation */
margin-bottom: 1ex;
}
}


.documentation-startbox {
.ts-doc-header .ts-tlinks-tlinks {
border-bottom: 1px solid #aaa;
display: inline-block;
margin-bottom: 1ex;
line-height: 24px;
padding-bottom: 3px;
margin-left: 1em;
}
}


.documentation-heading {
.ts-doc-header .ts-tlinks-tlinks a.external {
font-size: 1.25em;
color: #0645ad;
font-weight: 700;
}
}


/* Don't want things to stick out where they shouldn't. */
.ts-doc-header .ts-tlinks-tlinks a.external:visited {
.documentation-clear {
color: #0b0080;
clear: both;
}
}


.documentation-toolbar {
.ts-doc-header .ts-tlinks-tlinks a.external:active {
font-size: 0.85em;
color: #faa700;
font-style: normal;
}
}


@media screen {
.ts-doc-content:after {
html.skin-theme-clientpref-night .documentation,
content: '';
html.skin-theme-clientpref-night .documentation-metadata {
clear: both;
background-color: #0b1e1c;
display: block;
}
}
}


.ts-doc-heading {
display: inline-block;
padding-left: 55px;
background: center left/50px no-repeat;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg/50px-Test_Template_Info-Icon_-_Version_%282%29.svg.png);
background-image: url(https://upload.wikimedia.org/wikipedia/commons/4/43/Test_Template_Info-Icon_-_Version_%282%29.svg);
font-size: 1.5em;
}

.ts-doc-content > *:first-child,
.ts-doc-footer > *:first-child {
margin-top: .5em;
}

.ts-doc-content > *:last-child,
.ts-doc-footer > *:last-child {
margin-bottom: .5em;
}

.ts-doc-footer {
background-color: #ecfcf4;
border: 1px solid #a2a9b1;
padding: .25em 1em;
margin-top: .2em;
font-style: italic;
}

.ts-doc-footer small {
font-style: normal;
}

.ts-doc-sandbox {
clear: both;
}

@media screen {
html.skin-theme-clientpref-night .ts-doc-footer,
html.skin-theme-clientpref-night .ts-doc-doc {
background-color: #0b1e1c;
}
}
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .ts-doc-footer,
html.skin-theme-clientpref-os .documentation,
html.skin-theme-clientpref-os .ts-doc-doc {
html.skin-theme-clientpref-os .documentation-metadata {
background-color: #0b1e1c;
background-color: #0b1e1c;
}
}
}
/* fix headers in dark mode */
.ts-doc-content .mw-headline {
color:inherit;
}
.mw-templatedata-caption,
.mw-templatedata-format {
color:inherit;
}
/* fix icon for templatedata params (inline/block) in dark mode */
.mw-templatedata-doc-params .oo-ui-widget {
filter: unset !important;
}
}

Latest revision as of 12:08, 16 November 2025

.documentation,
.documentation-metadata {
  background-color: #ecfcf4;
  border: 1px solid #a2a9b1;
  clear: both;
}

.documentation {
  margin: 1em 0 0 0;
  padding: 1em;
}

.documentation-metadata {
  font-style: italic;
  margin: 0.2em 0; /* Same margin-left and margin-right as .documentation */
  padding: 0.4em 1em; /* Same padding-left and padding-right as .documentation */
}

.documentation-startbox {
  border-bottom: 1px solid #aaa;
  margin-bottom: 1ex;
  padding-bottom: 3px;
}

.documentation-heading {
  font-size: 1.25em;
  font-weight: 700;
}

/* Don't want things to stick out where they shouldn't. */
.documentation-clear {
  clear: both;
}

.documentation-toolbar {
  font-size: 0.85em;
  font-style: normal;
}

@media screen {
  html.skin-theme-clientpref-night .documentation,
  html.skin-theme-clientpref-night .documentation-metadata {
    background-color: #0b1e1c;
  }
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .documentation,
  html.skin-theme-clientpref-os .documentation-metadata {
    background-color: #0b1e1c;
  }
}