settings

よさそう

サムネが正方形いっぱいに表示されるのカッコいい

Style

　　　　　　　　　　

code:style.css

@import "/api/code/zatto/プロジェクトタイトルの隣に今日の日付を表示するUserCSS/style.css";

code:style.css

@import "/api/code/zatto/DiaryBlock/style.css";

code:style.css

@import "/api/code/zatto/PinBlocks/style.css";

code: style.css

.deco-\% {

padding: 0.1em 0.2em 0.1em 0.2em;

}

/* indent glay */

.indent-mark {

height: 100% !important;

}

.indent-mark .pad {

height: 100% !important;

overflow: unset !important;

}

.indent-mark span:nth-child(2n+2) .pad {

}

.line:not(.cursor-line) .deco-\~:not(:hover) { filter: blur(3px); }

.iframe-video-player:not(.floating) {

iframe {

width: 99%;

max-width: 640px;

height: auto;

max-height: 360px;

aspect-ratio: 16 / 9;

}

&:hover .control {

right: unset;

left: min(99% - 24px, 616px); /* calc(min(99%, 640px) - 24px) */

}

}

strong .iframe-video-player:not(.floating) {

iframe {

max-width: 99%;

max-height: none;

}

&:hover .control {

left: calc(99% - 24px);

}

}

/* ＃で始まるタグをラベル風にする */

display: inline-block;

padding: 2px 5px;

margin: 0 8px 8px 0;

font-size: 0.8em;

border-radius: 3px;

transition: .3s;

-webkit-transform: scale(1);

transform: scale(1);

}

-webkit-transform: scale(1);

transform: scale(1);

}

/* カーソルのある行の背景色と下線を薄いグレーにする */

.cursor-line {

background-color: rgba(0, 0, 0, .02);

box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, .3);

}

.navbar .navbar-menu>li.stream-btn,

.navbar .navbar-menu>li.stream-btn.hidden-xs

{ display: block !important; }

.stream h1 {

background-color: var(--stream-section-title-bg, midnightblue);

color: var(--stream-section-title-text-color, white);

}

.editor .line:not(:first-child) {

border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}