Module:Documentation/styles.css: Difference between revisions

From Modded Wiki
Jump to navigation Jump to search
No edit summary
replacing legacy css selector
Line 7: Line 7:
}
}


body.wgl-darkmode .documentation {
body.wgl-theme-dark .documentation {
background-color: hsl(215, 25%, 8%);
background-color: hsl(215, 25%, 8%);
border-color: #121212;
border-color: #121212;
Line 19: Line 19:
}
}


body.wgl-darkmode .documentation-header-top,
body.wgl-theme-dark .documentation-header-top,
body.wgl-darkmode .documentation-header-bottom {
body.wgl-theme-dark .documentation-header-bottom {
background-color: hsl(215, 25%, 12%);
background-color: hsl(215, 25%, 12%);
}
}
Line 60: Line 60:
}
}


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


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


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


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

Revision as of 13:30, 13 October 2023

.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;
    margin: -0.8em -1em 0.8em;
	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-header-title {
    margin-right: 1em;
    font-weight: 500;
    line-height: 1;
    font-size: 130%;
}
.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%);
}