[FEATURE] Different Style for TOC about doit HOT 7 CLOSED

Possible layout 1

.page {
    margin-left: 10%;
    margin-right: auto;
    max-width: initial;
    width: 70%;
}

from doit.

Possible layout 2

.page {
    margin-left: 324px;
    margin-right: auto;
    max-width: initial;
    width: 70%;
}
.toc-auto {
    right: 1168px;
    max-width: 328px;
    visibility: visible;
    position: fixed;
    top: 76px;
}

from doit.

Possible layout 3

Use a button to turn TOC on and off. The CSS needs to be further optimized.

from doit.

I think change max-width: 800px; to max-width: initial; can be the first harmless step.

from doit.

Wow, that's what I'm looking for, I like LoveIt theme, but it seems that the author has abandoned it.
I always thinks that the width is too small, so the reading experience is not good.
BTW, I prefer layouts 1 :)

from doit.

Layout 1 has been implemented. This issue will be closed by #35 , if there are future needs for other possible layouts, it's more than welcome to reopen this issue.

from doit.

Possible layout 4

Add a button to switch toc between auto-toc and static-toc. Should be quite easy to implement.

from doit.