Module:Documentation/styles.css: Difference between revisions
Jump to navigation
Jump to search
m 9 revisions imported |
m 480px seems like a good transition |
||
Line 78: | Line 78: | ||
body.wgl-theme-dark .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%); | ||
} | |||
@media screen and (max-width: 480px) { | |||
.documentation #documentation-header-tools { | |||
float: none; | |||
margin-left: 0; | |||
display: block; | |||
} | |||
} | } | ||
/* | /* | ||
[[Category:Template styles]] | [[Category:Template styles]] | ||
[[ja:モジュール:Documentation/styles.css]] | |||
[[zh:Module:Documentation/styles.css]] | [[zh:Module:Documentation/styles.css]] | ||
*/ | */ |
Revision as of 16:26, 3 February 2025
.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%);
}
@media screen and (max-width: 480px) {
.documentation #documentation-header-tools {
float: none;
margin-left: 0;
display: block;
}
}
/*
[[Category:Template styles]]
[[ja:モジュール:Documentation/styles.css]]
[[zh:Module:Documentation/styles.css]]
*/