|
|
| 第213行： |
第213行： |
| border: 1px solid #ddd; | | border: 1px solid #ddd; |
| background: rgba(250,250,250,0.8); | | background: rgba(250,250,250,0.8); |
| }
| |
| .toc-custom {
| |
| position: fixed;
| |
| right: -195px;
| |
| top: 180px;
| |
| z-index: 10;
| |
| width: 181px;
| |
| filter: alpha(opacity=50);
| |
| -webkit-transition: -webkit-transform .2s ease-in;
| |
| transition: transform .2s ease-in;
| |
| padding: 0.8em;
| |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .toc-custom:hover {
| |
| opacity: 1;
| |
| filter: alpha(opacity=100);
| |
| -webkit-transform: translate(-85%, 0);
| |
| -ms-transform: translate(-85%, 0);
| |
| transform: translate(-85%, 0);
| |
| padding: 0.8em;
| |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .toc-custom>ul {
| |
| height: 55vh;
| |
| overflow-y: scroll;
| |
| }
| |
| #btn-showtoc {
| |
| cursor: pointer;
| |
| }
| |
| .toc .toctoggle {
| |
| display: none;
| |
| } | | } |
| /* 导航条（完全没有apple风格的apple风面包屑orz） 来源:http://www.jankoatwarpspeed.com/examples/breadcrumb/ */ | | /* 导航条（完全没有apple风格的apple风面包屑orz） 来源:http://www.jankoatwarpspeed.com/examples/breadcrumb/ */ |