TOC, TAA, TAB etc

/* TOC */
. toc {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.toc h2 {display:inline-block; margin-right:10px}
.toc a {text-decoration:none}
.toc a:hover {text-decoration:underline}
.toc ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.toc ul li {list-style-type:none;}
.toc ul li a {margin-left:.5em}
.toc ul li ul {margin-left:2em}
.toctogglelabel {cursor:pointer; color:#00b894}
:not(:checked) > .toctoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .toctogglespan:before {content:'['}
.toctoggle:not(:checked) + .toctitle .toctogglelabel:after {content:'Tampilkan ';display: inline}
.toctoggle:checked + .toctitle .toctogglelabel:after {content:'Sembunyikan '}
:not(:checked) > .toctogglespan:after {content:']'}
.toctoggle:not(:checked) ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
/* TAA */
. taa {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.taa h2 {display:inline-block; margin-right:10px}
.taa a {text-decoration:none}
.taa a:hover {text-decoration:underline}
.taa ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.taa ul li {list-style-type:none;}
.taa ul li a {margin-left:.5em}
.taa ul li ul {margin-left:2em}
.taatogglelabel {cursor:pointer; color:#00b894}
:not(:checked) > .taatoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .taatogglespan:before {content:'['}
.taatoggle:not(:checked) + .taatitle .taatogglelabel:after {content:'Tampilkan ';display: inline}
.taatoggle:checked + .taatitle .taatogglelabel:after {content:'Sembunyikan '}
:not(:checked) > .taatogglespan:after {content:']'}
.taatoggle:not(:checked) ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
/* TAB */
. tab {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.tab h2 {display:inline-block; margin-right:10px}
.tab a {text-decoration:none}
.tab a:hover {text-decoration:underline}
.tab ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.tab ul li {list-style-type:none;}
.tab ul li a {margin-left:.5em}
.tab ul li ul {margin-left:2em}
.tabtogglelabel {cursor:pointer; color:#00b894}
:not(:checked) > .tabtoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .tabtogglespan:before {content:'['}
.tabtoggle:not(:checked) + .tabtitle .tabtogglelabel:after {content:'Tampilkan ';display: inline}
.tabtoggle:checked + .tabtitle .tabtogglelabel:after {content:'Sembunyikan '}
:not(:checked) > .tabtogglespan:after {content:']'}
.tabtoggle:not(:checked) ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
/* TAC */
. tac {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.tac h2 {display:inline-block; margin-right:10px}
.tac a {text-decoration:none}
.tac a:hover {text-decoration:underline}
.tac ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.tac ul li {list-style-type:none;}
.tac ul li a {margin-left:.5em}
.tac ul li ul {margin-left:2em}
.tactogglelabel {cursor:pointer; color:#00b894}
:not(:checked) > .tactoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .tactogglespan:before {content:'['}
.tactoggle:not(:checked) + .tactitle .tactogglelabel:after {content:'Tampilkan ';display: inline}
.tactoggle:checked + .tactitle .tactogglelabel:after {content:'Sembunyikan '}
:not(:checked) > .tactogglespan:after {content:']'}
.tactoggle:not(:checked) ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
/* TAD */
. tad {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.tad h2 {display:inline-block; margin-right:10px}
.tad a {text-decoration:none}
.tad a:hover {text-decoration:underline}
.tad ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.tad ul li {list-style-type:none;}
.tad ul li a {margin-left:.5em}
.tad ul li ul {margin-left:2em}
.tadtogglelabel {cursor:pointer; color:#00b894}
:not(:checked) > .tadtoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .tadtogglespan:before {content:'['}
.tadtoggle:not(:checked) + .tadtitle .tadtogglelabel:after {content:'Tampilkan ';display: inline}
.tadtoggle:checked + .tadtitle .tadtogglelabel:after {content:'Sembunyikan '}
:not(:checked) > .tadtogglespan:after {content:']'}
.tadtoggle:not(:checked) ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
/* TAE */
. tae {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.tae h2 {display:inline-block; margin-right:10px}
.tae a {text-decoration:none}
.tae a:hover {text-decoration:underline}
.tae ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.tae ul li {list-style-type:none;}
.tae ul li a {margin-left:.5em}
.tae ul li ul {margin-left:2em}
.taetogglelabel {cursor:pointer; color:#00b894}
:not(:checked) > .taetoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .taetogglespan:before {content:'['}
.taetoggle:not(:checked) + .taetitle .taetogglelabel:after {content:'Tampilkan ';display: inline}
.taetoggle:checked + .taetitle .taetogglelabel:after {content:'Sembunyikan '}
:not(:checked) > .taetogglespan:after {content:']'}
.taetoggle:not(:checked) ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
/* TAF */
. taf {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.taf h2 {display:inline-block; margin-right:10px}
.taf a {text-decoration:none}
.taf a:hover {text-decoration:underline}
.taf ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.taf ul li {list-style-type:none;}
.taf ul li a {margin-left:.5em}
.taf ul li ul {margin-left:2em}
.taftogglelabel {cursor:pointer; color:#00b894}
:not(:checked) > .taftoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .taftogglespan:before {content:'['}
.taftoggle:not(:checked) + .taftitle .taftogglelabel:after {content:'Tampilkan ';display: inline}
.taftoggle:checked + .taftitle .taftogglelabel:after {content:'Sembunyikan '}
:not(:checked) > .taftogglespan:after {content:']'}
.taftoggle:not(:checked) ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
]]></b:skin>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>