1
0

styles.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .fit-content {
  2. width: fit-content;
  3. width: -moz-fit-content;
  4. }
  5. #audio-player {
  6. right: 0px;
  7. left: 0px;
  8. position: fixed;
  9. bottom: 0px;
  10. padding: 20px;
  11. font-family: 'Bebas Neue', sans-serif;
  12. }
  13. .song-image {
  14. width: 110px;border-top-left-radius: 30px;height: 114px;
  15. }
  16. .song-text {
  17. margin: 0px;color: rgb(172,248,159);max-width: 100%;
  18. }
  19. .song-container {
  20. margin-bottom: 20px;border-bottom-right-radius: 30px;border: 2px solid var(--gray);border-bottom-style: solid;border-top-left-radius: 30px;
  21. }
  22. audio::-webkit-media-controls-panel {
  23. background-color: #ff9f44af;
  24. }
  25. a.nav-link {
  26. color: #f58723;
  27. }
  28. .footer-basic {
  29. padding: 40px 0;
  30. background-color: #ffffff;
  31. color: #4b4c4d;
  32. }
  33. .header-dark {
  34. background-size: cover;
  35. }
  36. .header-dark h1 {
  37. color: #fff;
  38. font-family: 'Bebas Neue', sans-serif;
  39. font-size: 40px;
  40. padding-top: 60px;
  41. }
  42. /* Highlight Clean */
  43. .highlight-clean {
  44. color: #313437;
  45. background-color: #fff;
  46. padding: 50px 0;
  47. font-family: 'Bebas Neue', sans-serif;
  48. }
  49. .highlight-clean p {
  50. color: #7d8285;
  51. }
  52. .highlight-clean h2 {
  53. font-weight: bold;
  54. margin-bottom: 25px;
  55. line-height: 1.5;
  56. padding-top: 0;
  57. margin-top: 0;
  58. color: inherit;
  59. }
  60. .highlight-clean .intro {
  61. font-size: 16px;
  62. max-width: 500px;
  63. margin: 0 auto 25px;
  64. }
  65. .highlight-clean .buttons {
  66. text-align: center;
  67. }
  68. .highlight-clean .buttons .btn {
  69. padding: 16px 32px;
  70. margin: 6px;
  71. border: none;
  72. background: none;
  73. box-shadow: none;
  74. text-shadow: none;
  75. opacity: 0.9;
  76. text-transform: uppercase;
  77. font-weight: bold;
  78. font-size: 13px;
  79. letter-spacing: 0.4px;
  80. line-height: 1;
  81. outline: none;
  82. background-color: #ddd;
  83. }
  84. .highlight-clean .buttons .btn:hover {
  85. opacity: 1;
  86. }
  87. .highlight-clean .buttons .btn:active {
  88. transform: translateY(1px);
  89. }
  90. .highlight-clean .buttons .btn-primary {
  91. background-color: #055ada;
  92. color: #fff;
  93. }
  94. button, .btn {
  95. background: linear-gradient(111.1deg, rgb(0, 40, 70) -4.8%, rgb(255, 115, 115) 82.7%, rgb(255, 175, 123) 97.2%);
  96. color: whitesmoke;
  97. border: #fff;
  98. }
  99. .text-center {
  100. margin: 10px 0 15px;
  101. }
  102. #saavn-bitrate {
  103. background-color: #1c1c1c;
  104. color: #fff;
  105. border: 0;
  106. border-radius: 5px;
  107. padding: 10px;
  108. }
  109. footer {
  110. color: rgba(255, 255, 255, 0.753);
  111. font-family: 'Bebas Neue', sans-serif;
  112. font-size: 12px;
  113. }
  114. .error {
  115. margin : 20px;
  116. }