CSS File

1* {

2 background: 0 0;

3 margin: 0;

4 padding: 0;

5 outline: none;

6 border: 0;

7

-webkit-box-sizing: border-box;

8

-moz-box-sizing: border-box;

9 box-sizing: border-box;

10}

11ol,

12ul {

13 list-style: none;

14}

15blockquote,

16q {

17 quotes: none;

18}

19table {

20 border-collapse: collapse;

21 border-spacing: 0;

22}

23input,

24select {

25 vertical-align: middle;

26}

27article,

28aside,

29figure,

30figure img,

31hgroup,

32footer,

33header,

34nav,

35section,

36main {

37 display: block;

38}

39img {

40 max-width: 100%;

41}

42.clr {

43 clear: both;

44}

45.clearfix:after {

46 content: "";

47 display: table;

48 clear: both;

49}

50body {

51 font: 15px "Rubik", sans-serif;

52 line-height: normal;

53 padding: 0;

54 margin: 0;

55 color: #e6edf3;

56 background-color: #0d1117;

57 min-height: 100%;

58 width: 100%;

59 font-weight: 400;

60}

61a {

62 color: #e6edf3;

63 text-decoration: none;

64}

65a:hover,

66a:focus {

67 color: #2ea043;

68 text-decoration: none;

69}

70h1,

71h2,

72h3,

73h4,

74h5 {

75 font-weight: 600;

76 font-size: 18px;

77}

78button,

79textarea,

80input[type="text"],

81input[type="password"],

82input[type="email"]{

83 appearance: none;

84

-webkit-appearance: none;

85 font-size: 16px;

86 font-family: "Rubik" !important;

87}

88.button,

89.btn,

90.pagi-load a,

91.up-second li a,

92.usp-edit a,

93.qq-upload-button,

94button,

95html input[type="button"],

96input[type="reset"],

97input[type="submit"],

98.meta-fav a,

99.usp-btn a {

100 display: inline-block;

101 text-align: center;

102 padding: 0 20px;

103 height: 40px;

104 line-height: 40px;

105 border-radius: 6px;

106 cursor: pointer;

107 color: #fff;

108 background-color: #238636;

109 font-size: 16px;

110 font-weight: 400;

111}

112.button:hover,

113.btn:hover,

114.up-second li a:hover,

115.usp-edit a:hover,

116.qq-upload-button:hover,

117.pagi-load a:hover,

118.usp-btn a:hover,

119button:hover,

120html input[type="button"]:hover,

121input[type="reset"]:hover,

122input[type="submit"]:hover,

123.meta-fav a:hover {

124 background-color: #2ea043;

125 color: #fff;

126 box-shadow: 0 10px 20px 0 transparent;

127}

128button:active,

129input[type="button"]:active,

130input[type="submit"]:active {

131 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);

132}

133input[type="text"],

134input[type="password"],

135input[type="email"]{

136 height: 40px;

137 line-height: 40px;

138 border-radius: 6px;

139 border: 1px solid #30363d;

140 padding: 0 15px;

141}

142select {

143 height: 40px;

144 border: 1px solid #30363d;

145 padding: 0 15px;

146 border-radius: 6px;

147}

148textarea {

149 padding: 15px;

150 overflow: auto;

151 vertical-align: top;

152 resize: vertical;

153 border: 1px solid #30363d;

154 border-radius: 6px;

155}

156input[type="text"],

157input[type="password"],

158input[type="email"],

159select,

160textarea {

161 width: 100%;

162 background-color: #0d1117;

163 color: #e6edf3;

164}

165select {

166 width: auto;

167}

168input[type="text"]:focus,

169input[type="password"]:focus,

170input[type="email"]:focus,

171textarea:focus {

172 border-color: #2ea043;

173}

174input:focus::placeholder,

175textarea:focus::placeholder {

176 color: transparent;

177}

178.img-box,

179.img-wide,

180.img-square,

181.img-resp,

182.img-resp-vert,

183.img-resp-sq,

184.img-fit {

185 overflow: hidden;

186 position: relative;

187}

188.img-resp {

189 padding-top: 60%;

190}

191.img-resp-vert {

192 padding-top: 124%;

193}

194.img-resp-sq {

195 padding-top: 100%;

196}

197.img-box img,

198.img-square img,

199.img-resp img,

200.img-resp-vert img,

201.img-resp-sq img {

202 width: 100%;

203 min-height: 100%;

204 display: block;

205}

206.img-resp img,

207.img-resp-vert img,

208.img-resp-sq img {

209 position: absolute;

210 left: 0;

211 top: 0;

212}

213.img-wide img {

214 width: 100%;

215 display: block;

216}

217.img-fit img {

218 width: 100%;

219 height: 100%;

220 object-fit: cover;

221}

222.nowrap {

223 white-space: nowrap;

224 overflow: hidden;

225 text-overflow: ellipsis;

226}

227.fx-row,

228#dle-content {

229 display: -ms-flexbox;

230 display: -webkit-flex;

231 display: flex;

232

-ms-flex-wrap: wrap;

233

-webkit-flex-wrap: wrap;

234 flex-wrap: wrap;

235

-ms-flex-pack: justify;

236

-webkit-justify-content: space-between;

237 justify-content: space-between;

238}

239.fx-col {

240 display: -ms-flexbox;

241 display: -webkit-flex;

242 display: flex;

243

-ms-flex-direction: column;

244

-webkit-flex-direction: column;

245 flex-direction: column;

246}

247.fx-center {

248

-ms-flex-pack: center;

249

-webkit-justify-content: center;

250 justify-content: center;

251}

252.fx-middle {

253

-ms-flex-align: center;

254

-webkit-align-items: center;

255 align-items: center;

256}

257.fx-start {

258

-webkit-justify-content: flex-start;

259 justify-content: flex-start;

260}

261.fx-first {

262

-ms-flex-order: -1;

263

-webkit-order: -1;

264 order: -1;

265}

266.fx-last {

267

-ms-flex-order: 10;

268

-webkit-order: 10;

269 order: 10;

270}

271.fx-1,

272.hnav li {

273

-ms-flex-preferred-size: 0;

274 flex-basis: 0;

275

-webkit-box-flex: 1;

276

-ms-flex-positive: 1;

277 flex-grow: 1;

278 max-width: 100%;

279 min-width: 50px;

280}

281.fx-between {

282

-ms-flex-pack: justify;

283

-webkit-justify-content: space-between;

284 justify-content: space-between;

285}

286b,

287strong,

288.fw700 {

289 font-weight: 600;

290}

291.icon-left .fa,

292.icon-left .icon,

293.icon-left .fas,

294.icon-left .far,

295.icon-left .fal {

296 margin-right: 10px;

297}

298.icon-right .fa,

299.icon-right .icon,

300.icon-right .fas,

301.icon-right .far,

302.icon-right .fal {

303 margin-left: 10px;

304}

305.hidden,

306#dofullsearch {

307 display: none;

308}

309.anim {

310 transition: color 0.3s, background-color 0.3s, opacity 0.3s;

311}

312.anim-all {

313 transition: all 0.3s;

314}

315.mtitle,

316.sub-title h1,

317.form-wrap h1 {

318 margin-bottom: 20px;

319 font-size: 24px;

320 font-weight: 600;

321}

322#dle-content > *:not(.track-item) {

323 width: 100%;

324}

325@font-face {

326 font-family: "Rubik";

327 src: url(../webfonts/ProximaNova-Regular.woff) format("woff");

328 font-weight: 400;

329 font-style: normal;

330}

331@font-face {

332 font-family: "Rubik";

333 src: url(../webfonts/ProximaNova-Semibold.woff) format("woff");

334 font-weight: 600;

335 font-style: normal;

336}

337@font-face {

338 font-family: "Rubik";

339 src: url(../webfonts/ProximaNova-Bold.woff) format("woff");

340 font-weight: 700;

341 font-style: normal;

342}

343@font-face {

344 font-family: "Rubik";

345 src: url(../webfonts/ProximaNova-Extrabld.woff) format("woff");

346 font-weight: 800;

347 font-style: normal;

348}

349.wrap {

350 min-width: 320px;

351 position: relative;

352 padding-bottom: 60px;

353 overflow: hidden;

354}

355.wrap-center {

356 background-color: #161b22;

357 max-width: 1100px;

358 margin: 0 auto;

359 position: relative;

360 z-index: 20;

361 box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px;

362}

363.header {

364 padding: 15px;

365 background-color: #21262d;

366}

367.content {

368}

369.main {

370 background-color: #161b22;

371 min-height: 80vh;

372 padding: 15px;

373}

374.side-box {

375 background-color: #21262d;

376 padding: 20px;

377}

378.side-box-pop {

379 background-color: #21262d;

380 padding: 20px;

381 border: 1px solid #30363d;

382 border-radius: 6px;

383}

384.sidebar {

385 width: 300px;

386}

387.footer {

388 line-height: 1.5;

389 padding: 40px 30px;

390 background-color: #21262d;

391}

392.ft-desc span {

393 color: #2ea043;

394 text-decoration: underline;

395}

396.ft-count {

397 display: inline-block;

398}

399.ft-count > * {

400 display: block;

401}

402#gotop {

403 width: 31px;

404 height: 31px;

405 line-height: 31px;

406 cursor: pointer;

407 font-size: 16px;

408 border-radius: 6px;

409 text-align: center;

410 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

411 display: inline-block;

412 background-color: #238636;

413 color: #fff;

414 display: none !important;

415}

416.logo {

417 display: block;

418 max-width: 280px;

419 width: 100%;

420 border-right: 1px solid #30363d;

421 margin-right: 15px;

422 margin-left: 5px;

423}

424.logo img {

425 padding-right: 40px;

426}

427.hdesc {

428 border-left: 1px solid #30363d;

429 padding-left: 20px;

430 margin-left: 0px;

431 font-size: 13px;

432 line-height: 1.6;

433 color: #8b949e;

434 margin-right: 70px;

435}

436.side-bt {

437 font-weight: 600;

438 font-size: 18px;

439 padding-bottom: 15px;

440 padding-left: 5px;

441 font-weight: 800;

442 color: #2ea043;

443}

444.side-bt-pop {

445 font-weight: 600;

446 font-size: 18px;

447 padding-bottom: 15px;

448 padding-left: 5px;

449 font-weight: 800;

450 color: #2ea043;

451}

452.side-bt .fas {

453 color: #2ea043;

454 margin-right: 10px;

455}

456.main-nav {

457 font-size: 15px;

458}

459.main-nav li {

460 position: relative;

461 z-index: 10;

462}

463.main-nav a {

464 color: #e6edf3;

465 height: 40px;

466 line-height: 40px;

467 position: relative;

468 display: block;

469 padding: 0 0 0 25px;

470 white-space: nowrap;

471 overflow: hidden;

472 text-overflow: ellipsis;

473}

474.main-nav a:before {

475 content: "\f111";

476 font-family: "font awesome 5 pro";

477 color: #2ea043;

478 position: absolute;

479 left: 5px;

480 top: 0;

481 font-size: 9px;

482 font-weight: 900;

483}

484.main-nav li:hover a:before {

485 content: "\f111";

486 font-family: "font awesome 5 pro";

487 color: #8b949e;

488 position: absolute;

489 left: 5px;

490 top: 0;

491 font-size: 9px;

492 font-weight: 900;

493}

494.track-nav {

495 font-size: 15px;

496}

497.track-nav li {

498 position: relative;

499 z-index: 10;

500}

501.track-nav a {

502 height: 36px;

503 line-height: 36px;

504 position: relative;

505 display: block;

506 padding: 0 0 0 25px;

507 white-space: nowrap;

508 overflow: hidden;

509 text-overflow: ellipsis;

510}

511.track-nav a:before {

512 content: "\f04b";

513 font-family: "font awesome 5 pro";

514 color: #2ea043;

515 position: absolute;

516 left: 5px;

517 top: 0;

518 font-size: 12px;

519 font-weight: 900;

520}

521.track-nav li:hover a:before {

522 content: "\f04b";

523 font-family: "font awesome 5 pro";

524 color: #8b949e;

525 position: absolute;

526 left: 5px;

527 top: 0;

528 font-size: 12px;

529 font-weight: 900;

530}

531.search-wrap {

532 position: relative;

533 width: 340px;

534}

535.search-box input,

536.search-box input:focus {

537 padding: 0 50px 0 20px;

538 box-shadow: none;

539 background-color: #0d1117;

540 height: 40px;

541 line-height: 40px;

542 border-radius: 6px;

543 color: #e6edf3;

544}

545.search-box input:not(:focus)::placeholder {

546 color: #8b949e;

547 opacity: 0.6;

548 font-size: 14px;

549}

550.search-box button {

551 position: absolute;

552 right: 0;

553 top: 0;

554 z-index: 10;

555 width: 40px;

556 background: 0 0;

557 color: #e6edf3;

558 font-size: 19px;

559 padding: 0;

560 height: 40px;

561 line-height: 40px;

562 border-radius: 0;

563}

564.sect + .sect {

565 margin-top: 40px;

566}

567.side-box + .side-box {

568 margin-top: 20px;

569}

570.fcaption + .sect {

571 margin-top: 40px;

572}

573.sect-header {

574 margin-bottom: 20px;

575}

576.sect-title {

577 font-size: 26px;

578 font-weight: 800;

579}

580.sect-title-small {

581 font-size: 18px;

582}

583.sect-title span,

584.fplay-title span,

585.site-desc h1 span,

586.site-desc h2 span {

587 color: #2ea043;

588}

589.sect-title .far,

590.side-bt .far,

591.speedbar .fas {

592 color: #8b949e;

593 margin-right: 10px;

594}

595.speedbar {

596 font-size: 12px;

597 color: #8b949e;

598 margin-bottom: 15px;

599}

600.sect-bg {

601 background-color: #21262d;

602 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

603 padding: 20px;

604 border-radius: 6px;

605}

606.sect-col {

607 width: 100%;

608}

609.track-item,

610.track-item-pop {

611 width: 100%;

612}

613.track-item {

614 background-color: transparent;

615 padding: 12px 12px 12px 0px;

616 position: relative;

617 margin-bottom: 0;

618 border-bottom: 1px solid #30363d;

619}

620.track-item-pop {

621 background-color: #21262d;

622 padding: 6px;

623 position: relative;

624}

625.track-item:nth-child(2n + 1) {

626 background-color: rgba(255, 255, 255, 0.02);

627}

628.track-item-pop:nth-child(2n + 1) {

629 background-color: #161b22;

630}

631.track-desc {

632 display: block;

633 font-size: 15px;

634}

635.track-time {

636 font-size: 14px;

637 margin-left: 15px;

638 color: #8b949e;

639}

640.track-dl {

641 margin-left: 10px;

642 width: 24px;

643 height: 24px;

644 line-height: 24px;

645 text-align: center;

646 border-radius: 50%;

647 color: #2ea043;

648 font-size: 18px;

649}

650.track-title {

651}

652.track-subtitle {

653 font-size: 15px;

654 margin-top: 6px;

655 color: #8b949e;

656}

657.track-play {

658 width: 42px;

659 height: 42px;

660 line-height: 42px;

661 text-align: center;

662 border-radius: 21px;

663 margin-right: 12px;

664 font-size: 15px;

665 padding-left: 3px;

666 cursor: pointer;

667 background: #238636;

668 color: #fff;

669}

670.track-item.js-item-played {

671}

672.js-item-played .fa-play:before {

673 content: "\f04c";

674}

675.js-item-played .track-play {

676 padding-left: 0;

677 background: #2ea043;

678 color: #fff;

679}

680.track-play:hover {

681 background: #2ea043;

682 color: #fff;

683}

684.site-desc {

685 line-height: 1.6;

686 font-size: 15px;

687 color: #8b949e;

688 padding: 20px;

689 border-top: 1px solid #30363d;

690}

691.site-desc h1,

692.site-desc h2 {

693 font-size: 18px;

694 font-weight: 600;

695 color: #e6edf3;

696 margin-bottom: 10px;

697}

698.site-desc a {

699 color: #2ea043;

700 text-decoration: underline;

701}

702.bottom-nav {

703 padding-top: 22px;

704}

705.navigation a,

706.navigation span,

707.pnext a,

708.pprev a,

709.pprev > span,

710.pnext > span {

711 display: inline-block;

712 padding: 0 15px;

713 margin: 4px 2px 0;

714 line-height: 50px;

715 min-width: 50px;

716 text-align: center;

717 font-size: 18px;

718 font-weight: 600;

719 background-color: #21262d;

720 color: #e6edf3;

721 border: 1px solid #30363d;

722 border-radius: 6px;

723}

724.navigation span:not(.nav_ext),

725.navigation a:hover {

726 background: #238636;

727 color: #fff;

728 border-color: #238636;

729}

730.wplayer {

731 width: 100%;

732 position: fixed;

733 left: 0;

734 bottom: 0;

735 z-index: 997;

736 background-color: #21262d;

737 color: #fff;

738 border-top: 1px solid #30363d;

739}

740.audioplayer {

741 max-width: 1100px;

742 width: calc(100% - 40px);

743 margin: 0 auto;

744 height: 70px;

745}

746.audioplayer audio {

747 display: none;

748}

749.audioplayer-bar {

750 position: relative;

751 height: 10px;

752 width: 500px;

753 background-color: #30363d;

754 border-radius: 0;

755 margin-left: 20px;

756}

757.audioplayer-bar-loaded {

758 position: absolute;

759 left: 0;

760 top: 0;

761 height: 100%;

762 background-color: rgba(255, 255, 255, 0.1);

763 border-radius: 0;

764}

765.audioplayer-bar-played {

766 position: absolute;

767 left: 0;

768 top: 0;

769 height: 100%;

770 z-index: 10;

771 border-radius: 0;

772 background-color: #238636;

773}

774.audioplayer-volume {

775 position: relative;

776 z-index: 100;

777 margin-left: 20px;

778 font-size: 18px;

779}

780.audioplayer-muted .fa-volume-up:before {

781 content: "\f6a9";

782}

783.audioplayer-volume-button a {

784 color: #8b949e;

785 display: block;

786 height: 30px;

787 line-height: 30px;

788 text-align: center;

789}

790.audioplayer-volume-adjust {

791 position: absolute;

792 left: 0;

793 bottom: 100%;

794 width: 30px;

795 height: 100px;

796 background-color: #161b22;

797 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

798 padding: 10px;

799 display: none;

800}

801.audioplayer-volume-adjust > div {

802 width: 10px;

803 height: 80px;

804 border-radius: 0;

805 position: relative;

806 cursor: pointer;

807 background-color: #0d1117;

808 overflow: hidden;

809}

810.audioplayer-volume-adjust > div > div {

811 width: 100% !important;

812 background-color: #238636;

813 position: absolute;

814 left: 0;

815 bottom: 0;

816 z-index: 10;

817}

818.audioplayer-volume:hover .audioplayer-volume-adjust {

819 display: block;

820}

821.ap-dl {

822 font-size: 18px;

823 color: #8b949e;

824 margin-left: 20px;

825}

826.ap-time {

827 font-size: 12px;

828 color: #8b949e;

829 margin-left: 20px;

830 width: 80px;

831}

832.audioplayer-time-current:after {

833 content: "/";

834 display: inline;

835 margin: 0 6px;

836}

837.ap-desc {

838 width: 300px;

839}

840.ap-img {

841 width: 40px;

842 height: 40px;

843 margin-right: 10px;

844 border-radius: 6px;

845}

846.ap-artist {

847 font-size: 14px;

848 margin-top: 5px;

849 color: #8b949e;

850}

851.ap-title {

852 font-size: 16px;

853}

854.ap-btns {

855 margin-right: 20px;

856}

857.audioplayer-playpause a {

858 width: 40px;

859 height: 40px;

860 line-height: 40px;

861 text-align: center;

862 border-radius: 50%;

863 display: block;

864 position: relative;

865 margin: 0 20px;

866 background: #238636;

867 color: #fff;

868}

869.ap-prev,

870.ap-next {

871 cursor: pointer;

872 color: #8b949e;

873 font-size: 18px;

874}

875.ap-prev:hover,

876.ap-next:hover,

877.audioplayer-volume-button a:hover,

878.ap-dl:hover {

879 opacity: 1;

880 color: #fff;

881}

882.audioplayer-stopped .audioplayer-playpause a {

883 padding-left: 3px;

884}

885.audioplayer-playpause a:hover {

886 background: #2ea043;

887 color: #fff;

888}

889.wplayer-init .audioplayer-playpause .fas:before {

890 content: "\f04b";

891 padding-left: 1px;

892}

893.fheader {

894 margin-bottom: 15px;

895}

896.fheader h1 {

897 font-size: 26px;

898 margin-bottom: 20px;

899}

900.fmain {

901 margin-bottom: 20px;

902}

903.ftext {

904 max-height: 260px;

905 overflow-x: hidden;

906 overflow-y: auto;

907}

908.fmeta {

909 width: 250px;

910}

911.finfo {

912 margin: 0 0 0 20px;

913 font-size: 13px;

914}

915.finfo li {

916 display: flex;

917 justify-content: flex-start;

918 position: relative;

919 padding: 5px 0;

920}

921.finfo li > span:first-child {

922 color: #8b949e;

923 margin-right: 5px;

924}

925.finfo a {

926 color: #2ea043;

927 border-bottom: 1px dotted #2ea043;

928}

929.fimg {

930 width: 140px;

931 height: 140px;

932}

933.fimg img {

934 border-radius: 50%;

935}

936.fcaption {

937 font-size: 14px;

938 color: #8b949e;

939 line-height: 1.6;

940 margin-bottom: 20px;

941 border-top: 4px solid #30363d;

942 padding-top: 10px;

943}

944.fplay {

945 cursor: pointer;

946 height: 60px;

947 border-radius: 6px;

948 overflow: hidden;

949 position: relative;

950 background: #238636;

951 width: 100%;

952 color: #fff;

953 padding: 0 20px 0 80px;

954}

955.fplay-icon {

956 position: absolute;

957 left: 0;

958 top: 0;

959 bottom: 0;

960 width: 60px;

961 background: rgba(0, 0, 0, 0.2) !important;

962}

963.fplay-title {

964 line-height: 20px;

965 max-height: 40px;

966 overflow: hidden;

967 font-size: 13px;

968}

969.fdl {

970 margin-top: 20px;

971 background-color: #238636;

972 color: #fff;

973 font-weight: 700;

974 width: 100%;

975 text-align: center;

976}

977.fdl:hover {

978 background-color: #2ea043;

979 color: #fff;

980}

981.fdl-tg {

982 background: linear-gradient(135deg, #1c8dd8 0%, #23b2f1 100%);

983 border: 1px solid rgba(255, 255, 255, 0.12);

984 box-shadow: 0 10px 24px rgba(26, 140, 216, 0.28);

985 height: auto;

986 line-height: 1.2;

987 padding: 12px 16px;

988 position: relative;

989 overflow: hidden;

990}

991.fdl-tg:hover {

992 background: linear-gradient(135deg, #1a82c7 0%, #1f9dd3 100%);

993 color: #fff;

994}

995.fdl-tg .fdl-main {

996 display: flex;

997 align-items: center;

998 justify-content: center;

999 gap: 8px;

1000 font-size: 16px;

1001 font-weight: 700;

1002}

1003.fdl-tg .fdl-ico {

1004 font-size: 18px;

1005}

1006.fdl-tg .fdl-sub {

1007 margin-top: 6px;

1008 font-size: 12px;

1009 font-weight: 500;

1010 color: rgba(255, 255, 255, 0.9);

1011 letter-spacing: 0.2px;

1012}

1013.fplay:hover {

1014 background: #2ea043;

1015 color: #fff;

1016}

1017.js-item-played .js-play .fplay-icon {

1018 padding-left: 0;

1019 background-color: #2ea043;

1020}

1021.video-box embed,

1022.video-box object,

1023.video-box video,

1024.video-box iframe,

1025.video-box frame {

1026 max-width: 100% !important;

1027 display: block;

1028 width: 100%;

1029 height: 500px;

1030}

1031.mejs-container {

1032 max-width: 100% !important;

1033}

1034.full-text {

1035 line-height: 1.9;

1036 font-size: 15px;

1037 color: #e6edf3;

1038}

1039.full-text img:not(.emoji) {

1040 max-width: 100%;

1041 margin: 10px 0;

1042}

1043.full-text > img[style*="left"],

1044.full-text > .highslide img[style*="left"] {

1045 margin: 0 10px 10px 0;

1046}

1047.full-text > img[style*="right"],

1048.full-text > .highslide img[style*="right"] {

1049 margin: 0 0 10px 10px;

1050}

1051.full-text a {

1052 text-decoration: underline;

1053 color: #58a6ff;

1054}

1055.speedbar .fa {

1056 font-size: 11px;

1057 margin: 0px 5px;

1058}

1059.full-text a:hover {

1060 text-decoration: none;

1061}

1062.full-text h2,

1063.full-text h3,

1064.full-text h4,

1065.full-text h5 {

1066 margin: 10px 0;

1067 font-size: 24px;

1068 font-weight: 300;

1069}

1070.full-text p {

1071 margin-bottom: 10px;

1072}

1073.full-text ul,

1074.full-text ol {

1075 margin: 0;

1076}

1077.full-text ul li {

1078 list-style: disc;

1079 margin-left: 40px;

1080}

1081.full-text ol li {

1082 list-style: decimal;

1083 margin-left: 40px;

1084}

1085.full-taglist a {

1086 color: #58a6ff;

1087}

1088.full-taglist {

1089 margin-top: 20px;

1090}

1091.full-taglist span:not(.fa):not(:last-child):after {

1092 content: ",";

1093 display: inline;

1094}

1095.btn-menu {

1096 display: none;

1097}

1098.side-panel {

1099 width: 280px;

1100 height: 100%;

1101 overflow-x: hidden;

1102 overflow-y: auto;

1103 background-color: #161b22;

1104 padding: 0;

1105 padding-top: 0;

1106 z-index: 9999;

1107 position: fixed;

1108 left: -320px;

1109 top: 0;

1110 transition: left 0.4s;

1111}

1112.side-panel.active {

1113 left: 0;

1114}

1115.close-overlay {

1116 width: 100%;

1117 height: 100%;

1118 background-color: rgba(0, 0, 0, 0.7);

1119 position: fixed;

1120 left: 0;

1121 top: 0;

1122 z-index: 9998;

1123 display: none;

1124}

1125.btn-close {

1126 cursor: pointer;

1127 display: block;

1128 left: 280px;

1129 top: -40px;

1130 position: fixed;

1131 z-index: 9999;

1132 width: 40px;

1133 height: 40px;

1134 line-height: 40px;

1135 text-align: center;

1136 font-size: 18px;

1137 background-color: #da3633;

1138 color: #fff;

1139 transition: top 0.4s;

1140

-webkit-transition: top 0.4s;

1141}

1142.btn-close.active {

1143 top: 0;

1144}

1145body.opened-menu {

1146 overflow: hidden;

1147 width: 100%;

1148 height: 100%;

1149}

1150.side-panel .main-nav a {

1151 margin: 0;

1152 height: 40px;

1153 line-height: 40px;

1154}

1155.side-panel .main-nav li {

1156 width: 100%;

1157}

1158.side-panel .main-nav {

1159 padding: 0;

1160 margin: 0;

1161 display: block;

1162}

1163.side-panel .track-nav a {

1164 margin: 0;

1165 height: 40px;

1166 line-height: 40px;

1167}

1168.side-panel .track-nav li {

1169 width: 100%;

1170}

1171.side-panel .track-nav {

1172 padding: 0;

1173 margin: 0;

1174 display: block;

1175}

1176

1177.form-btn {

1178 position: fixed;

1179 bottom: 85px;

1180 padding: 12px 20px;

1181 font-size: 13px;

1182 line-height: 20px;

1183 font-weight: bold;

1184 border: none;

1185 border-radius: 6px;

1186 cursor: pointer;

1187 color: #fff;

1188 z-index: 9999;

1189 width: 160px !important;

1190}

1191

1192.dmca-btn {

1193 left: 10px;

1194 background-color: #8b2e2e;

1195}

1196

1197.song-btn {

1198 right: 10px;

1199 background-color: #2e8b57;

1200}

1201

1202.popup-form {

1203 display: none;

1204 position: fixed;

1205 top: 50%;

1206 left: 50%;

1207 width: 600px; /* шире чем раньше */

1208 max-width: 90%; /* адаптивность */

1209 background: #fff;

1210 border: 1px solid #ccc;

1211 padding: 20px;

1212 border-radius: 6px;

1213 box-shadow: 0 2px 10px rgba(0,0,0,0.3);

1214 z-index: 10000;

1215 transform: translate(-50%, -50%); /* центрирование */

1216 background: #161b22;

1217}

1218

1219.overlay {

1220 display: none;

1221 position: fixed;

1222 top:0; left:0; right:0; bottom:0;

1223 background: rgba(0,0,0,0.5);

1224 z-index: 9998;

1225}

1226

1227

1228.popup-form h4 { margin-top:0; margin-bottom: 20px}

1229.popup-form input, .popup-form textarea { width:100%; margin-bottom:8px; }

1230.popup-form form label {

1231 margin-top: 10px;

1232 margin-bottom: 5px;

1233 display: block;

1234}

1235

1236.popup-form form .form-buttons {

1237 margin-top: 20px;

1238}

1239.popup-form form button {

1240 padding: 0 15px;

1241}

1242

1243.dle-post-suggestions {

1244 border: 1px solid #333;

1245 padding: 5px;

1246 margin: -5px;

1247 margin-bottom: 20px;

1248 border-radius: 2px;

1249}

1250

1251.alert {

1252 padding: 12px 18px;

1253 margin-bottom: 15px;

1254 border: 1px solid transparent;

1255 border-radius: 5px;

1256 font-size: 16px;

1257 line-height: 22px;

1258}

1259.alert-success {

1260 color: #155724;

1261 background: #d4edda;

1262 border-color: #c3e6cb;

1263}

1264.alert-danger {

1265 color: #721c24;

1266 background: #f8d7da;

1267 border-color: #f5c6cb;

1268}

1269

1270.comments-list {

1271 list-style: none;

1272 margin: 0; padding: 0;

1273}

1274

1275.comment {

1276 background: #222931;

1277 border-radius: 7px;

1278 box-shadow: 0 1px 6px #0002;

1279 padding: 16px 17px 14px 17px;

1280 margin-bottom: 20px;

1281}

1282

1283.comment-header {

1284 display: flex;

1285 align-items: center;

1286 margin-bottom: 9px;

1287 gap: 12px;

1288 font-size: 16px;

1289}

1290

1291.comment-author {

1292 color: #f7f7fa;

1293 font-weight: bold;

1294 margin-right: 10px;

1295}

1296

1297.comment-date {

1298 color: #94a3b8;

1299 font-size: 12px;

1300 font-weight: normal;

1301 margin-left: auto;

1302}

1303

1304.comment-body {

1305 color: #e0e6ed;

1306 font-size: 15px;

1307 line-height: 1.7;

1308 word-break: break-word;

1309 white-space: pre-line;

1310}

1311

1312@media screen and (max-width: 1220px) {

1313 .wrap {

1314 padding: 0;

1315 padding-bottom: 60px;

1316 }

1317 .wrap-center {

1318 max-width: 1000px;

1319 border-radius: 0;

1320 }

1321 .sidebar,

1322 .hdesc {

1323 display: none;

1324 }

1325 #gotop {

1326 display: none !important;

1327 }

1328 .btn-menu {

1329 width: 40px;

1330 height: 40px;

1331 line-height: 40px;

1332 text-align: center;

1333 border-radius: 20px;

1334 cursor: pointer;

1335 background-color: #238636;

1336 color: #fff;

1337 font-size: 18px;

1338 display: block;

1339 margin-left: -40px;

1340 }

1341 .search-wrap {

1342

-ms-flex-order: 10;

1343

-webkit-order: 10;

1344 order: 10;

1345 min-width: 100%;

1346 margin-top: 20px;

1347 }

1348 .audioplayer-bar {

1349 position: absolute;

1350 left: 0;

1351 top: -6px;

1352 height: 6px;

1353 width: 100%;

1354 border-radius: 0;

1355 margin: 0;

1356 }

1357 .footer {

1358 display: block;

1359 text-align: center;

1360 }

1361 .ft-count {

1362 margin-top: 20px;

1363 }

1364}

1365@media screen and (max-width: 950px) {

1366 .wrap-center {

1367 max-width: 768px;

1368 }

1369 .track-item,

1370 .sect-col {

1371 width: 100%;

1372 }

1373 .fmeta {

1374 width: 100%;

1375 margin-top: 20px;

1376 }

1377}

1378@media screen and (max-width: 760px) {

1379 .wrap-center {

1380 max-width: 640px;

1381 }

1382 .fdl,

1383 .fplay {

1384 width: 100%;

1385 margin: 0;

1386 }

1387 .fdl {

1388 margin-top: 20px;

1389 }

1390 .dcont button {

1391 font-size: 12px;

1392 padding: 0 15px !important;

1393 }

1394 .comments-tree-list .comments-tree-list {

1395 padding-left: 0 !important;

1396 }

1397 .comments-tree-list .comments-tree-list:before {

1398 display: none;

1399 }

1400 .mass_comments_action {

1401 display: none;

1402 }

1403 .ft1-count {

1404 padding-top: 20px;

1405 }

1406 .fimg {

1407 width: 140px;

1408 height: 140px;

1409 }

1410 .finfo {

1411 margin: 0 0 0 20px;

1412 font-size: 14px;

1413 }

1414 .finfo li {

1415 display: flex;

1416 justify-content: flex-start;

1417 position: relative;

1418 padding: 4px 0;

1419 }

1420}

1421@media screen and (max-width: 590px) {

1422 .wrap-center {

1423 max-width: 480px;

1424 }

1425 .audioplayer-volume,

1426 .ap-time,

1427 .ap-img {

1428 display: none;

1429 }

1430 .audioplayer-playpause a {

1431 margin: 0 10px;

1432 }

1433 .fheader h1 {

1434 font-size: 24px;

1435 }

1436 .ac-inputs input {

1437 width: 100%;

1438 }

1439 .video-box embed,

1440 .video-box object,

1441 .video-box video,

1442 .video-box iframe,

1443 .video-box frame {

1444 height: 300px;

1445 }

1446 .ui-dialog {

1447 width: 100% !important;

1448 }

1449 .upop-left,

1450 .upop-right {

1451 float: none !important;

1452 width: 100% !important;

1453 margin: 0;

1454 padding: 0 20px;

1455 }

1456 .upop-left {

1457 margin-bottom: 10px;

1458 text-align: center;

1459 }

1460 .ui-dialog-buttonset button {

1461 display: block;

1462 margin: 0 0 5px;

1463 width: 100%;

1464 }

1465 #dofullsearch,

1466 #searchsuggestions span.seperator {

1467 display: none !important;

1468 }

1469 .attach .download-link {

1470 margin: 0 -15px 0 0;

1471 float: none;

1472 display: block;

1473 padding: 0 10px;

1474 }

1475 .attach-info {

1476 float: none;

1477 }

1478}

1479@media screen and (max-width: 470px) {

1480 .logo {

1481 }

1482 .logo img {

1483 }

1484 .video-box embed,

1485 .video-box object,

1486 .video-box video,

1487 .video-box iframe,

1488 .video-box frame {

1489 height: 250px;

1490 }

1491}