godotengine/godot-docs
1
0
Fork 0
mirror of https://github.com/godotengine/godot-docs.git synced 2026-01-04 14:11:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

Center the page on wide displays

Browse Source 
This prevents the main content from being stuck at the left of
the page, which in turn makes it more comfortable to read.
This commit is contained in:
Hugo Locurcio
2020-01-18 19:18:17 +01:00
parent 350e0bb26c
commit ffb1f55f96
1 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
_static/css/custom.css
View File

@@ -8,7 +8,7 @@
/* Default (light) theme colors */
:root {
--body-color: #404040;
--content-wrap-background-color: rgba(0, 0, 0, 0.05);
--content-wrap-background-color: #efefef;
--content-background-color: #fcfcfc;
--logo-opacity: 1.0;
--navbar-background-color: #333f67;
@@ -234,6 +234,18 @@ footer,
background-color: var(--content-background-color);
}
.wy-body-for-nav {
background-color: var(--content-wrap-background-color);
}
@media only screen and (min-width: 768px) {
.wy-body-for-nav {
/* Center the page on wide displays for better readability */
max-width: 1100px;
margin: 0 auto;
}
}
/* Table display tweaks */
.rst-content table.docutils,
@@ -444,6 +456,13 @@ code,
background-color: var(--navbar-background-color);
}
@media only screen and (min-width: 768px) {
.wy-nav-side {
/* Required to center the page on wide displays */
left: inherit;
}
}
.wy-menu-vertical header,
.wy-menu-vertical p.caption {
color: var(--navbar-heading-color);