lollyracket

shut up and dance - muse page

Oct 30th, 2020 (edited)
660
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.  
  3. <head>
  4. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css?family=Montserrat:900&display=swap" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Poppins:400,800,600&display=swap" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&display=swap" rel="stylesheet">
  8.  
  9.  
  10. <style type="text/css">
  11. /* -- credits
  12. code was made by lollyracketcodes. please do not copy or frankenstein.
  13.  
  14. honyebee icon font is credit to suiomi
  15.  
  16.  
  17. --*/
  18.  
  19. #credit { position:fixed; right:20px; bottom:30px; padding:10px; font-size:9px; text-transform:uppercase; background-color:#f5f5f5; border:1px solid #ccc; }
  20. #credit icon { padding:5px; font-size:20px; }
  21. #credit:hover { transition-duration:1.2s; transition-timing-function:ease-in; font-weight:900; background-color:#a6dfb0; border:1px solid #a6dfb0; }
  22.  
  23.  
  24. body { font-family:poppins; font-size:12px; background-color:#dedede; }
  25. body a { text-decoration:none; color:#000; }
  26.  
  27. ::-webkit-scrollbar {
  28. width: 2px;
  29. }
  30. ::-webkit-scrollbar-track {
  31. background: #000;
  32. }
  33. ::-webkit-scrollbar-thumb {
  34. background:transparent;
  35. }
  36.  
  37.  
  38. #dancecontain { width:870px; padding:30px; margin:50px auto 20px auto; background-color:#f5f5f5; border:1px solid #ccc;}
  39. #dancecontain .dancetitle { padding:20px; padding-bottom:0px; border-bottom:2px solid #EAC435; font-family:elsie; font-weight:900; font-size:50px; letter-spacing:-2px; text-align:center; margin-top:30px; }
  40.  
  41.  
  42. #dancecontain .gdbuttons { float:left; width:120px; padding:20px; margin-top:20px; }
  43. #dancecontain .gdtext { padding:10px; font-family:elsie; font-style:italic; font-size:15px; }
  44. #dancecontain .gdtext:hover { color:#EAC435; transition-timing-function:ease-in-out; transition-duration:0.8s; }
  45.  
  46. #dancecontain .musecontain { width:auto; min-height:400px; padding:20px; margin-left:170px; margin-top:20px; }
  47. #dancecontain .musehold { width:200px; padding:5px;}
  48. #dancecontain .musetop { width:180px; padding:10px; border:1px solid #EAC435; background-color:#EAC435; }
  49. #dancecontain .museicon { width:100px; height:100px; border:1px solid #fff; padding:5px; border-radius:100%; margin:auto; }
  50. #dancecontain .museicon img { width:100px; height:100px; background-size:cover; border-radius:100%; }
  51. #dancecontain .musename { font-family:elsie; font-size:12px; text-align:center; margin:15px auto 15px auto; font-weight:900; }
  52. #dancecontain .museinfo { width:160px; padding:20px; border:1px solid #ccc; border-top:none; background-color:#fff; }
  53. #dancecontain .musetext { padding:10px; height:80px; text-align:justify; background-color:rgba(234,196,53,0.5); overflow:auto; font-size:11px; border-radius:5px; }
  54. #dancecontain .musetags { width:180px; background-color:#fff; padding:10px; text-align:left; max-height:40px; overflow:auto; line-height:200%; border:1px solid #ccc; border-top:none; }
  55. #dancecontain .musetags bubble { padding:5px; background-color:#dedede; font-size:9px; }
  56. #dancecontain .musecontain table { border-spacing:8px; }
  57.  
  58. </style>
  59.  
  60.  
  61. </head>
  62.  
  63. <body>
  64. <div id="credit"><a href="https://lollyracketcodes.tumblr.com/"><icon><span class="th th-moon-o" title="page credit to lollyracketcodes"></span></icon></a></div>
  65.  
  66.  
  67.  
  68. <div id="dancecontain">
  69. <div class="dancetitle">muse page</div>
  70.  
  71. <div class="gdbuttons">
  72. <a href="//"><div class="gdtext">link</div></a>
  73. <a href="//"><div class="gdtext">link</div></a>
  74. <a href="//"><div class="gdtext">link</div></a>
  75. <a href="//"><div class="gdtext">link</div></a>
  76. <a href="//"><div class="gdtext">link</div></a>
  77. <a href="//"><div class="gdtext">link</div></a>
  78.  
  79. </div>
  80.  
  81. <div class="musecontain">
  82. <table><tr>
  83. <td>
  84. <div class="musehold">
  85. <div class="musetop">
  86. <div class="museicon"><img src="http://placehold.it/100"></div>
  87. <div class="musename">name</div></div>
  88. <div class="museinfo">
  89. <div class="musetext">info goes here</div>
  90. </div>
  91. <div class="musetags"><a href="//"><bubble>#tag</bubble></a> </div>
  92. </div>
  93. </td>
  94. <td>
  95. <div class="musehold">
  96. <div class="musetop">
  97. <div class="museicon"><img src="http://placehold.it/100"></div>
  98. <div class="musename">name</div></div>
  99. <div class="museinfo">
  100. <div class="musetext">info goes here</div>
  101. </div>
  102. <div class="musetags"><a href="//"><bubble>#tag</bubble></a> </div>
  103. </div>
  104. </td>
  105. <td>
  106. <div class="musehold">
  107. <div class="musetop">
  108. <div class="museicon"><img src="http://placehold.it/100"></div>
  109. <div class="musename">name</div></div>
  110. <div class="museinfo">
  111. <div class="musetext">info goes here</div>
  112. </div>
  113. <div class="musetags"><a href="//"><bubble>#tag</bubble></a> </div>
  114. </div>
  115. </td>
  116.  
  117. </tr></table>
  118.  
  119.  
  120. </div>
  121.  
  122. </div>
  123.  
  124. </body>
  125.  
  126. </html>
RAW Paste Data