固定表示目次（ﾌﾟﾗｸﾞｲﾝ「contents」、「openclose」使用） - まとめ @ ウィキ

• Javascriptを用いないと出来なかった固定表示メニューが、このCSSと「表示切り替え」プラグインによってJavascript無しでも可能になった。
• なのでこのCSSならページの編集可能範囲をを管理者のみにしなくて良くなる。

　　　　目次　　　　

題名1

題名2

小題名2-1

編集中入力内容

#divclass(openclose){
#openclose(show= 　　　　目次　　　　 ){
#contents(level=1,fromhere=true)}}

CSS記述内容

/* プラグインによる固定表示メニュー装飾用 */
.openclose {
    position: fixed;
    width: 190px;
    padding: 5px;
    right: 0;
    top: 124px;
    max-height: 504px;
    overflow-y: auto;
    line-height: normal;
    border-radius: 4px;
    background: #d1d1d1;
    z-index: 14;
}
/* 目次 */
.plugin_openclose_b {
    display: block;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}
/* 中身 */
.plugin_contents ul li {
    margin-bottom: 0.2em;
}
/* 枠と枠内の余白を消す為 */
#plugin_openclose_0_167_ {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}