挑んだ数だけこの想い届け。

こちらに掲載している記事は全て非公式です。私の勝手な妄想、考察、感想です。当サイトを無断転載することは固くお断りいたします。

#個人的に見たいハロプロセトリ

 

昨日私はtwitterでこんな事を呟いていました。なので少しずつ小分けにして紹介していこうと思います。

 

 

/*--------------------------------------
もくじ
--------------------------------------*/
ul.table-of-contents {
font-size: 12px !important;/*文字サイズ*/
border: 1px solid #eee !important;
padding: 1em 1.5em 1em 2.25em !important;
color: #999 !important;
display: inline-block;
}
ul.table-of-contents:before {
content: "[ も く じ ]"; /* お好きな文言に変更してください */
display: inline-block;
margin: 0.2em 0em 1em;
padding: 0.2em 1em;
font-weight: bold;
background-color: #f5f5f5;
}
ul.table-of-contents a:after {
display: none !important;
}
ul.table-of-contents li a,
ul.table-of-contents li a:visited {
color: #999 !important; /* リンク文字の色 */
text-decoration: none; /* リンクの下線あり・なし */
}
ul.table-of-contents li a:hover {
color: #bac !important; /* リンクにマウスを重ねた時の色 */
}
ul.table-of-contents li {
margin: 5px 0 10px 10px !important;
line-height: 1.5;
padding: 0;
list-style-type: none !important;
}
ul.table-of-contents li:before {
content: "▼"; /*お好きな記号に変更可能です*/
position: absolute;
left: 1.7em !important; /*左端からのアイコンまでの距離*/
color: #fac;
}
ul.table-of-contents ul li,
ul.table-of-contents li ul {
/* H1のみ表示させる */
display: none !important;
}