settings
Level 1
Level 2
Level 3
code:style.css
atype="hashTag", a.page-link {
display: inline-block;
margin: 1px 0;
padding: 4px 6px;
font-size: 1em;
line-height: 1em;
color: #007dc5 !important;
background-color: #f3f3f3;
border-radius: 3px;
}
a.page-link.empty-page-link {
color: #fb7476 !important;
}
.navbar-brand::before {
background-image: url("https://cocolab.jp/static/img/logo/logomark.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
display: inline-block;
height: 28px;
margin-right: 5px;
width: 28px;
}
.navbar-brand .brand-icon {
display: none;
}
span.deco strong.level-1 {
padding: 0 3px;
background: linear-gradient(transparent 70%, rgba(60,180,255,0.3) 40%);
}
span.deco strong.level-2 {
padding: 0 3px;
background: linear-gradient(transparent 70%, rgba(255,240,0,0.4) 40%);
}
span.deco strong.level-3 {
padding: 0 3px;
background: linear-gradient(transparent 70%, rgba(255,120,120,0.2) 40%);
}
.page-list .grid li.page-list-itemdata-page-links="'keyword'",
.page-list .grid li.page-list-itemdata-page-links="'conference'" {
display: none;
}
.page-list .grid li.page-list-itemdata-page-links*="justaccepted" a {
position: relative;
box-shadow: 0 2px 3px rgba(255, 0, 0, 0.8);
}
.page,
.grid li.page-list-item a,
.grid.grid-md li.page-list-item a,
.grid.grid-lg li.page-list-item a {
border-radius: 10px;
}
.page-list .grid li.page-list-item a div.content {
flex-direction: column-reverse;
height: 100%;
}
.page-list .grid li.page-list-item.pin a div.header.pinned {
visibility: hidden;
}
.page-list .grid li.page-list-item:not(.pin) a div.content div.header {
min-height: 62px;
flex-basis: 62px;
background: rgba(240, 240, 240, 0.9);
border-top: 1px;
}
.page-list .grid li.page-list-item a div.content div.header .title {
font-size: 0.9em;
line-height: 1.1em;
}
.page-list .grid li.page-list-item a .icon {
margin-inline: 0;
}
.page-list .grid li.page-list-item a .icon img {
height: 100%;
width: 100%;
object-fit: cover;
}
.page-list .grid li.page-list-item.pin a .icon img {
position: absolute;
top: 0;
bottom: 0;
}
.grid li.page-list-item a:hover {
box-shadow: 0px 0px 0px 4px #729FCF ;
}
.page-list .grid li.page-list-item a div.content:after {
position: absolute;
top: 5px;
left: 5px;
padding: 5px 10px;
border-radius: 5px;
font-size: 1rem;
}
.page-list .grid li.page-list-itemdata-page-links*="journal_paper（論文誌・ジャーナル）" a div.content:after {
content: "論文誌・ジャーナル";
background: #ddd;
color: black;
}
.page-list .grid li.page-list-itemdata-page-links*="international_conference_paper（国際会議）" a div.content:after {
content: "国際会議";
background: #ddd;
color: black;
}
.page-list .grid li.page-list-itemdata-page-links*="domestic_conference_paper（国内研究会）" a div.content:after {
content: "国内研究会";
background: #ddd;
color: black;
}
.page-list .grid li.page-list-itemdata-page-links*="'template'" a div.content:after {
content: "#Template";
background: #ddd;
color: black;
}
.page-list .grid li.page-list-itemdata-page-links*="'justaccepted'" a div.content:after {
content: "#JustAccepted";
background: red;
color: white;
}
.page-list .grid li.page-list-itemdata-page-links*="'organization'" a div.content:after {
content: "#Organization";
background: #666;
color: white;
}
.page-list .grid li.page-list-itemdata-page-links*="'project'" a div.content:after {
content: "#Project";
background: #ddd;
color: black;
}
.container {
max-width: 98%;
}
div.section-0.section-title {
font-size: 1.9em;
font-weight: bold;
}
.line img.image {
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.line span.code-block span {
font-size: 1.3rem;
line-height: 2.3rem;
}
https://scrapbox.io/files/68d504733f86065c15c57b56.png