mirror of
https://github.com/tachiyomiorg/website.git
synced 2024-11-01 07:25:06 +01:00
101 lines
1.9 KiB
CSS
101 lines
1.9 KiB
CSS
/* html {
|
|
padding-bottom: 30em; <-- Testing bottom scroll, commit 40
|
|
padding-bottom: calc(100vh - 30px); <-- Testing bottom scroll, commit 40
|
|
} */
|
|
img, video {
|
|
margin-bottom: 1.5em;
|
|
max-width: 325px;
|
|
}
|
|
h1, h2, h3 {
|
|
font-weight: normal;
|
|
}
|
|
h1 { font-size: 2em; }
|
|
h2 { font-size: 1.5em; }
|
|
h3 { font-size: 1.25em; }
|
|
body {
|
|
padding-top: 40px;
|
|
/* padding-bottom: 40px; <-- Testing bottom scroll, commit 40 */
|
|
background-color: #f5f5f5;
|
|
/* border-bottom: red dotted 30px; <-- Testing bottom scroll, commit 40 */
|
|
}
|
|
|
|
.row {
|
|
padding-bottom: 3em;
|
|
}
|
|
|
|
.btn-link {
|
|
font-weight: 400!important;
|
|
}
|
|
|
|
.btn-link:hover, .btn-link:focus {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.card {
|
|
background-color: transparent!important;
|
|
background-clip: border-box;
|
|
border: none!important;
|
|
}
|
|
|
|
.card-header {
|
|
padding: .75rem 1.25rem;
|
|
margin-bottom: 0;
|
|
background-color: transparent!important;
|
|
border-bottom: 1px solid rgba(0,0,0,.125)!important;
|
|
}
|
|
|
|
figure {
|
|
margin: 0;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
details > p:nth-child(2) {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
summary:focus {
|
|
outline: none;
|
|
outline-color: transparent;
|
|
}
|
|
|
|
summary > * {
|
|
display: inline;
|
|
}
|
|
|
|
summary {
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 25em;
|
|
background-color: #eaeaea;
|
|
}
|
|
|
|
/** */
|
|
nav[data-toggle="toc"] {
|
|
top: 95px;
|
|
}
|
|
|
|
/* small screens */
|
|
@media (max-width: 768px) {
|
|
/* override stickyness so that the navigation does not follow scrolling */
|
|
nav[data-toggle="toc"] {
|
|
margin-bottom: 42px;
|
|
position: static;
|
|
}
|
|
|
|
/* PICK ONE */
|
|
/* don't expand nested items, which pushes down the rest of the page when navigating */
|
|
nav[data-toggle="toc"] .nav .active .nav {
|
|
display: none;
|
|
}
|
|
/* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
|
|
/*
|
|
nav[data-toggle='toc'] .nav .nav {
|
|
display: block;
|
|
}
|
|
*/
|
|
}
|