Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Module:Documentation/styles.css: Difference between revisions

From Amaranth Legacy, available at amaranth-legacy.community
Content deleted Content added
Star Citizen Wiki>Alistar Bot
m top: deprecate old Citizen variables, replaced: --color-base--emphasized → --color-emphasized, --border-radius--medium → --border-radius-medium, --color-base--subtle → --color-subtle
m 1 revision imported
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 {
margin: 0.2em 0; /* same margin left-right as .documentation */
display: flex;
align-items: center;
font-style: italic;
padding: 0.4em 1em; /* same padding left-right as .documentation */
justify-content: space-between;
flex-wrap: wrap;
}
}


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


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


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


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



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



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

Revision as of 22:08, November 10, 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%;
}


@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;
    }
}