|
|
|
@ -8502,8 +8502,8 @@ h1[id*=toc-head]::before,h2[id*=toc-head]::before,h3[id*=toc-head]::before,h4[id |
|
|
|
|
|
|
|
|
|
.widget-area { |
|
|
|
|
position: fixed; |
|
|
|
|
top: calc(100% - 132px); |
|
|
|
|
bottom: 10%; |
|
|
|
|
top: 100px; |
|
|
|
|
bottom: 66px; |
|
|
|
|
left: -400px; |
|
|
|
|
z-index: 3; |
|
|
|
|
width: 400px; |
|
|
|
@ -8513,9 +8513,8 @@ h1[id*=toc-head]::before,h2[id*=toc-head]::before,h3[id*=toc-head]::before,h4[id |
|
|
|
|
box-shadow: 0 1px 20px -8px rgba(0,0,0,.5); |
|
|
|
|
z-index: 50; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.widget-area.active{ |
|
|
|
|
top: 100px; |
|
|
|
|
bottom: 80px; |
|
|
|
|
left: -1px !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -8545,18 +8544,47 @@ h1[id*=toc-head]::before,h2[id*=toc-head]::before,h3[id*=toc-head]::before,h4[id |
|
|
|
|
border-color: #ddd; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.widget-area .show_hide{ |
|
|
|
|
.widget-area .show-hide-wrap{ |
|
|
|
|
position: absolute; |
|
|
|
|
right: -42px; |
|
|
|
|
height: 30px; |
|
|
|
|
background: #f5f5f5; |
|
|
|
|
border-color: #ddd; |
|
|
|
|
background: #e6e6e6; |
|
|
|
|
right: -18px; |
|
|
|
|
width: 18px; |
|
|
|
|
height: 66px; |
|
|
|
|
border-radius: 0 6px 6px 0; |
|
|
|
|
z-index: 50; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.active .show-hide-wrap { |
|
|
|
|
width: 100%; |
|
|
|
|
right: 0; |
|
|
|
|
transition: all .3s ease; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.widget-area .show-hide{ |
|
|
|
|
display: inline-block; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
font-size: 12px; |
|
|
|
|
outline:none; |
|
|
|
|
box-shadow: none; |
|
|
|
|
border: none; |
|
|
|
|
border-left-width: 0; |
|
|
|
|
opacity: .8; |
|
|
|
|
vertical-align: middle; |
|
|
|
|
padding: 0; |
|
|
|
|
margin: 0; |
|
|
|
|
-webkit-transform: rotateY(0); |
|
|
|
|
transform: rotateY(0); |
|
|
|
|
cursor: pointer; |
|
|
|
|
border-radius: 0 6px 6px 0; |
|
|
|
|
transition: all .3s ease; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.widget-area .show_hide .fa{ |
|
|
|
|
font-size: 20px; |
|
|
|
|
.widget-area.active .show-hide{ |
|
|
|
|
-webkit-transform: rotateY(180deg); |
|
|
|
|
transform: rotateY(180deg); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.widget-area .show-hide svg{ |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|