org-mode官网的目录显示效果(css)

gistfile1.css

/*Here is content*/                                                                                                                     
@media screen                                                                                                                           
{
    #table-of-contents {
        float: right;
        border: 1px solid #CCC;
        max-width: 50%;
        overflow: auto;
    }
} /* END OF @media screen */
#table-of-contents {
    font-size: 9pt;
    position: fixed;
    right: 0em;
    top: 0em;
    background: white;
    -webkit-box-shadow: 0 0 1em #777777;
    -moz-box-shadow: 0 0 1em #777777;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    text-align: right;
    max-height: 80%;
    overflow: auto;
    z-index: 200;
}
#table-of-contents #text-table-of-contents {
    display: none;
    text-align: left;
}
#table-of-contents:hover #text-table-of-contents {
    display: block;
    padding: 0.5em;
    margin-top: -1.5em;
}
#table-of-contents ul {
    margin-left: 14pt;
    margin-bottom: 10pt;
    padding: 0;
}
#table-of-contents ul>:first-child {
    color: blue;
}
#table-of-contents li {
    padding: 0;
    margin: 1px;
    list-style: none;
}
a:hover, a:active {
    text-decoration: underline;
    color: #FF0000;
}
/* Content end */