|
|
| Рядок 871: |
Рядок 871: |
| } | | } |
|
| |
|
| /* Фіксоване ліве меню з TOC */ | | /* Ліве меню */ |
| .player-page #toc, | | .l-box-item a { |
| .player-page .toc {
| |
| position: fixed !important;
| |
| top: 20px;
| |
| left: 20px;
| |
| z-index: 100;
| |
| border-radius: 16px;
| |
| background-color: #23232c !important;
| |
| width: 220px;
| |
| box-sizing: border-box;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| max-height: calc(100vh - 40px);
| |
| overflow-y: auto;
| |
| }
| |
| | |
| .player-page #toc .toctitle,
| |
| .player-page .toc .toctitle {
| |
| padding: 15px 20px !important;
| |
| font-weight: bold !important;
| |
| font-size: 15px !important;
| |
| color: #fff !important;
| |
| border-bottom: 1px solid rgba(255,255,255,0.1) !important;
| |
| background: none !important;
| |
| text-align: left !important;
| |
| }
| |
| | |
| .player-page #toc .toctitle h2 {
| |
| font-size: 15px !important;
| |
| margin: 0 !important;
| |
| border: none !important;
| |
| }
| |
| | |
| .player-page #toc ul,
| |
| .player-page .toc ul {
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| list-style: none !important;
| |
| }
| |
| | |
| .player-page #toc li,
| |
| .player-page .toc li {
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| border-bottom: 1px solid rgba(255,255,255,0.05);
| |
| }
| |
| | |
| .player-page #toc li:last-child {
| |
| border-bottom: none;
| |
| }
| |
| | |
| .player-page #toc a,
| |
| .player-page .toc a {
| |
| display: block !important;
| |
| padding: 12px 20px !important;
| |
| color: #ccc !important; | | color: #ccc !important; |
| text-decoration: none !important; | | text-decoration: none !important; |
| transition: background 0.2s; | | display: block; |
| | margin: -12px -20px; |
| | padding: 12px 20px; |
| } | | } |
|
| |
|
| .player-page #toc a:hover, | | .l-box-item:hover { |
| .player-page .toc a:hover {
| | background-color: rgba(255,255,255,0.08); |
| background-color: rgba(255,255,255,0.08) !important; | |
| color: #fff !important;
| |
| } | | } |
|
| |
|
| /* Приховати номери секцій */
| | .l-box-item:hover a { |
| .player-page #toc .tocnumber, | | color: #fff !important; |
| .player-page .toc .tocnumber {
| |
| display: none !important;
| |
| }
| |
| | |
| /* Приховати toggle */
| |
| .player-page .toctogglespan {
| |
| display: none !important; | |
| } | | } |