Module:Documentation/styles.css: Difference between revisions

From IxWiki
Jump to navigation Jump to search
No edit summary
wp>Izno
Undid revision 1225551552 by Izno (talk) sigh
Line 1: Line 1:
/* {{pp|small=yes}} */
.documentation,
.documentation-metadata {
border: 1px solid #a2a9b1;
background-color: #ecfcf4;
clear: both;
}
.documentation {
.documentation {
    margin-top: var( --space-md );
margin: 1em 0 0 0;
    padding-top: var( --space-md );
padding: 1em;
    border-top: 1px solid;
    border-color: var( --border-color-base );
    font-size: var( --font-size-small );
}
}


.documentation-header {
.documentation-metadata {
    display: flex;
margin: 0.2em 0; /* same margin left-right as .documentation */
     align-items: center;
     font-style: italic;
     justify-content: space-between;
     padding: 0.4em 1em; /* same padding left-right as .documentation */
    flex-wrap: wrap;
}
}


.documentation-title {
.documentation-startbox {
    color: var( --color-base--emphasized );
padding-bottom: 3px;
    font-size: var( --font-size-x-large );
border-bottom: 1px solid #aaa;
    font-weight: var( --font-weight-semibold );
margin-bottom: 1ex;
    line-height: var( --line-height-xs );
}
}


.documentation-links {
.documentation-heading {
    font-family: var( --font-family-monospace );
font-weight: bold;
font-size: 125%;
}
}


.documentation-subheader {
.documentation-clear { /* Don't want things to stick out where they shouldn't. */
    color: var( --color-base--subtle );
clear: both;
    font-size: var( --font-size-x-small );
    line-height: var( --line-height-sm );
}
}


.documentation-content {
.documentation-toolbar {
    margin-top: var( --space-xl );
font-style: normal;
font-size: 85%;
}
}


.documentation-modulestats {
html.skin-theme-clientpref-night .documentation,
    padding: var( --space-xxs );
html.skin-theme-clientpref-night .documentation-metadata {
    background: var( --color-surface-2 );
     background-color: #0b1e1c;
     border-radius: var( --border-radius--medium );
    display: flex;
    align-items: center;
    justify-content: space-between;
}
}


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

Revision as of 01:16, 25 May 2024

/* {{pp|small=yes}} */
.documentation,
.documentation-metadata {
	border: 1px solid #a2a9b1;
	background-color: #ecfcf4;
	clear: both;
}

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

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

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

.documentation-heading {
	font-weight: bold;
	font-size: 125%;
}

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

.documentation-toolbar {
	font-style: normal;
	font-size: 85%;
}

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

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