settings
code:style.css
:root{
--project-subtitle: ""; /* */
/* --project-subtitle: "💧行雲流水"; /* */
/* --project-subtitle-color : white; /* */
--project-subtitle-color : var(--text-color, #333); /* */
--project-subtitle-background-color : transparent; /* */
/* --project-subtitle-background-color : lightgreen; /* */
/* --project-subtitle-image : url("https://i.gyazo.com/b127eec709b9e9882e7380073f5e836c.png"); /* */
/* --project-subtitle-image : url("/api/pages/suto3/弱音ハク/icon"); /* */
/* --project-subtitle-image : url('/api/pages/suto3/clipart/icon'); /* */
--project-subtitle-image : url('https://idy.vercel.app/mame#.png'); /* */
/* --project-subtitle-image : url("/api/pages/villagepump/brand-icon/icon"); /* */
--project-subtitle-opacity : 0.7 ;
--brand-icon-background-color : transparent; /* */
/* --brand-icon-background-color : pink; /* */
--brand-icon-hover-image : url('https://idy.vercel.app/dcs/2026/05/31#.svg'); /* */
--cursor-color: #00FF00;
}
code:stylexx.css
:root {
--logo-url: url(https://i.gyazo.com/6c9dd76ad4607143ea616014f8a7cfe8.jpg);　/* */
/*--logo-url: url(https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png);　/* */
/* --logo-url: url("https://daiiz-apps.appspot.com/today/jp.svg");　/* */
/* --logo-url: url("https://idy.herokuapp.com/dcs/2021/12/31#.svg");　/* */
}
code:stylexx.css
body {
background-image: url(https://i.gyazo.com/8513695107ca83a26e933bd4cc9e4a26.gif);
}
code:stylexx.css
:root{
--project-subtitle: "愛は負けても親切は勝つ"; /* */
--project-subtitle-color : white; /* */
--project-subtitle-background-color : transparent; /* */
}
code:stylexx.css
/* Project description */
.project-home > .title:after {
content: var(--project-subtitle);
color: var(--project-subtitle-color);
background-color: var(--project-subtitle-background-color);
white-space: pre;
font-size: 0.7em;
}
code:stylexx.css
.project-home::after {
display: block;
flex-shrink: 0;
height: 36px;
/* aspect-ratio: 4 / 3; /* */
aspect-ratio: 4 / 1; /* */
margin-left: 4px; /* */
padding: 2px 0px 2px 0px;
background-image: var(--project-subtitle-image); /* */
background-repeat: no-repeat;
background-size: contain;
background-position: right bottom;
content: var(--project-subtitle);
color: var(--project-subtitle-color);
background-color: var(--project-subtitle-background-color);
white-space: pre;
font-size: 0.7em;
border-radius: 4px; /*角丸*/
opacity: var(--project-subtitle-opacity);
}
code:style.css
.brand-icon {
display: block;
flex-shrink: 0;
height: 36px;
aspect-ratio: 4 / 3; /* */
/* aspect-ratio: 5 / 4; /* */
/* aspect-ratio: 1; /* */
/* margin-left: 8px; /* */
padding: 2px 0px 2px 0px;
background-image: var(--logo-url, url("https://daiiz-apps.appspot.com/today/jp.svg")); /* */
background-repeat: no-repeat;
background-size: contain;
background-position: right bottom;
background-color: var(--brand-icon-background-color); /* */
/* border-radius: 50% ; /* */
border-radius: 4px; /* 角丸 */
}
.brand-icon svg { display: none; } /* */
.brand-icon:hover {
height: 64px;
background-image: var(--brand-icon-hover-image); /* */
}
/mamechishiki/settings
code: stylexx.css
.btn-search svg {
display: none !important;
}
.btn-search {
/* background-image: url("https://gyazo.com/382736bc641d59605a6dbbf8135e573e.png") !important; */
background-image: url("https://i.gyazo.com/cb772b56d5a6a489141cebaf611b8623.png") !important;
background-size: 100% !important;
}
[https://i.gyazo.com/cb772b56d5a6a489141cebaf611b8623.png]
ページタイトルを{}で囲む
code:style.css
.editor .line-title .text {
font-size: 1.1em;
font-weight: bold;
}
code:style.css
.editor .line-title .text::before {
content: '{';
font-size: 1.2em;
color: #AAA;
display: inline;
width: 1.2em;
height: 1.2em;
}
code:style.css
.editor .line-title .text::after {
content: '}';
font-size: 1.2em;
display: inline;
color: #AAA;
width: 1.2em;
height: 1.2em;
}
code:style.css
.page {
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
border-radius: 50px;
}
code:style.css
.grid li.page-list-item > ahref^="/suto3scratchpad/" > .content > .header > .title::before {
content: '{'; /* */
color: #AAA;
}
.grid li.page-list-item > ahref^="/suto3scratchpad/" > .content > .header > .title::after {
content: '}';
color: #AAA;
}
code:stylexx.css
/* くるくる回すやつ */
.page-list .grid li:hover {
transition: 1.6s;
/*-webkit-transform: rotateZ(360deg);*/
/*-moz-transform: rotateZ(360deg);*/
/* transform: rotateZ(360deg);*/
transform: rotateY(360deg);
}
/* pinどめされたカードは回らない */
.page-list .grid li.pin:hover {
/* -webkit-transform: none;*/
/* -moz-transform: none;*/
transform: none;
}
code:stylexx.css
/* カードの見出し */
.grid li.page-list-item a .header{
/* background-color: pink; /* */
/* padding-left: 1em; /* */
/* padding-bottom: 0.2em /* */
/* border-style: none; */
/* border-color: red; /* */
border-top-left-radius: 50px;
}
code:style.css
/* カードの本文 */
.grid li.page-list-item a .content{
background-color: #EEE;
border-style: solid; /* */
border-width: 1px;
/*margin-bottom: 10px /* */
/* padding-bottom: 0 /* */
border-top-left-radius: 20px; /* */
border-bottom-right-radius: 20px;
}