settings
UserCSS
settings_cssをバンドルしたものを使用
0.
1.
1.
2.
2.
code:style.css!
@import "api/code/takker/番号付き箇条書きにFontAwesomeを使うUserCSS/style.css";
code:style.css
@import "../settings_css/style.css";
code:style.css!
/* https://scrapbox.io/api/code/caki/%E8%89%B2%E8%A8%AD%E5%AE%9ACSS/style.css */
html body {
--white-mycol: #fcfbff;
--red-mycol: #a8506d;
--blue-mycol: #5090a8;
--glay-mycol: #d3e3e9;
--black-mycol: #1d1b4d;
--main-mycol: #b5e0f0;
--main-mycol-light: #d7e6ed;
--main-mycol-dark: #6ac0e0;
--sub-mycol: #1d1b4d;
--accent-mycol: #e370a9;
--accent-mycol-light: #ea94bf;
--accent-mycol-dark: #aa547f;
--body-bg: var(--main-mycol-light);
--navbar-bg: rgba(172, 225, 248, 0.7);
--navbar-bg: var(--main-mycol);
--navbar-title-color: var(--white-mycol);
--navbar-icon-color: var(--white-mycol);
--tool-text-color: var(--white-mycol);
--tool-light-color: var(--main-mycol-light);
--tool-bg: var(--sub-mycol);
--tool-color: var(--white-mycol);
--new-button-bg: var(--accent-mycol);
--page-text-color: var(--black-mycol);
--line-title-color: var(--black-mycol);
--sub-color: var(--sub-mycol);
--card-title-bg: none;
--card-title-color: var(--sub-mycol);
--relation-label-links-bg:var(--blue-mycol);
--relation-label-bg:var(--glay-mycol);
--relation-label-empty-bg:var(--red-mycol);
--search-form-bg: var(--main-mycol-light);
--search-form-icon-color: var(--accent-mycol);
--search-form-icon-focus-color: var(--accent-mycol);
--telomere-updated: var(--accent-mycol);
}
/* https://scrapbox.io/api/code/caki/%E8%83%8C%E6%99%AF%E3%82%92%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AB%E3%81%99%E3%82%8BUserCSS/style.css */
html body {
background-color: var(--main-mycol-light);
background-image:
linear-gradient(
135deg,
var(--main-mycol-light) 0%,
var(--main-mycol-dark) 100%);
}
/* https://scrapbox.io/api/code/caki/%E7%AE%87%E6%9D%A1%E6%9B%B8%E3%81%8D%E3%81%AE%E3%83%90%E3%83%AC%E3%83%83%E3%83%88%E3%82%92%E3%83%9E%E3%82%A4%E3%83%8A%E3%82%B9%E8%A8%98%E5%8F%B7%E3%81%AB%E3%81%99%E3%82%8BUserCSS/style.css */
.line .indent-mark .dot {
background-color: transparent;
}
.line .indent-mark .dot::before {
display: block;
position: absolute;
top: -10px;
font-size: 9px;
content: "\30fc";
font-weight: 900;
color: #c9c9c9;
}
.indent-markstyle*="width: 1.5em" .dot::before,
.indent-mark .dot:nth-child(6n+2)::before {
color: #EDAD0B;
}
.indent-markstyle*="width: 3em" .dot::before,
.indent-mark .dot:nth-child(6n+3)::before {
color: #C7243A;
}
.indent-markstyle*="width: 4.5em" .dot::before,
.indent-mark .dot:nth-child(6n+4)::before {
color: #932674;
}
.indent-markstyle*="width: 6em" .dot::before,
.indent-mark .dot:nth-child(6n+5)::before {
color: #3261AB;
}
.indent-markstyle*="width: 7.5em" .dot::before,
.indent-mark .dot:nth-child(6n+6)::before {
color: #009F8C;
}
.indent-markstyle*="width: 9em" .dot::before,
.indent-mark .dot:nth-child(6n+7)::before {
color: #c9c9c9;
}
/* https://scrapbox.io/api/code/caki/%E3%83%94%E3%83%B3%E7%95%99%E3%82%81%E3%82%92%E5%B0%8F%E3%81%95%E3%81%AA%E3%83%91%E3%83%8D%E3%83%AB%E3%81%AB%E3%81%99%E3%82%8BUserCSS/style.css */
.page-list > .grid li.pin {
height: 32px;
width: 100%;
margin-bottom: 5px;
}
.page-list > .grid li.page-list-item.pin a {
background-color: var(--card-bg);
border-radius: 7px;
margin: none;
box-shadow: none;
}
.page-list > .grid li.page-list-item a .header.pinned {
border-top: none;
padding: 6px 5px;
}
.page-list > .grid li.page-list-item.pin a .title {
font-size: 12px;
color: var(--card-title-color);
max-height: 20px;
text-align: center;
}
.page-list > .grid li.page-list-item.pin a .content :is(.description, .icon) {
display: none;
}
.page-list > .grid li.page-list-item a .pin {
background: none;
}
/* https://scrapbox.io/api/code/caki/%E3%83%94%E3%83%B3%E7%95%99%E3%82%81%E3%81%95%E3%82%8C%E3%81%9F%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E7%8B%AC%E7%AB%8B%E3%81%97%E3%81%9F%E6%AE%B5%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8BUserCSS/style.css */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/* https://scrapbox.io/api/code/caki/%E3%83%94%E3%83%B3%E7%95%99%E3%82%81%E7%94%A8UserCSS/style.css */
/* https://scrapbox.io/api/code/caki/%E3%82%AB%E3%83%BC%E3%83%89%E7%94%A8UserCSS/style.css */
.grid li.page-list-item a {
border-radius: 5px;
}
body {
--card-box-shadow:none;
--card-box-hover-shadow:none;
}
/* https://scrapbox.io/api/code/caki/Archive%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E9%9D%9E%E8%A1%A8%E7%A4%BA%E3%81%AB%E3%81%99%E3%82%8BUserCSS/style.css */
.grid lidata-page-title^="Archive:" {
display: none;
}
/* https://scrapbox.io/api/code/caki/%E7%94%BB%E5%83%8F%E3%82%92%E8%A7%92%E4%B8%B8%E3%81%AB%E3%81%97%E3%80%81%E3%81%B5%E3%81%A1%E3%81%A9%E3%82%8A%E3%82%92%E3%81%A4%E3%81%91%E3%82%8BUserCSS/style.css */
.line img.image,
.video-player video,
.iframe-video-player iframe {
border-radius: 8px;
border: 3px solid #f4f5f6;
}
/* https://scrapbox.io/api/code/caki/%E9%9D%9E%E5%85%AC%E9%96%8B%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AB%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E3%81%A4%E3%81%91%E3%82%8BUserCSS/style.css */
:is(.line, .line .deco) a.page-link:is(href^="/cak/", href^="/caki-places/")::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f023";
margin-right: .25em;
}
/* https://scrapbox.io/api/code/caki/%E5%A4%96%E9%83%A8%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AB%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E3%81%A4%E3%81%91%E3%82%8BUserCSS/style.css */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):not([href^="https://scrapbox.io"])::after {
font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
font-weight: 900;
font-size: 0.8rem;
content: " \f35d";
display: inline-block;
}
/* https://scrapbox.io/api/code/caki/%E3%82%B3%E3%82%BB%E3%83%B3%E3%82%B9%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E7%99%BD%E3%81%A3%E3%81%BD%E3%81%84%E6%84%9F%E3%81%98%E3%81%AB%E3%81%99%E3%82%8BUserCSS/style.css */
.app .navbar .navbar-brand .brand-icon {
color: #fff;
}
/* https://scrapbox.io/api/code/caki/%E5%A4%AA%E3%81%A3%E3%81%9F%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E8%89%B2%E3%82%92%E5%A4%89%E3%81%88%E3%82%8BUserCSS/style.css */
.big-page-link {
font-weight: 500 !important;
color: var(--accent-mycol) !important;
}
/* https://scrapbox.io/api/code/takker/%E7%95%AA%E5%8F%B7%E4%BB%98%E3%81%8D%E7%AE%87%E6%9D%A1%E6%9B%B8%E3%81%8D%E3%81%ABFontAwesome%E3%82%92%E4%BD%BF%E3%81%86UserCSS/style.css */
.line.number-list .dot {
background-color: transparent !important;
display: list-item;
}
.line.number-list .dot::before {
display: block;
position: absolute;
font-family: "Font Awesome 5 Free";
top: -11px;
content: "\f292";
font-weight: 900;
font-size: 11px;
color: #c9c9c9;
opacity: 0.0;
}
.line.number-list .c-0 + .dot::before {
opacity: 1.0;
}
.line.number-list .c-1 + .dot::before {
opacity: 0.8;
}
.line.number-list .c-2 + .dot::before {
opacity: 0.6;
}
.line.number-list .c-3 + .dot::before {
opacity: 0.4;
}
.line.number-list .c-4 + .dot::before {
opacity: 0.2;
}
/* https://scrapbox.io/api/code/caki/body%E8%A6%81%E7%B4%A0%E3%81%AE%E9%AB%98%E3%81%95%E3%81%8C%E8%B6%B3%E3%82%8A%E3%81%AA%E3%81%84%E3%81%A8%E3%81%8D%E8%83%8C%E6%99%AF%E3%81%8C%E7%B9%B0%E3%82%8A%E8%BF%94%E3%81%95%E3%82%8C%E3%82%8B%E3%81%AE%E3%82%92%E9%98%B2%E3%81%90UserCSS/style.css */
body {
min-height: 100vh;
}
/* https://scrapbox.io/api/code/caki/%E5%8F%B3%E4%B8%8B%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E6%95%B0%E3%81%AE%E8%83%8C%E6%99%AF%E8%89%B2%E3%81%8C%E8%96%84%E3%81%8F%E3%81%A6%E6%96%87%E5%AD%97%E3%81%8C%E8%A6%8B%E3%81%AB%E3%81%8F%E3%81%84%E3%81%AE%E3%82%92%E4%BF%AE%E6%AD%A3%E3%81%99%E3%82%8BUserCSS/style.css */
.status-bar > div {
background-color: var(--main-mycol-dark);
}
/* https://scrapbox.io/api/code/caki/%E8%A8%98%E4%BA%8B%E8%BF%BD%E5%8A%A0%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%A8stream%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E5%A4%A7%E3%81%8D%E3%81%95%E3%81%8C%E9%81%95%E3%81%86%E3%81%AE%E3%82%92%E4%BF%AE%E6%AD%A3%E3%81%99%E3%82%8BUserCSS/style.css */
.new-button {
width: 28px;
height: 28px;
}
/* https://scrapbox.io/api/code/villagepump/%E3%81%AE%E3%81%B3%E3%81%AE%E3%81%B3%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%83%80%E3%82%A6%E3%83%B3/style.css */
.search-form .form-group .dropdown-menu {
width: 100%;
max-height: calc(100vh - 130px);
}
/* https://scrapbox.io/api/code/customize/Stream%E3%81%AB%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%81%99%E3%82%8B%E3%83%9C%E3%82%BF%E3%83%B3/style.css */
.navbar .navbar-menu > li.stream-btn,
.navbar .navbar-menu > li.stream-btn.hidden-xs {
display: block !important;
}
/* https://scrapbox.io/api/code/caki/settings_css/style.css */
.stream-btn a {
color: var(--accent-mycol);
}
.stream-btn a:hover {
color: var(--accent-mycol-light);
}