Toggle menu
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 Vault Hunters Official Wiki
Created page with ".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 { backgr..."
 
mNo edit summary
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.documentation {
.documentation {
background-color: hsl(215, 75%, 92%);
background-color: var(--color-surface-1);
border: 1px solid #ccc;
border: var(--border-base);
border-radius: var(--border-radius-base);
padding: 0.8em 1em 0.7em;
padding: 0.8em 1em 0.7em;
margin-top: 1em;
margin-top: 1em;
clear: both;
clear: both;
}
}
body.wgl-theme-dark .documentation {
body.skin-theme-clientpref-night .documentation {
background-color: hsl(215, 25%, 8%);
background-color:var(--color-surface-1);
border-color: #121212;
border-color: var(--border-color-base);
}
}


Line 14: Line 15:
.documentation-header-bottom {
.documentation-header-bottom {
padding: 0.8em 1em 0.7em;
padding: 0.8em 1em 0.7em;
background-color: hsl(215, 75%, 85%);
background-color:var(--color-surface-2);
}
}
body.wgl-theme-dark .documentation-header-top,
body.skin-theme-clientpref-night .documentation-header-top,
body.wgl-theme-dark .documentation-header-bottom {
body.skin-theme-clientpref-night .documentation-header-bottom {
background-color: hsl(215, 25%, 12%);
background-color:var(--color-surface-2);
}
}


Line 49: Line 50:


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


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


.documentation-noDoc {
.documentation-noDoc {
background-color: hsl(0, 0%, 92%);
background-color:var(--color-surface-1);
}
}
body.wgl-theme-dark .documentation-noDoc {
body.skin-theme-clientpref-night .documentation-noDoc {
background-color: hsl(0, 0%, 8%);
background-color:var(--color-surface-1);
}
}


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


Line 87: Line 88:
     }
     }
}
}
/*
/*
[[Category:Template styles]]
[[Category:Template styles]]
[[ja:モジュール:Documentation/styles.css]]
[[uk:Модуль:Документація/styles.css]]
[[zh:Module:Documentation/styles.css]]
*/
*/

Latest revision as of 22:05, 16 June 2025

.documentation {
	background-color: var(--color-surface-1);
	border: var(--border-base);
	border-radius: var(--border-radius-base);
	padding: 0.8em 1em 0.7em;
	margin-top: 1em;
	clear: both;
}
body.skin-theme-clientpref-night .documentation {
	background-color:var(--color-surface-1);
	border-color: var(--border-color-base);
}

.documentation-header-top,
.documentation-header-bottom {
	padding: 0.8em 1em 0.7em;
	background-color:var(--color-surface-2);
}
body.skin-theme-clientpref-night .documentation-header-top,
body.skin-theme-clientpref-night .documentation-header-bottom {
	background-color:var(--color-surface-2);
}

.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:var(--color-surface-1);
}
body.skin-theme-clientpref-night .documentation-badDoc {
	background-color:var(--color-surface-1);
}

.documentation-badDoc .documentation-header-top,
.documentation-badDoc .documentation-header-bottom {
	background-color:var(--color-surface-2);
}
body.skin-theme-clientpref-night .documentation-badDoc .documentation-header-top,
body.skin-theme-clientpref-night .documentation-badDoc .documentation-header-bottom {
	background-color:var(--color-surface-2);
}

.documentation-noDoc {
	background-color:var(--color-surface-1);
}
body.skin-theme-clientpref-night .documentation-noDoc {
	background-color:var(--color-surface-1);
}

.documentation-noDoc .documentation-header-top,
.documentation-noDoc .documentation-header-bottom {
	background-color:var(--color-surface-2);
}
body.skin-theme-clientpref-night .documentation-noDoc .documentation-header-top,
body.skin-theme-clientpref-night .documentation-noDoc .documentation-header-bottom {
	background-color:var(--color-surface-2);
}

@media screen and (max-width: 480px) {
    .documentation #documentation-header-tools {
        float: none;
        margin-left: 0;
        display: block;
    }
}
/*
[[Category:Template styles]]
*/