| /* 文字不换行 */ | |
| .no-breakline, | |
| .gitbook-table-of-contents .gtoc-level { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .no-breakline:hover { | |
| overflow: visible; | |
| } | |
| /* fixed垂直居中 */ | |
| .fixed-common { | |
| zoom: 1; | |
| filter: alpha(opacity=100); | |
| -webkit-opacity: 1; | |
| -moz-opacity: 1; | |
| opacity: 1; | |
| position: fixed; | |
| top: 50%; | |
| -webkit-transform: translate3d(0, -50%, 0); | |
| -moz-transform: translate3d(0, -50%, 0); | |
| -ms-transform: translate3d(0, -50%, 0); | |
| -o-transform: translate3d(0, -50%, 0); | |
| transform: translate3d(0, -50%, 0); | |
| -webkit-transition: 1s; | |
| -moz-transition: 1s; | |
| -o-transition: 1s; | |
| transition: 1s; | |
| } | |
| .state-min .fixed-common { | |
| -webkit-transform: translate3d(270px, -50%, 0); | |
| -moz-transform: translate3d(270px, -50%, 0); | |
| -ms-transform: translate3d(270px, -50%, 0); | |
| -o-transform: translate3d(270px, -50%, 0); | |
| transform: translate3d(270px, -50%, 0); | |
| } | |
| .state-hide .fixed-common { | |
| zoom: 1; | |
| filter: alpha(opacity=0); | |
| -webkit-opacity: 0; | |
| -moz-opacity: 0; | |
| opacity: 0; | |
| } | |
| .gitbook-table-of-contents { | |
| padding: 0 15px 15px 15px; | |
| background-color: #ffffff; | |
| right: 20px; | |
| border: 1px solid #c9caca; | |
| border-top: 5px solid #ea5414; | |
| width: 250px; | |
| z-index: 99; | |
| max-height: 100%; | |
| zoom: 1; | |
| filter: alpha(opacity=100); | |
| -webkit-opacity: 1; | |
| -moz-opacity: 1; | |
| opacity: 1; | |
| position: fixed; | |
| top: 50%; | |
| -webkit-transform: translate3d(0, -50%, 0); | |
| -moz-transform: translate3d(0, -50%, 0); | |
| -ms-transform: translate3d(0, -50%, 0); | |
| -o-transform: translate3d(0, -50%, 0); | |
| transform: translate3d(0, -50%, 0); | |
| -webkit-transition: 1s; | |
| -moz-transition: 1s; | |
| -o-transition: 1s; | |
| transition: 1s; | |
| } | |
| .color-theme-1 .gitbook-table-of-contents { | |
| background-color: #f7f1dc; | |
| } | |
| .color-theme-2 .gitbook-table-of-contents { | |
| background-color: #2b2b2b; | |
| } | |
| .state-scroll .gitbook-table-of-contents { | |
| overflow-y: scroll; | |
| } | |
| .state-min .gitbook-table-of-contents { | |
| -webkit-transform: translate3d(270px, -50%, 0); | |
| -moz-transform: translate3d(270px, -50%, 0); | |
| -ms-transform: translate3d(270px, -50%, 0); | |
| -o-transform: translate3d(270px, -50%, 0); | |
| transform: translate3d(270px, -50%, 0); | |
| } | |
| .state-hide .gitbook-table-of-contents { | |
| zoom: 1; | |
| filter: alpha(opacity=0); | |
| -webkit-opacity: 0; | |
| -moz-opacity: 0; | |
| opacity: 0; | |
| } | |
| .gitbook-table-of-contents h2 { | |
| color: #e73828; | |
| font-size: 20px; | |
| margin: 10px 0; | |
| } | |
| .gitbook-table-of-contents ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .gitbook-table-of-contents .levelNum { | |
| font-style: normal; | |
| } | |
| .gitbook-table-of-contents .gtoc-level { | |
| display: block; | |
| } | |
| .gitbook-table-of-contents .gtoc-level:hover { | |
| overflow: visible; | |
| } | |
| .gitbook-table-of-contents .gtoc-level.state-current { | |
| background-color: #f0f0f0; | |
| } | |
| .gitbook-table-of-contents .gtoc-level-h2 { | |
| padding-left: 15px; | |
| font-size: 16px; | |
| margin-top: 15px; | |
| } | |
| .gitbook-table-of-contents .gtoc-level-h2, | |
| .gitbook-table-of-contents .gtoc-level-h2:active { | |
| color: #ea5414; | |
| } | |
| .gitbook-table-of-contents .gtoc-level-h3 { | |
| padding-left: 39px; | |
| font-size: 15px; | |
| margin-top: 5px; | |
| } | |
| .gitbook-table-of-contents .gtoc-level-h3, | |
| .gitbook-table-of-contents .gtoc-level-h3:active { | |
| color: #2DA7E0; | |
| } | |
| .gitbook-table-of-contents .icon-shrink { | |
| position: absolute; | |
| cursor: pointer; | |
| right: 10px; | |
| top: 15px; | |
| } | |
| .gitbook-table-of-contents .icon-shrink:hover { | |
| right: 8px; | |
| } | |
| .gtoc-menu { | |
| position: relative; | |
| } | |
| .gtoc-menu-min { | |
| margin-bottom: -40px; | |
| right: 270px; | |
| zoom: 1; | |
| filter: alpha(opacity=100); | |
| -webkit-opacity: 1; | |
| -moz-opacity: 1; | |
| opacity: 1; | |
| position: fixed; | |
| top: 50%; | |
| -webkit-transform: translate3d(0, -50%, 0); | |
| -moz-transform: translate3d(0, -50%, 0); | |
| -ms-transform: translate3d(0, -50%, 0); | |
| -o-transform: translate3d(0, -50%, 0); | |
| transform: translate3d(0, -50%, 0); | |
| -webkit-transition: 1s; | |
| -moz-transition: 1s; | |
| -o-transition: 1s; | |
| transition: 1s; | |
| } | |
| .state-min .gtoc-menu-min { | |
| -webkit-transform: translate3d(270px, -50%, 0); | |
| -moz-transform: translate3d(270px, -50%, 0); | |
| -ms-transform: translate3d(270px, -50%, 0); | |
| -o-transform: translate3d(270px, -50%, 0); | |
| transform: translate3d(270px, -50%, 0); | |
| } | |
| .state-hide .gtoc-menu-min { | |
| zoom: 1; | |
| filter: alpha(opacity=0); | |
| -webkit-opacity: 0; | |
| -moz-opacity: 0; | |
| opacity: 0; | |
| } | |
| .gtoc-menu-min a { | |
| display: block; | |
| text-align: center; | |
| width: 40px; | |
| height: 40px; | |
| line-height: 40px; | |
| border: 1px solid #c9caca; | |
| background-color: #ea5414; | |
| } | |
| .gtoc-menu-min a, | |
| .gtoc-menu-min a:hover { | |
| color: white; | |
| } | |
| .gtoc-menu-min a:hover { | |
| background-color: #bb4310; | |
| } | |
| .gtoc-menu-min .icon-top { | |
| background: #ea5414 url(https://lh3.googleusercontent.com/-o86W7i9pt84/VJK1tQLDoLI/AAAAAAAACM0/tC4qyX9d08Y/s800/icon-up_03.png) no-repeat center center; | |
| } | |
| .gtoc-menu-min .word { | |
| display: inline-block; | |
| float: left; | |
| width: 38px; | |
| height: 37px; | |
| } | |
| .gtoc-menu-min .word-hover { | |
| display: none; | |
| } | |
| .gtoc-menu-min .state-hover .word-normal { | |
| display: none; | |
| } | |
| .gtoc-menu-min .state-hover .word-hover { | |
| display: inline-block; | |
| line-height: 18px; | |
| } |