Toggle search
Toggle menu
15
532
3.2K
2.3K
Mine in Abyss
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Module:Documentation/styles.css: Difference between revisions

From Mine in Abyss
More actions
← Older editNewer edit →
minecraft>TheDJ
use the text color from design tokens. Use fixed, as our backgrounds are always light blue.
m 1 revision imported
Line 1: Line 1:
.ts-doc-sandbox .mbox-image {
.documentation {
padding:.75em 0 .75em .75em;
background-color: hsl(215, 75%, 92%);
border: 1px solid #ccc;
padding: 0.8em 1em 0.7em;
margin-top: 1em;
clear: both;
}
}
body.wgl-theme-dark .documentation {
.ts-doc-doc {
background-color: hsl(215, 25%, 8%);
clear: both;
border-color: #121212;
background-color: #eaf3ff;
color: var(--color-fixed, #333);
border: 1px solid #a3caff;
margin-top: 1em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
}


.ts-doc-header {
.documentation-header-top,
background-color: #c2dcff;
.documentation-header-bottom {
color: var(--color-fixed, #333 );
padding: 0.8em 1em 0.7em;
padding: .642857em 1em .5em;
background-color: hsl(215, 75%, 85%);
border-top-left-radius: 2px;
}
border-top-right-radius: 2px;
body.wgl-theme-dark .documentation-header-top,
body.wgl-theme-dark .documentation-header-bottom {
background-color: hsl(215, 25%, 12%);
}
}


.ts-doc-heading {
.documentation-header-top {
display: inline-block;
margin: -0.8em -1em 0.8em;
padding-left: 30px;
border-bottom: inherit;
background: center left / 24px 24px no-repeat;
/* @noflip */
background-image: url( //upload.wikimedia.org/wikipedia/commons/f/fb/OOjs_UI_icon_puzzle-ltr.svg );
height: 24px;
line-height: 24px;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
}


.ts-doc-header .ts-tlinks-tlinks {
.documentation-header-bottom {
line-height: 24px;
margin: 0.7em -1em -0.7em;
margin-left: 0;
border-top: inherit;
clear: both;
}
}


.ts-doc-header .ts-tlinks-tlinks a.external {
.documentation #documentation-jump-to-code {
color: #0645ad;
    white-space: nowrap;
}
}


.ts-doc-header .ts-tlinks-tlinks a.external:visited {
.documentation #documentation-header-tools {
color: #0b0080;
    float: right;
    margin-left: 2em;
}
}


.ts-doc-header .ts-tlinks-tlinks a.external:active {
.documentation-header-title {
color: #faa700;
font-weight: bold;
font-size: 130%;
margin-right: 1em;
line-height: 1;
}
}


.ts-doc-content {
.documentation-badDoc {
padding: .214286em 1em;
background-color: hsl(40, 75%, 92%);
}
}
 
body.wgl-theme-dark .documentation-badDoc {
.ts-doc-content:after {
background-color: hsl(40, 25%, 8%);
content: '';
clear: both;
display: block;
}
}


.ts-doc-content > :first-child {
.documentation-badDoc .documentation-header-top,
margin-top: .5em;
.documentation-badDoc .documentation-header-bottom {
background-color: hsl(40, 75%, 85%);
}
}
 
body.wgl-theme-dark .documentation-badDoc .documentation-header-top,
.ts-doc-content > :last-child {
body.wgl-theme-dark .documentation-badDoc .documentation-header-bottom {
margin-bottom: .5em;
background-color: hsl(40, 25%, 12%);
}
}


.ts-doc-footer {
.documentation-noDoc {
background-color: #eaf3ff;
background-color: hsl(0, 0%, 92%);
color: var(--color-fixed, #333);
border: 1px solid #a3caff;
padding: .214286em 1em;
margin-top: .214286em;
font-style: italic;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
}
 
body.wgl-theme-dark .documentation-noDoc {
@media all and (min-width: 720px) {
background-color: hsl(0, 0%, 8%);
.ts-doc-header .ts-tlinks-tlinks {
float: right;
}
}
}


/* fix headers in dark mode */
.documentation-noDoc .documentation-header-top,
.ts-doc-content .mw-heading {
.documentation-noDoc .documentation-header-bottom {
color: var(--color-fixed, #222);
background-color: hsl(0, 0%, 85%);
}
}
.mw-templatedata-caption,
body.wgl-theme-dark .documentation-noDoc .documentation-header-top,
.mw-templatedata-format {
body.wgl-theme-dark .documentation-noDoc .documentation-header-bottom {
color: var(--color-fixed, #222);
background-color: hsl(0, 0%, 12%);
}
/* fix icon for templatedata params (inline/block) in dark mode */
.mw-templatedata-doc-params .oo-ui-widget {
filter: unset !important;
}
}
/*
[[Category:Template styles]]
[[zh:Module:Documentation/styles.css]]
*/

Revision as of 13:26, 11 October 2024

.documentation {
	background-color: hsl(215, 75%, 92%);
	border: 1px solid #ccc;
	padding: 0.8em 1em 0.7em;
	margin-top: 1em;
	clear: both;
}
body.wgl-theme-dark .documentation {
	background-color: hsl(215, 25%, 8%);
	border-color: #121212;
}

.documentation-header-top,
.documentation-header-bottom {
	padding: 0.8em 1em 0.7em;
	background-color: hsl(215, 75%, 85%);
}
body.wgl-theme-dark .documentation-header-top,
body.wgl-theme-dark .documentation-header-bottom {
	background-color: hsl(215, 25%, 12%);
}

.documentation-header-top {
	margin: -0.8em -1em 0.8em;
	border-bottom: inherit;
}

.documentation-header-bottom {
	margin: 0.7em -1em -0.7em;
	border-top: inherit;
	clear: both;
}

.documentation #documentation-jump-to-code {
    white-space: nowrap;
}

.documentation #documentation-header-tools {
    float: right;
    margin-left: 2em;
}

.documentation-header-title {
	font-weight: bold;
	font-size: 130%;
	margin-right: 1em;
	line-height: 1;
}

.documentation-badDoc {
	background-color: hsl(40, 75%, 92%);
}
body.wgl-theme-dark .documentation-badDoc {
	background-color: hsl(40, 25%, 8%);
}

.documentation-badDoc .documentation-header-top,
.documentation-badDoc .documentation-header-bottom {
	background-color: hsl(40, 75%, 85%);
}
body.wgl-theme-dark .documentation-badDoc .documentation-header-top,
body.wgl-theme-dark .documentation-badDoc .documentation-header-bottom {
	background-color: hsl(40, 25%, 12%);
}

.documentation-noDoc {
	background-color: hsl(0, 0%, 92%);
}
body.wgl-theme-dark .documentation-noDoc {
	background-color: hsl(0, 0%, 8%);
}

.documentation-noDoc .documentation-header-top,
.documentation-noDoc .documentation-header-bottom {
	background-color: hsl(0, 0%, 85%);
}
body.wgl-theme-dark .documentation-noDoc .documentation-header-top,
body.wgl-theme-dark .documentation-noDoc .documentation-header-bottom {
	background-color: hsl(0, 0%, 12%);
}

/*
[[Category:Template styles]]
[[zh:Module:Documentation/styles.css]]
*/
Retrieved from "https://wiki.mineinabyss.com/index.php?title=Module:Documentation/styles.css&oldid=429"