blob: 28c89a9f043f1279a2002f63b5f4d60b1f74b03c [file] [log] [blame]
/* 文字不换行 */
.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;
}