Settings
code:style.css
:root {
--navbar-bg: rgba(255, 0, 4, 0.6);
--body-bg: rgb(255, 252, 247) !important;
--telomere-updated: rgb(48, 176, 245) !important;
--telomere-unread: rgb(147, 211, 245) !important;
}
.navbar-default {
/* background: linear-gradient(135deg, rgba(250, 31, 32, 0.8) 0%, rgba(250, 31, 32, 0.8) 12.5%, rgba(48, 176, 245, 0.8) 12.5%, rgba(48, 176, 245, 0.8) 25%, rgba(21, 21, 19, 0.8) 25%, rgba(21, 21, 19, 0.8) 37.5%, rgba(51, 221, 116, 0.8) 37.5%, rgba(51, 221, 116, 0.8) 50%, rgba(242, 235, 225, 0.8) 50%, rgba(242, 235, 225, 0.8) 62.5%, rgba(247, 226, 0, 0.8) 62.5%, rgba(247, 226, 0, 0.8) 75%, rgba(241, 95, 34, 0.8) 75%, rgba(241, 95, 34, 0.8) 87.5%, rgba(241, 95, 34, 0.8) 87.5%, rgba(163, 77, 233, 0.8) 87.5%, rgba(163, 77, 233, 0.8) 100%); */
background: linear-gradient(135deg, rgba(250, 31, 32, 0.6) 0%, rgba(250, 31, 32, 0.6) 12.5%, rgba(48, 176, 245, 0.6) 12.5%, rgba(48, 176, 245, 0.6) 25%, rgba(21, 21, 19, 0.6) 25%, rgba(21, 21, 19, 0.6) 37.5%, rgba(51, 221, 116, 0.6) 37.5%, rgba(51, 221, 116, 0.6) 50%, rgba(242, 235, 225, 0.6) 50%, rgba(242, 235, 225, 0.6) 62.5%, rgba(247, 226, 0, 0.6) 62.5%, rgba(247, 226, 0, 0.6) 75%, rgba(241, 95, 34, 0.6) 75%, rgba(241, 95, 34, 0.6) 87.5%, rgba(241, 95, 34, 0.6) 87.5%, rgba(163, 77, 233, 0.6) 87.5%, rgba(163, 77, 233, 0.6) 100%);
/* background: linear-gradient(70deg, rgba(250, 31, 32, 0.6) 0%, rgba(48, 176, 245, 0.6) 12.5%, rgba(21, 21, 19, 0.6) 25%, rgba(51, 221, 116, 0.6) 37.5%, rgba(242, 235, 225, 0.6) 50%, rgba(247, 226, 0, 0.6) 62.5%, rgba(241, 95, 34, 0.6) 75%, rgba(241, 95, 34, 0.6) 87.5%, rgba(163, 77, 233, 0.6) 100%); */
}
.navbar .row .project-home {
font-weight: 400;
font-size: 1.65em !important;
background: rgba(0, 0, 0, 0.1);
padding-left: 6px;
letter-spacing: .2rem;
}
.navbar .row .project-home:before {
content: 'ボードゲーム';
font-weight: 400;
font-size: 13px;
padding-top: .7rem;
margin-right: 3px;
letter-spacing: normal;
}
.line span.code-block .tool-buttons {
display: none;
}
iframe.youtube {
max-width: 60%;
max-height: 25vw;
}
display: none !important;
}
/* .code-block-start a { */
/* pointer-events: none; */
/* } */
.grid li.page-list-item a .pin {
background-color: transparent;
background-image: none
}
.grid li.page-list-item a .pin::after {
content: '\f08d';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 1.15em;
bottom: 0;
display: inline-block;
transform: rotate(20deg);
}
.deco-\" {
border-radius: .2em;
padding: 0 .4em;
background-color: rgba(128,128,128,0.1);
font-size: 95%;
font-style: italic;
}
.line:not(.cursor-line) .deco-\"::before {
font-size: 85%;
/* font-family: 'FontAwesome'; */
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f10d';
position: relative;
top: -0.5em;
left: -0.2em;
}
.line.number-list .indent-mark .dot {
background-color: transparent;
}
.line.number-list .dot {
background-color: transparent;
display: list-item; /* 表示する */
}
.line.number-list .dot::before {
display: block;
position: absolute;
font-family: 'Font Awesome 5 Free';
top: calc(100% - 1.25em);
content: '\f292'; /* # */
font-weight: 900;
font-size: 11px;
}
a.navbar-brand, div.col-brand {
display: none !important;
}
div.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):is(
)::after {
display: none;
}
.line span:not(.deco-\.) > span > a.link:is(
)::before {
display: inline-block;
width: 1em; /*16px;*/
height: 1em; /*16px;*/
vertical-align: -1px;/*-3px;*/
text-align: center;
background-size: contain;
background-repeat: no-repeat;
font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";
/* margin-right: 2px; */
}
content: '\f1c1';
font-weight: 400; /* use Regular Style */
margin-right: 1px;
}
:is(.line, .line .deco) a.link:is(
)::before {
content: '\f09b';
font-weight: 400;
margin-right: 1px;
}
:is(.line, .line .deco) a.link:is(
)::before {
content: '\f266';
font-weight: 400;
margin-right: 3px;
}
.line .deco-\. a.link:is(
) span.char-index {
display: inline-block;
width: 0;
text-indent: -9999px;
}
.line .deco-\. a.link:is(
) span.char-index:nth-of-type(30) ~ span.char-index {
display: inherit;
width: inherit;
text-indent: inherit;
}