toya
https://gyazo.com/2decd72447d0ec79e8d0692e9618bf88
外谷弦太
東京大学大学院総合文化研究科ポスドク
ヒトの言語能力の進化について研究してます。専門は複雑系科学で、主な研究手法は計算機シミュレーションです。最近はトリやラットを対象とした行動実験・生態観察についても勉強中です。今は家畜化症候群とかニッチ構築に興味があります。
りさちま：https://researchmap.jp/toyagenta
きゃんのさんへ　便利CSS置き場
プロフィールページに書いてある限りここにしか適用されません。
toya.icon 「!」「#」「%」「~」で背景色を変えて強調
赤背景　緑背景　黄背景　青背景
code:style.css
/* 青背景で強調 */
.deco-\~ {
color: #fff; /* 白文字 */
background-color: #6ae; /* 青背景 */
}
/* 黄背景で強調 */
.deco-\% {
color: #fff; /* 白文字 */
background-color: #ea2; /* 黄背景 */
}
/* 緑背景で強調 */
.deco-\# {
color: #fff; /* 白文字 */
background-color: #6a6; /* 緑背景 */
}
/* 赤背景で強調 */
.deco-\! {
color: #fff; /* 白文字 */
background-color: #e66; /* 赤背景 */
}
toya.icon 「|」「<」「>」で中央寄せ、左寄せ、右寄せ
中央寄せ
左寄せ（デフォルトだから不要か）
右寄せ
code:style.css
/* 中央寄せ */
.deco-\| {
position: absolute;
width: 100%;
text-align: center;
}
/* 右寄せ */
.deco-\> {
position: absolute;
width: 100%;
text-align: right;
}
/* 左寄せ */
.deco-\< {
position: absolute;
width: 100%;
text-align: left;
}
toya.icon 文字サイズ変更。スマホ版はそのまま
code:style.css
/* 文字サイズ。PC表示ではデフォルトより大きめに表示 */
.line {
font-size: 110%;
line-height: 1.7;
}
/* 文字サイズ。スマホ表示ではより小さめに表示する */
@media screen and (max-width: 670px) {
.line {
font-size: 100%;
}
.line span.code-block { font-size: 80%; }
body:not(.presentation) .code-block code > span:not(class)::before {
left: -4em;
}
}
toya.icon チェックボックス _ x 。ただしクリックしてもチェックされません。手打ちで
code:style.css
/* チェックボックスを使えるように */
.line ahref="./_",
.line ahref="./x" {
visibility: hidden; display: inline-block; position: relative; min-width: 1.15em; line-height: 1
}
.line ahref="./_"::after,
.line ahref="./x"::after {
visibility: visible; position: absolute; left: 0;
content: '\0025A2'; font-weight: bold; color: #08BDBD !important
}
.line ahref="./x" + span { position: relative; vertical-align: text-top; line-height: 1 }
.line ahref="./x" + span::after {
content: ''; visibility: visible; display: inline-block; width: .6em; height: .9em;
position: absolute; left: -0.8em; top: -0.2em;
border-right: .18em solid #2489C5; border-bottom: .18em solid #2489C5; transform: rotate(45deg)
}
.line.cursor-line ahref="./_",
.line.cursor-line ahref="./x" { visibility: visible }
.line.cursor-line ahref="./_"::after,
.line.cursor-line ahref="./x"::after { visibility: hidden }
.line.cursor-line ahref="./x" + span { position: inherit }
.line.cursor-line ahref="./x" + span::after {
content: ''; visibility: inherit; display: inherit; position: inherit;
border: inherit; transform: inherit
}
toya.icon 設定ではないですが、「_」を使うとアンダーラインも引けます
can-no.iconすごい！強い人がやってきた！！
#member