settings
code:style.css
a.project-home > span.title {
font-size: 0;
height: 38px;
}
a.project-home > span.title:after {
font-size: 24px;
content: "ci7lus'";
}
body {
}
code:custom.css
/* 箇条書きを控えめにする */
/* インラインのコード記法は色をつけないで欲しい */
/* Streamにアクセスするボタン */
/* 最大画像サイズ制御 */
.line img.image, .video-player video {
max-width: 80%;
max-height: 50vh;
}
@media (max-width: 540px) {
.line img.image, .video-player video {
max-width: 100%;
max-height: unset;
}
}
.iframe-video-player iframe {
max-width: 80%;
max-height: 256px;
}
@media (min-width: 541px) {
max-width: 400px;
}
}
/* モーダルから画像がはみださないようにする */
.full-content-modal .modal-dialog .modal-content .modal-body .full-content {
max-height: -webkit-fill-available;
max-height: 85vh;
}
/* hogeのみweightを調整する */
strong.level-1 > span.deco-\* {
font-weight: bold;
}
code:scp.css
/* ！をSCPみたいにする */
span.deco-\! {
/*background-color: var(--page-text-color, #FFF);*/ }
div.cursor-line > span.text > span * span.deco-\! {
background-color: unset;
}
span.deco-\! * a.empty-page-link,
span.deco-\! > a.empty-page-link,
span.deco-\! * a.page-link,
span.deco-\! > a.page-link {
}
span.deco-\! > * img {
filter: blur(4px);
}
code:exp_blur.css
/* ！にブラーかける */
span.deco-\! {
/*background-color: var(--page-text-color, #FFF);*/ filter: blur(4px);
}
div.cursor-line > span.text > span * span.deco-\! {
filter: unset;
}
span.deco-\! * a.empty-page-link,
span.deco-\! > a.empty-page-link,
span.deco-\! * a.page-link,
span.deco-\! > a.page-link {
/*filter: blur(4px); なんだっけこれ*/
}
span.deco-\! > * img {
filter: blur(4px);
}
test scp
code:ci7lus.css
max-width: 200px;
}
/* 大回転 */
pointer-events: auto;
transition: ease all 0.5s;
border-radius: 5%;
/*padding: 1.5em;*/
max-width: 128px;
}
animation: spin 2s linear infinite;
border-radius: 50%;
}
animation: rspin 3s linear infinite;
pointer-events: none;
border-radius: 50%;
}
pointer-events: none;
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes rspin {
0% {transform: rotate(360deg);}
100% {transform: rotate(0deg);}
}
.page-menu ul > li > div > p {
margin: 0;
}
display: flex;
top: -45px!important;
display: relative!important;
}*/
.grid li.page-list-item a .pin {
/*display: none;*/
}
.page-menu .tool-btn {
}
body {
/*min-height: 100vh;*/
/*min-height: -webkit-fill-available;*/
margin-bottom: 10px;
background-image: radial-gradient(#dedede 1px, transparent 1px);
background-size: 30px 30px;
}
.grid li.page-list-item a .icon img {
max-width: fit-content;
}
a.project-home > span.title {
font-family: Pacifico, serif;
font-size: 24px;
}
.grid li, body, .editor {
/*font-family: "Hiragino Mincho ProN", serif;*/
line-height: 2;
}
.grid li.page-list-item a .title {
/*font-weight: bold!important;*/
}
span.kamon.kamon-caret-down {
display: none;
}
.line.line-title {
padding-bottom: 20px;
}
.line.line-title .text {
padding-bottom: 8px;
}
/*.page-list .grid li.pin {
width: 294px;
height: 322px;
}
.grid li.page-list-item a .icon {
margin: auto;
}*/
border: gray 2px dashed;
}
code:fixed_project_home.css
/* ホームボタンをナビゲーションバー内に固定する */
.quick-launch .project-home {
left: 60px;
color: white;
position: relative;
pointer-events: auto;
}
.quick-launch {
margin-bottom: 1rem;
}
.quick-launch .project-home:hover {
background-color: rgba(0,0,0,0.08)!important;
color: snow!important;
}
.quick-launch .left-box {
position: fixed;
top: 0;
color: white;
z-index: 1000;
width: 100%;
pointer-events: none;
}
.quick-launch .plan-badge {
margin: 0 0 0 64px;
}
code:navbar_icon.css
.navbar-brand::before {
content: '';
width: 40px;
height: 40px;
position: absolute;
background-size: cover;
border-radius: 9999px;
}
code:external_link.css
.line a.link:not(.icon)::after {
font-family:'Font Awesome 5 Free';
content: ' \f35d';
display: inline-block;
font-weight: 900;
}
code:memooooo.css_disabled
/* badge-link tag */
display: inline-block;
padding: 1px 5px;
margin: 0 8px 8px 0;
font-size: 0.9em;
border-radius: 3px;
transition: .3s;
/* -webkit-transform: scale(1);
transform: scale(1); */
}
color: rgba(136, 88, 173, .6) !important;
border: 1px solid rgba(136, 88, 173, .6);
}
background-color: rgba(136, 88, 173, 0.1);
}
background-color: unset;
}
code:memooooo.css
.level-1 {
background: linear-gradient(transparent 60%, rgb(174 157 210 / 60%) 60%);
}
code:memooooo.css
.line strong.level-2 {
/*display: block;*/
position: relative;
padding-left: 16px;
}
.line strong.level-2:before{
content: '';
position: absolute;
width: 5px;
height: 100%;
top: 0;
left: 0;
}
code:memooooo.css_disabled
.line strong.level-3 {
/*display: block;*/
position: relative;
/*font-size: 200%;*/
line-height: 160%;
/*text-align: center;*/
margin: 2px auto 18px;
font-weight: 100;
padding-top: .5rem;
padding-bottom: .5rem;
}
.line strong.level-3:after{
position: absolute;
content: '';
width: 100px;
top: 0;
bottom: /*-0.5em;*/0;
left: 0;
/*right: 0;*/
margin: 0 auto;
}
code:fukidashi.css
.deco-\{ {
font-size: 1em;
padding: 0.1em 0.2em 0.1em 0.2em;
border-radius: 0.4em;
margin: auto 0.3em;
display: inline-block;
max-width: calc(100% - 100px);
vertical-align: top;
}
.deco-\{:before {
position: absolute;
margin: 0;
padding: 0;
transform: translateX(-100%) translateY(calc(1em - 80%));
width: 0;
content: "";
border-width: 0 0 0.6em 0.6em;
border-style: solid;
}
;){kind=link}