docs: layout tweaks

This commit is contained in:
Nick Craig-Wood
2020-05-17 17:56:02 +01:00
parent 80572c544b
commit af19f924ff
5 changed files with 76 additions and 44 deletions

View File

@ -1,17 +1,9 @@
/* body { */
/* margin-top: 75px; /\* 100px is double the height of the navbar - I made it a big larger for some more space - keep it at 50px at least if you want to use the fixed top nav *\/ */
/* } */
/* footer { */
/* margin: 50px 0; */
/* } */
html {
body {
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
line-height: 1.42857143;
color: #222222;
background-color: #ffffff;
}
btn-group.a {
color: #000000;
}
a {
@ -62,9 +54,24 @@ h5:hover .header-link,
h6:hover .header-link {
opacity: 1;
}
h2, h3, h4, h5, h6 {
padding-top: 55px;
margin-top: -44px;
/* more space before headings */
h1, h2, h3, h4, h5, h6 {
margin-top: 12px;
}
/* Fix spacing of info boxes */
.card {
margin-top: 0.75rem;
}
/* less padding around info box items */
.card-body {
padding: 0.5rem;
}
/* make menus longer */
.pre-scrollable {
max-height: 30rem;
}
/* Fix spacing between menu items */
@ -75,37 +82,61 @@ h2, h3, h4, h5, h6 {
/* custom logo in navbar */
.rclone-logo {
height: 36px;
height: 36px;
margin-top: -10px;
margin-bottom: -10px;
}
/* override padding so logo is centered */
/* .navbar-brand { */
/* padding: 4px 15px; */
/* } */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300;
line-height: 1.1;
color: inherit;
.heart {
color: #e31b23;
}
/*
blockquote {
display: block;
background-color: #EEE;
padding: 0.25rem;
border: 1px solid black;
}
pre {
padding: 10px;
margin: 0 0 10.5px;
font-size: 14px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 0.25rem;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word;
}
/* reduce h12345 sizes */
h1 {
font-size: 25px;
font-size: 160%;
}
h2 {
font-size: 22px;
font-size: 130%;
}
h3 {
font-size: 20px;
font-size: 110%;
font-weight: bold;
}
h4 {
font-size: 18px;
font-size: 100%;
font-weight: bold;
}
h5 {
font-size: 16px;
font-size: 90%;
font-weight: bold;
}
.menu {
font-size: 95%;
}
*/