hard centred title

This commit is contained in:
mfahampshire
2024-02-07 13:16:47 +01:00
parent c77091dacd
commit dfa6a92602
4 changed files with 30 additions and 15 deletions
+2 -5
View File
@@ -19,15 +19,13 @@ content-max-width = "70%"
content-main-margin-left = "5%"
content-main-margin-right = "5%"
root-font-size = "70%"
#sidebar-font-size = "0.85em"
# DO NOT CHANGE or you might overwrite the custom hbs headers
# DO NOT CHANGE or you might overwrite the custom hbs file
turn-off = true
[preprocessor.admonish]
command = "mdbook-admonish"
assets_version = "3.0.0" # do not edit: managed by `mdbook-admonish install`
# variables preprocessor: import variables into files
# https://gitlab.com/tglman/mdbook-variables/
[preprocessor.variables.variables]
minimum_rust_version = "1.66"
@@ -37,8 +35,7 @@ wallet_release_version = "1.2.8"
command = "mdbook-last-changed"
renderer = ["html"]
# used for grabbing output of binary commands for automation
# https://github.com/FauconFan/mdbook-cmdrun
# used for grabbing output of binary commands for automation https://github.com/FauconFan/mdbook-cmdrun
[preprocessor.cmdrun]
# more pre-processor plugins to look into from https://github.com/rust-lang/mdBook/wiki/Third-party-plugins & https://lib.rs/keywords/mdbook-preprocessor
@@ -98,6 +98,8 @@ a > .hljs {
}
.menu-title {
position: absolute;
left: 50%;
display: inline-block;
font-weight: 200;
font-size: 2.4rem;
+16
View File
@@ -24,6 +24,22 @@
}
}
/*properly centering the title given the additional header items*/
.menu-title {
position: absolute;
left: 50%;
}
/*necessary because of ^*/
.right-buttons {
position: absolute;
right: 0;
}
select {
font-size: 16px;
}
footer {
font-size: 0.8em;
text-align: center;
+10 -10
View File
@@ -48,10 +48,10 @@
<link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
{{/each}}
{{#if mathjax_support}}
<!-- MathJax -->
<script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
{{/if}}
<!-- {{#if mathjax_support}}-->
<!-- &lt;!&ndash; MathJax &ndash;&gt;-->
<!-- <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>-->
<!-- {{/if}}-->
</head>
<body class="sidebar-visible no-js">
<div id="body-container">
@@ -150,7 +150,6 @@
<i class="fa fa-bars"></i>
</label>
<!-- TODO remove weird padding here -->
<button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
<i class="fa fa-paint-brush"></i>
</button>
@@ -162,21 +161,22 @@
<!-- CUSTOM -->
<!-- TODO style everything -->
<select id="dropdown-menu" class="icon-button">
<option value="">Developers</option>
<option value="">Developer Docs</option>
<option value="https://nymtech.net/developers">Dev Portal</option>
<option value="https://nymtech.net/docs/sdk/rust/rust.html">Rust SDK</option>
<option value="https://sdk.nymtech.net">Typescript SDK</option>
</select>
<select id="dropdown-menu2" class="icon-button">
<option value="">Guides</option>
<option value="">Setup Guides</option>
<option value="">NymVPN</option>
<option value="https://nymtech.net/operators">Operators</option>
</select>
<!-- TODO make orange only on hover -->
<!-- TODO make orange only on hover -->
<div class="icon-button">
<a href="https://nymtech.net/docs">Protocol</a>
<a href="https://nymtech.net/docs">Network Docs</a>
</div>
<script>
@@ -200,7 +200,7 @@
</div>
<h1 class="menu-title">{{ book_title }}</h1>
<h1 class="menu-title"> {{ book_title }}</h1>
<div class="right-buttons">
{{#if search_enabled}}