settings
code:reference.css
/* @import "/api/code/vvvv-gamma/settings/style.css" */
code:style.css
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@1,500;1,600;1,700;1,800&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Noto+Sans:wght@100;200;300;400;500;600;700;800&display=swap');
@font-face {
font-family: 'l-safe';
src:local("Bahnschrift"), local("DIN"), local("ＭＳ Ｐゴシック"), local("MS PGothic");
unicode-range: U+006C;
}
html, body, #editor, .grid li {
font-family:'l-safe','calibri','Zen Kaku Gothic New',"YuGothic",'Yu Gothic',"Font Awesome 5 Free","Font Awesome 5 Brands","Roboto","メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
:root {
--page-bgc: #1b1b1b;
--body-bgc: #333333;
}
.line strong:not(class) {
color: #fff;
background: linear-gradient(transparent 75%, rgba(255, 255, 102, 0.7) 25%);
}
.deco-\' {
display: block;
border-bottom: 1px solid #c0c0c0;
}
.deco-\~ {
display: block;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: var(--level-3-border);
padding: 1px 0 1px 0.5em;
font-size: 1.7em;
margin-top: 0.1em;
margin-bottom: 0.1em;
}
.grid li.page-list-item a {
background-color: var(--body-bgc);
box-shadow: none !important;
}
/* "settings"を透明化 */
.page-list .grid li.page-list-itemdata-page-title="settings" {visibility: hidden;}
/* "Scrapboxの使い方"を透明化 */
.page-list .grid li.page-list-itemdata-page-title="Scrapboxの使い方" {visibility: hidden;}
.page-list-item.pin + .page-list-item:not(.pin) {grid-column-start: 1;}
.grid li.page-list-item a .pin {
position: absolute;
height: 12px;
width: 12px;
top: 0;
right: 0;
border-radius: 0 0 0 0px;
background: var(--page-bgc);
z-index: 2;
outline:solid 4px var(--body-bgc);
}
body {
background-color: var(--page-bgc);
}
.page {
background: var(--body-bgc);
box-shadow: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.line.line-title .text {
border-bottom: 1px solid #c0c0c0;
padding-bottom: 1rem;
margin-bottom: 3rem;
}
.line .telomere .telomere-border {
border-width: 0px 0px 0px 2.5px !important;
border-color: #52555D;
width: 0;
}
.unread {
border-color: #e7a270 !important;
}
.navbar {background-color: rgba(20, 20, 20, 0.4);}
.new-button {background-color: #363b43;}
.brand-icon {
visibility:hidden;
}
a.navbar-brand.dropdown-toggle {
position: relative;
}
a.navbar-brand.dropdown-toggle::before {
content: "";
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 4px;
left: -2px;
background-image: url('https://i.gyazo.com/8aa78abf3a8185a7a65c1b8347e21435.jpg');
background-size: contain;
background-repeat: no-repeat;
}
.search-form .form-group input:focus {
background-color: rgba(27, 27, 27, 0.4);
color: #d3d3d3);
}
.search-form .form-group input:is(:focus, .for-mobile) {
background-color: rgba(27, 27, 27, 0.4);
color: #d3d3d3;
}
.navbar-form .dropdown.open .dropdown-menu {
background-color: #1b1b1b;
min-width: 100%;
max-height: calc(100vh - 100px);
overflow-y: auto;
}
.navbar-form .dropdown-menu a {
color: #d3d3d3;
}
.global-menu {
background-color: var(--body-bgc);
}
.global-menu li a {
color: #d3d3d3;
}
.global-menu li a.updated, .global-menu li a.highlight {
border-left: 2px solid #547efc;
}
.global-menu .project-list-tab a.active {
background-color: var(--body-bgc);
color: #d3d3d3;
}
.project-list-tab a {
color: #d3d3d3;
}
.global-menu li.project-list-filter a:hover {
background-color: var(--page-bgc);
}
.line .indent-mark .dot {
display: block;
position: absolute;
right: 10px;
top: 13px;
width: 2px;
height: 2px;
border-radius: 0;
}
.indent-mark {
height: 100% !important;
}
.indent-mark .pad {
height: 100% !important;
overflow: unset !important;
}
.indent-mark span:nth-child(2n+2) .pad {
background: #383838;
}
.line .quote {
background-color: #2a2a2a;
display: block;
}
atype="hashTag" {
display: inline-block;
padding: 0.8px 6px;
margin: 0 8px 10px 0;
background: #1e2022;
color: #fff;
font-size: 0.9em;
border: 1.5px solid #535863;
border-radius: 4px;
transition: .3s;
transform: scale(1);
-webkit-transform: scale(1);
}
atype="hashTag":hover {
color: #fff;
border: 1.5px solid #909090;
transform: scale(1);
-webkit-transform: scale(1);
}
:is(.line, .line .deco) a.link:is(
[href^="https://discord.com"],
)::before{
font-family:'Font Awesome 5 Free', 'Font Awesome 5 Brands';
content:'\f392';
font-weight:400;
margin-right:1px;
}