mirror of
https://github.com/rclone/rclone.git
synced 2024-11-23 16:28:41 +08:00
6ce0168ba5
Fixes issue with spacing between icon and text in backend docs headers. This reverts the changes from PR #5889 and #5701, which aligned menu/dropdown items when icons have different sizes, and implements an alternative fix which gives slightly better results, and also is more of a native Font Awesome solution: Font Awesome icons are designed on grid and share a consistent height. But they vary in width depending on how wide or narrow each symbol is. If you prefer to work with icons that have a consistent width, adding fa-fw will render each icon using the same width.
185 lines
3.2 KiB
CSS
185 lines
3.2 KiB
CSS
body {
|
|
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
btn-group.a {
|
|
color: #000000;
|
|
}
|
|
|
|
a {
|
|
color: #3f79ad;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #70caf2;
|
|
}
|
|
|
|
table {
|
|
background-color:#f0f0f0;
|
|
}
|
|
|
|
tbody td, th {
|
|
border: 1px solid #c0c0c0;
|
|
padding: 3px 7px 2px 7px;
|
|
}
|
|
|
|
thead td, th {
|
|
padding: 3px 7px 2px 7px;
|
|
font-weight: bold;
|
|
background-color:#e0e0e0;
|
|
}
|
|
|
|
tbody tr:nth-child(even) {
|
|
background-color:#e8e8e8;
|
|
}
|
|
|
|
/* Preserve whitespace. Wrap text only at line breaks. */
|
|
/* Avoids auto-wrapping the code lines. */
|
|
pre code {
|
|
white-space: pre
|
|
}
|
|
|
|
/* Hover over links on headers */
|
|
.header-link {
|
|
position: absolute;
|
|
left: -0.5em;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out 0.1s;
|
|
}
|
|
h2:hover .header-link,
|
|
h3:hover .header-link,
|
|
h4:hover .header-link,
|
|
h5:hover .header-link,
|
|
h6:hover .header-link {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* more space before headings */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin-top: 12px;
|
|
padding: 15px 0px;
|
|
}
|
|
|
|
/* 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 */
|
|
/* .navbar-default .dropdown-menu>li>a { */
|
|
/* padding-top: 6px; */
|
|
/* padding-bottom: 6px; */
|
|
/* } */
|
|
|
|
/* custom logo in navbar */
|
|
.rclone-logo {
|
|
height: 36px;
|
|
margin-top: -10px;
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.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: 160%;
|
|
}
|
|
h2 {
|
|
font-size: 130%;
|
|
}
|
|
h3 {
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
h4 {
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
}
|
|
h5 {
|
|
font-size: 90%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.menu {
|
|
font-size: 95%;
|
|
}
|
|
|
|
/* Make primary buttons rclone colours. Should learn sass and do this the proper way! */
|
|
.btn-primary {
|
|
background-color: #3f79ad;
|
|
border-color: #3f79ad;
|
|
}
|
|
.btn-primary:hover {
|
|
background-color: #70caf2;
|
|
border-color: #70caf2;
|
|
}
|
|
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
|
|
background-color: #70caf2;
|
|
border-color: #70caf2;
|
|
}
|
|
.btn-primary.focus, .btn-primary:focus {
|
|
background-color: #3f79ad;
|
|
border-color: #3f79ad;
|
|
box-shadow: 0 0 0 0.2rem rgba(63,121,173,.5);
|
|
}
|
|
.badge-primary {
|
|
background-color: #3f79ad;
|
|
border-color: #3f79ad;
|
|
}
|
|
a.badge-primary:focus, a.badge-primary:hover {
|
|
background-color: #70caf2;
|
|
}
|
|
a.badge-primary.focus, a.badge-primary:focus {
|
|
outline: 0;
|
|
box-shadow: 0 0 0 0.2rem rgba(112,202,242,.5);
|
|
}
|
|
nav#TableOfContents ul {
|
|
list-style-type: none;
|
|
padding: 0.0rem;
|
|
margin: 0rem 0.5rem 0rem 0.5rem;
|
|
font-size: 90%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
nav#TableOfContents ul:hover {
|
|
overflow: visible;
|
|
}
|