settings
設定のページだよ！
https://live.staticflickr.com/277/31753433634_4e3b4bb374_b.jpg
Photo from https://www.flickr.com/photos/lacygentlywaftingcurtains/31753433634/
code:style.css
@import "https://scrapbox.io/api/code/blu3mo-public/関連ページ一覧を横に移動させる/style.css";
code:style.css
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:700&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
body {
background-image: linear-gradient(90deg, rgba(251, 213, 251, 1), rgba(149, 233, 243, 1));
}
.container {
max-width: 1520px;
}
.grid li.page-list-item a .title {
max-height: 40px;
}
.grid li.page-list-item a .content {
height: 100%;
justify-content: space-between;
}
.grid li.page-list-item a .icon {
padding: 0;
}
nav.navbar {
background-color: #222;
}
.page {
border-radius: 0;
}
@media (min-width: 1100px) {
.page {
padding-bottom: 150px;
background-image: url("https://i.gyazo.com/1b4e5e603c48ed52f7e9f516bfd60baa.jpg");
background-position: center bottom 20px;
background-repeat: no-repeat;
background-size: 140px 140px;
}
}
.drag-and-drop-enter {
padding-bottom: 100px;
background-image: url("https://profile-counter.glitch.me/june29-scrapbox/count.svg");
background-position: center bottom 20px;
background-repeat: no-repeat;
background-size: 224px 30px;
}
.line {
font-family: 'Kosugi Maru', sans-serif;
}
.title, .line-title {
font-family: 'M PLUS 1p', sans-serif;
}
.line img {
max-width: 100%;
max-height: 100% !important;
display: inline-block;
}
.line img:not(.icon):not(.inline-icon) {
filter: drop-shadow(5px 1px 5px #999);
}
.line .quote {
padding: 5px 10px;
border-left: none;
}
.line:not(.cursor-line) a.iconhref$="/hr" {
pointer-events: none;
}
.page-list-item {
position: relative;
}
.page-list-itemdata-page-title^="2019-"::after,
.page-list-itemdata-page-title^="2020-"::after,
.page-list-itemdata-page-title^="2021-"::after,
.page-list-itemdata-page-title^="2022-"::after,
.page-list-itemdata-page-title^="2023-"::after {
content: "日記";
position: absolute;
bottom: 0;
right: 0;
padding: 2px 4px 1px;
background-color: #222;
color: #eee;
}
.project-home {
background-image: url("https://pixe.la/v1/users/june29/graphs/scrapbox-june29v");
background-size: 1px 1px;
}
.navbar .navbar-menu > li.stream-btn {
display: block;
}