API tools faq
paste
lollyracket

shut up and dance - muse page

lollyracket
Oct 30th, 2020 (edited)
1,657
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.07 KB | None | 0 0
raw download clone embed print report
  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>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!