gitbook-plugin-iuap-design/book/iuap-design.css

.book .book-summary{
    position:static;
    float:left;
    width:0px;
    border-right: 0px;
    padding-top: 30px;
    overflow: auto;
    background: #fff;
    -webkit-transition: width 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
    -moz-transition: width 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
    -o-transition: width 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
    transition: width 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;

}
/*.book .book-summary:after{
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}*/


.book .book-summary.fix{
    position:fixed;
}
.book.with-summary .book-summary, .book.with-summary .book-summary.fix{
    width:240px;
    /*border-right: 1px solid #e3e3e3;*/
    overflow: hidden;

}

.book .book-summary ul.summary{
    /*临时调*/
    /*position:relative;*/
    position:absolute;
}

.container-div{
    position: relative;
    overflow: hidden;
}

.book .book-summary ul.summary li.active>a{
    color:#2db7f5;
}


.book .book-body .page-wrapper .page-inner{
    max-width: 1000px;
    margin: 0px 50px;
    padding-bottom: 50px;
}

.book .book-body .navigation{
    height: 50px;
    top: auto;
}

.example-head{
    font-weight: bold;
    font-size: 1.2em;
    height: 40px;
}

html{
    height:100% !important;
}

.book .book-body, .book .book-body .body-inner{
    overflow-y: visible;
    position:relative;
}
.book .book-body{
    position:static;
}
.book.with-summary .book-body .body-inner{
    border-left:1px solid #e3e3e3;
}

.book .book-body .page-wrapper .page-inner section.normal{
    font-size: 14px;
}
.book{
    height: auto;
}

.book .book-body .page-wrapper .page-inner section.normal pre{
    border: 1px solid #ddd;
}

.example-content{
    position: relative;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0px;
}

.example-content.ex-hide{
    display: none;
}

.example-content:after{
    display:block;
    content:" ";
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}

/*wd*/
@media (min-width:600px){
    .book.with-summary .book-body{
        padding-left: 240px;
    }
}

/*调整*/
.book.with-summary .book-body{
    /*position: relative;*/
    position:static;
    padding-left:240px;
}
/*.book .book-summary .book-search{
    display: none;
}*/
.book .book-summary .book-search,.book.with-search .book-summary .book-search{
    z-index:99;
    width:240px;
}

.book.with-search .book-summary .book-search{
    top:-50px;
}
.book.with-summary.with-search .book-summary .book-search{
    top:0px;
    border-bottom:1px solid #eee;
}


body{
    display: none;
}

.banner {
    width: 100%;
    overflow: hidden;
    background-color: #0088cc;
}
.head-area.normal {
    background-color: #fff;
}
.banner-content {
    margin: 0 auto;
    padding: 30px 0px 10px 0px;
    color: #fff;
}
.banner-content h1 {
    font-size: 30px;
}

.book .book-summary ul.summary li a, .book .book-summary ul.summary li span{
    /*padding-left:0px;*/
    font-size: 14px;
    opaicty:1;
    filter:alpha(opacity=100);
}

.book .book-body{
    padding-left:0px;
    -webkit-transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
    -moz-transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
    -o-transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
    transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
}

.book .book-body .page-wrapper .page-inner section.normal h1{
    font-size: 24px;
    font-family: 微软雅黑,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    font-weight: normal;
}

.book .book-body .page-wrapper .page-inner section.normal h2{
    font-size: 20px;
    font-family: 微软雅黑,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    font-weight: normal;
}

.book .book-body .page-wrapper .page-inner section.normal h3{
    font-size: 18px;
    font-family: 微软雅黑,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    font-weight: normal;
}

.book .book-body .page-wrapper .page-inner section.normal p{
    font-size:14px;
}

#anchors-navbar{
    top: 240px;
}

.book .book-body .page-wrapper .page-inner section.normal .u-pagination > .active > a {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: rgb(27,174,222);
    border-color: rgb(27,174,222);
}

 .book .book-body .page-wrapper .page-inner section.normal .u-menu{
    padding: 8px 0;
    margin: 0px;
}

.book .book-body .page-wrapper .page-inner section.normal .u-pagination > .active > a,  .book .book-body .page-wrapper .page-inner section.normal .u-pagination > .active >  span, .book .book-body .page-wrapper .page-inner section.normal .u-pagination > .active  > a:hover,.book .book-body .page-wrapper .page-inner section.normal  .u-pagination >  .active > span:hover,.book .book-body .page-wrapper .page-inner section.normal .u- pagination > .active > a:focus,.book .book-body .page-wrapper .page-inner section.normal  .u-pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: rgb(27,174,222);
    border-color: rgb(27,174,222);
}

.book .book-body .page-wrapper .page-inner section.normal table td, .book .book-body .page-wrapper .page-inner section.normal table th{
    border:none;
}
.book .book-body .page-wrapper .page-inner section.normal table tr{
    border-top: 1px solid rgb(224,224,224);
}
.book .book-body .page-wrapper .page-inner section.normal table thead tr{
    border:none;
}
table.u-table-base.u-table-striped thead tr{
    border:none;
}
.book .book-body .page-wrapper .page-inner section.normal table th{
    text-align: left;
    font-weight: 500;
}
.book .book-body .page-wrapper .page-inner section.normal table tbody tr:nth-child(2n+1){
    background-color: rgba(238,238,238,.3);
}
.book .book-body .page-wrapper .page-inner section.normal table tr:nth-child(2n){
    background: none;
}
.u-table tbody tr.is-selected {
    background-color: #C4EAF6!important;
}
.book .book-body .page-wrapper .page-inner section.normal .u-table tbody tr:nth-child(2n+1){
    background: none;
}
.book .book-body .page-wrapper .page-inner section.normal .u-table tr{
    background-color: #eee;
}
.book .book-body .page-wrapper .page-inner section.normal .u-table-base tbody tr:nth-child(2n+1){
    background: none;
}


.book .book-body .page-wrapper .page-inner section.normal .u-table tbody tr:hover{
    background-color: #E9F7FC;
}

// img

.book .book-body .page-wrapper .page-inner section.normal img.img-bordered-primary  {
    border: 1px solid rgb(63,81,181);
}

.book .book-body .page-wrapper .page-inner section.normal img.img-bordered-orange {
    border: 1px solid rgb(255,152,0);
}

.book .book-body .page-wrapper .page-inner section.normal img.img-bordered-green {
    border: 1px solid rgb(76,175,80);
}

.u-message .u-msg-close{
    top: 12px !important;
    right: 15px !important;
}
.u-breadcrumb{
    padding: 8px 10px !important;
    margin-bottom: 10px !important;
    list-style: none;
    background-color: transparent;
    border-radius: 3px;
}



.book .book-body .navigation.navigation-prev,.book .book-body .navigation.navigation-next{
    display: none;
}

/*返回顶部*/
#goTop,#anchors-navbar{
    position: fixed;
    border: 1px solid #2db7f5;
    z-index: 99;
    cursor: pointer;
    padding: 5px 10px;
    box-shadow: none;
    color:#2db7f5;
    background-color: transparent;
    right:20px;
}
#goTop{
    bottom:15px;
}
/*锚点*/
#anchors-navbar{
    top: 257px;
}
#anchors-navbar:hover{
    background: #fff;
}

/*代码高亮背景*/
body .book .book-body .page-wrapper .page-inner section.normal pre .hljs, body .book .book-body .page-wrapper .page-inner section.normal code .hljs{
    background: transparent;
}

/*list style*/
.book .book-body .page-wrapper .page-inner section.normal>ul>li{
    list-style-type: disc;
}

.book .book-body .page-wrapper .page-inner section.normal>ul>li>ul>li{
    list-style-type: circle;
}

/*left mobile show*/
.book .book-header h1{
    display: none;
}
.book .book-header .btn{
    border:0px;
}
.book .book-header .pull-right{
    display: none;
}

/*left secondary menu*/
.book .book-summary ul.summary li span{
    cursor: pointer;
    /*padding-left:30px;*/
    opacity: 1;
    filter:alpha(opacity=100);
}
.book .book-summary ul.summary li span:hover{
    color:#008cff;
}
.book .book-summary ul.summary li span b {
    display: none;
    position:absolute;
    left:0;
}
.book .book-summary ul.summary li span i{
    left:0px;
    top:10px;
    width:100%;
}

.book .book-summary ul.summary > li.chapter > a,
.book .book-summary ul.summary > li.chapter > span{
    font-size:14px;
}

.book .book-summary ul.summary ul.articles li{
    font-size:14px;
    border-left:1px solid #ddd;
    margin-left:10px;
}


.book .book-summary .exc-trigger{
    left:0px;
    top:8px;
}
.book .book-body .page-wrapper .page-inner section.normal .u-menu li a{
    color: #333;
}
.book .book-body .page-wrapper .page-inner section.normal .u-menu li:hover > a{
    color: #fff;
    text-decoration: none;
}
.book .book-body .page-wrapper .page-inner section.normal .u-table-hover tbody tr:hover{
    background: #eee;
}
.book .book-body .page-wrapper .page-inner section.normal .u-table-striped tbody tr:nth-child(2n+1){
    background: rgba(238,238,238,.3);
}
/*.book .book-body .page-wrapper .page-inner section.normal table thead th :last-child{
    text-align: right;
}
.book .book-body .page-wrapper .page-inner section.normal table tbody td:last-child{
    text-align: right;
}*/
h3.u-panel-title{
    margin:0!important;
}
.u-panel .u-panel-body>h4{
    margin-top:0!important;
    margin-bottom: 10px!important;
}
.tooltip-primary.top .tooltip-arrow {
    border-top-color: rgb(63,81,181) !important;
}
.tooltip-info.top .tooltip-arrow {
    border-top-color: rgb(0,188,212) !important;
}
.tooltip-warning.top .tooltip-arrow {
    border-top-color: rgb(255,152,0) !important;
}
.tooltip-success.top .tooltip-arrow {
    border-top-color: rgb(76,175,80) !important;
}
.tooltip-danger.top .tooltip-arrow {
    border-top-color: rgb(244,67,54) !important;
}
.tooltip.top .tooltip-arrow{
    bottom: 1px!important;
}
.tooltip.bottom .tooltip-arrow{
    top: 1px !important
}
.tooltip.right .tooltip-arrow{
    left: 1px !important;
}
.tooltip.right .tooltip-arrow{
    border-right-color: #3f51b5 !important;
}
.tooltip.left .tooltip-arrow{
    border-left-color: #3f51b5 !important;
}
.tooltip.top .tooltip-arrow{
    border-top-color: #3f51b5 !important;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #3f51b5 !important;
}

/*main nav change distance*/
header.navbar .logo{
    margin-right:10px;
}

.book .book-body .page-wrapper .page-inner section.normal hr{
    height:1px;
}

.book .book-body .page-wrapper .page-inner section.normal .u-tabs.is-upgraded .u-tabs__tab.is-active{
    color:rgba(0,0,0, 0.87);
}

.book .book-body .page-wrapper .page-inner section.normal .u-tabs-pill .u-tabs__tab.is-active{
    color:#fff !important;
    background-color:rgb(63,81,181);

}

.copyright p{
    padding-top:20px;
    margin-bottom:20px;
}

/*调整内页右侧导航Bug*/
.nav-body .mCSB_inside > .mCSB_container{
    margin-right:0px;
}

.book .book-body .page-wrapper .page-inner section.normal .examples-code{
    clear:both;
}

/*字体图标*/
/* 清除浮动 */
.ks-clear:after, .clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.ks-clear, .clear {
  *zoom: 1;
}


.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}

.helps{margin-top:40px;}
.helps pre{
  padding:20px;
  margin:10px 0;
  border:solid 1px #e7e1cd;
  background-color: #fffdef;
  overflow: auto;
}

.icon_lists li{
  float:left;
  width: 150px;
  height:210px;
  text-align: center;
}
.icon_lists .icon{
  font-size: 42px;
  line-height: 100px;
  margin: 10px 0;
  color:#333;
  -webkit-transition: font-size 0.25s ease-out 0s;
  -moz-transition: font-size 0.25s ease-out 0s;
  transition: font-size 0.25s ease-out 0s;

}
.icon_lists .icon:hover{
  font-size: 100px;
}

/*mobile style*/
@media screen and (max-width:600px) {
    #anchors-navbar,#goTop{
        display: none;
    }
    .book.with-summary .book-body{
        transform:none;
        /*-webkit-transform: translate(calc(240px),0);
        -moz-transform: translate(calc(240px),0);
        -ms-transform: translate(calc(240px),0);
        -o-transform: translate(calc(240px),0);
        transform: translate(calc(240px),0);*/
        -webkit-transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
        -moz-transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
        -o-transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
        transition: padding-left 400ms cubic-bezier(0.785, 0.135, 0.150, 0.860) ,visibility 400ms;
    }

    /*mobile content*/
    .book .book-body .page-wrapper .page-inner{
        margin:0px;
    }
    .book .book-body .page-wrapper .page-inner section{
        padding:5px;
    }
    .book .book-header{
        padding:0px;
    }
    .book .book-header .btn{
        padding:0 15px 0 0;
    }

}
.book .book-body .page-wrapper .page-inner section.normal .navbar-brand{
    min-width: 100px;
    padding-right: 0;
}
.book .book-body .page-wrapper .page-inner section.normal .u-navlayout-header a{
    color: #fff;
    text-decoration: none;
}
.book .book-body .page-wrapper .page-inner section.normal .u-navlayout-header .u-navlayout-toolbar li .u-topic{
     font-size:20px;
}
.book .book-body .page-wrapper .page-inner section.normal .inverse .u-navlayout-header a{
    color: #000;
    text-decoration: none;
}
.book .book-body .page-wrapper .page-inner section.normal .u-menu-item:hover > a{
    color: #262626 !important;
}

.book .book-body .page-wrapper .page-inner section.normal h4{
    font-size:1.0em;
}



.u-menu-item:hover{
    text-decoration: none;
    background-color: #f5f5f5;
}
.u-menu-item{
    line-height: 20px !important;
}
.book .book-body .page-wrapper .page-inner section.normal .u-media .u-media-heading{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
}
.example-content .u-list-group{
    width: 400px;
}
.u-list-group .u-list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.u-list-group-item > .u-badge{
    margin-top: 13px;
}
.book .book-body .page-wrapper .page-inner section.normal .u-list-group a{
    text-decoration: none;
    color: #000;
    box-shadow: none;
}
.book .book-body .page-wrapper .page-inner section.normal .u-list-group a:hover{
    color: #555;
    background-color: #f5f5f5;
}
.book .book-body .page-wrapper .page-inner section.normal .u-list-group .u-list-group-item.active,.book .book-body .page-wrapper .page-inner section.normal .u-list-group .u-list-group-item.active:hover,.book .book-body .page-wrapper .page-inner section.normal .u-list-group .u-list-group-item.active:focus{
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.book .book-body .page-wrapper .page-inner section.normal .u-gallery-item a{
    text-decoration: none;
    color: #000;
}
.u-gallery-title {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px !important;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #555;
    margin-top: 8px !important;
    margin-bottom: 3px !important;
}
.u-gallery-desc {
    color: #999;
    font-size: 12px !important;
}
.u-gallery-overlay .u-gallery-item {
    position: relative;
}
.u-gallery-overlay .u-gallery-title {
    font-weight: 400;
    font-size: 1.4rem;
    color: #FFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    text-indent: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.u-gallery-overlay .u-gallery-desc {
    display: none;
}
.u-gallery-bordered .u-gallery-item {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
    box-shadow: 0 0 3px rgba(0,0,0,.35);
    padding: 5px;
}
.u-gallery-bordered .u-gallery-title {
    margin-top: 10px;
    font-weight: 400;
    font-size: 1.4rem;
    color: #555;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.u-gallery-imgbordered .u-gallery-item img {
    width: 100%;
    height: auto;
    border: 3px solid #FFF !important;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.35) !important;
    box-shadow: 0 0 3px rgba(0,0,0,.35) !important;
}