gopl-zh.github.com/style.css

55 lines
1.2 KiB
CSS
Raw Normal View History

2022-08-04 06:58:52 +00:00
@media only screen and (max-width:1079px) {
.sidetoc {
display: none;
}
}
@media only screen and (min-width:1080px) {
main {
position: relative;
padding-right: 170px;
}
.sidetoc {
margin-left: auto;
margin-right: auto;
/*left: calc(100% + (var(--content-max-width))/4 - 180px);*/
left: calc(100% - 200px);
position: absolute;
}
.pagetoc {
position: fixed;
width: 200px;
height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
overflow: auto;
/* z-index: 1000; */
2022-08-04 06:58:52 +00:00
}
.pagetoc a {
border-left: 1px solid var(--sidebar-bg);
color: var(--fg) !important;
display: block;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
text-align: left;
text-decoration: none;
font-size: 1.2rem;
}
.pagetoc a:hover,
.pagetoc a.active {
background: var(--sidebar-bg);
color: var(--sidebar-fg) !important;
}
.pagetoc .active {
background: var(--sidebar-bg);
color: var(--sidebar-fg);
}
}
.page-footer {
margin-top: 50px;
border-top: 1px solid #ccc;
overflow: hidden;
padding: 10px 0;
color: gray;
}