settings
code:style.css
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+US+Trad:wght@100..400&display=swap');
body{
background-color: #FCFCFC;
font-family: "Space Grotesk", "Noto Sans JP", sans-serif;
}
.page{
box-shadow: none;
border: 1px solid #2B2D34;
border-radius: 30px;
}
.line .telomere .telomere-border{
border-color: #2b372a;
}
.line .telomere .telomere-border.updated-after-load{
border-color: #87f32e;
}
.line a.link{
color: #FC6847;
}
.line a.link:hover{
color: #B34E36 !important;
}
.line a.page-link{
color: #FC6847;
}
.line a.page-link:hover{
color: #B34E36 !important;
}
.page-menu{
top: 60px;
}
.page-menu .tool-btn{
color: #2b372a;
transition: all ease 0.25s;
}
.page-menu .tool-btn:hover{
color: #2b372a !important;
background-color: #87f32e !important;
}
.dropdown-menu{
border-radius: 10px;
}
.navbar{
background-color: rgba(135, 243, 46, 0.2);
border: none;
margin-left: 50px;
margin-right: 50px;
margin-top: 10px;
width: calc(100% - 100px);
border-radius: 25px;
}
.navbar .row{
height: 50px;
}
.navbar .row .project-home{
color: #2b372a;
}
.project-home .title{
font-family: "Playwrite US Trad", cursive;
line-height: 2;
padding-left: 5px;
}
.search-form .form-group input{
color: #87f32e;
background-color: rgba(255,255,255,0);
border: 1px solid #2b372a;
border-radius: 16px;
transition: all ease 0.25s;
}
.new-button{
background-color: #2b372a !important;
}
.search-form .form-group button{
right: 5px;
}
.editor{
font-family: "Space Grotesk", "Noto Sans JP", sans-serif;
}
.line-title{
font-family: "Newsreader", "Noto Serif JP", serif;
font-weight: 700;
font-size: 2.5em;
}
.grid li.page-list-item a{
background-color: #fcfcfc;
box-shadow: none;
border: 1px solid #2b372a;
border-radius: 10px;
transition: 0.3s ease all;
}
.grid li.page-list-item a:hover{
box-shadow: none !important;
font-weight: 700;
}
.grid li.page-list-item a .hover{
background-color: transparent;
}
.grid li.page-list-item a .title{
font-family: "Newsreader", "Noto Serif JP", serif;
font-size: 1.1em;
line-height: 1.2;
font-weight: 700 !important;
transition: ease all 0.25s;
}
.grid li.page-list-item a:hover .title{
font-weight: 350 !important;
}
.grid li.page-list-item a .icon{
border-radius: 5px;
}
.grid li.page-list-item a .icon img{
border-radius: 5px;
}
.grid li.page-list-item a .header{
border: none;
padding: 8px 8px 6px;
}
.grid li.page-list-item a .description{
padding: 0 8px;
font-weight: 400;
}
.grid li.page-list-item a:hover .description{
font-weight: 400;
}
.grid li.relation-label a{
border-radius: 10px;
background-color: #87f32e;
color: #2b372a;
font-family: "Playwrite US Trad", cursive;
}
.related-page-list div.links-2-hop ul.grid:hover .relation-label a{
background-color: #2b372a;
transition: ease all 0.25s;
}
.grid li.relation-label .arrow{
border-left-color: #87f32e;
}
.related-page-list div.links-2-hop ul.grid:hover .relation-label .arrow{
border-left-color: #2b372a;
transition: ease all 0.25s;
}
.grid li.relation-label a .icon-lg{
width: 27px;
height: 27px;
line-height: 27px !important;
font-size: 27px;
}
.related-page-list .toolbar .related-page-list-search{
border-radius: 16px;
border: 1px solid rgba(43, 55, 42, 0.5);
background-color: rgba(255,255,255,0);
transition: all ease 0.25s;
}
.related-page-list .toolbar .related-page-list-search:focus-within{
border: 1px solid rgba(43, 55, 42, 1);
background-color: rgba(255,255,255,1);
box-shadow: none;
transition: all ease 0.25s;
}