lollyracket

avery jr - about page

Dec 12th, 2020
46
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/css2?family=Rajdhani:wght@400;700&display=swap" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css2?family=ABeeZee&display=swap" rel="stylesheet">
  7.  
  8.  
  9.  
  10.  
  11. <style type="text/css">
  12. /* -- credits
  13. code was made by lollyracketcodes. please do not copy or frankenstein.
  14.  
  15. honyebee icon font is credit to suiomi
  16.  
  17. --*/
  18.  
  19.  
  20.  
  21. #credit { position:fixed; right:20px; bottom:30px; padding:11px; font-size:9px; text-transform:uppercase; background-color:#f5f5f5; border:1px solid #ccc; }
  22. #credit icon { padding:5px; font-size:20px; }
  23. #credit:hover { transition-duration:1.2s; transition-timing-function:ease-in; font-weight:900; background-color:#a6dfb0; border:1px solid #a6dfb0; }
  24. /*--- fonts ---*/
  25.  
  26. @font-face { font-family: 'summerlove'; src: url(https://files.jcink.net/uploads/sofewcares/fonts/Summer_Love.ttf); }
  27.  
  28.  
  29.  
  30. body { font-family:abeezee; font-size:10px; background-image:url(https://img.nickpic.host/Fy6tcO.jpg); }
  31. body a { text-decoration:none; color:#000; }
  32. ::-webkit-scrollbar {
  33. width: 5px; background-color:transparent;
  34. }
  35. ::-webkit-scrollbar-track {
  36. background:transparent;
  37. }
  38. ::-webkit-scrollbar-thumb {
  39. background:#dace87;
  40. }
  41.  
  42. #bullocklinks { position:fixed; top:120px; left:50px; border:1px solid #ad9b35; padding:5px; width:150px; }
  43. #bullocklinks .linkinside { height:100%; background-color:#ad9b35; padding:10px; }
  44. #bullocklinks .averybo { padding:5px; font-family:rajdhani; font-size:15px; font-weight:700px; border:1px solid #000; margin-bottom:5px; text-align:center; font-style:italic; }
  45. #bullocklinks .averybo:hover { transition:0.8s ease-in-out; background-color:#000; color:#ad9b35; letter-spacing:3px; }
  46.  
  47.  
  48.  
  49. #bullockhold { width:700px; height:460px; padding:10px; background-color:rgba(255,255,255,0.8); border:1px solid #fff; margin:45px auto auto auto; }
  50. #bullockhold .insideback { height:440px; padding:10px; background-color:#fff; border:1px solid #df9b9c; position:relative; }
  51. #bullockhold .insidetitle { position:absolute; font-family:summerlove; font-size:30px; width:300px; height:70px; overflow:hidden; text-align:center; transform:rotate(-15deg); top:40px; padding:10px; }
  52. #bullockhold .insidetitle bg { background-color:rgba(223,155,156,0.7); padding:8px; }
  53. #bullockhold .infoback { position:absolute; width:270px; padding:5px; background-color:#f2f2f2; border:1px solid #ccc; border-radius:5px; text-align:justify; top:180px; left:50px; }
  54. #bullockhold .infopls { max-height:80px; overflow:auto; padding:10px; }
  55. #bullockhold .infoback b { font-family:rajdhani; background-color:rgba(223,155,156,0.7); padding:2px; }
  56. #bullockhold .infoback i { color:#ad9b35; }
  57. #bullockhold .infoback u { text-decoration:underline dashed #df9b9c; }
  58.  
  59. #bullockhold .titletwo { position:absolute; font-family:summerlove; font-size:30px; width:300px; height:70px; overflow:hidden; text-align:center; transform:rotate(15deg); bottom:45px; padding:10px; right:10px; }
  60. #bullockhold .titletwo bg { background-color:rgba(223,155,156,0.7); padding:8px; }
  61.  
  62. #bullockhold .biginfo { width:250px; position:absolute; right:40px; top:20px; background-color:#f2f2f2; border:1px solid #ccc; border-radius:5px; padding:10px; text-align:left; }
  63. #bullockhold .bighold { padding:5px; border-bottom:1px solid #dace87; font-size:12px; font-family:summerlove;}
  64. #bullockhold .littlehold { font-family:rajdhani; font-size:10px; font-weight:700; text-transform:uppercase; margin-bottom:7px; margin-top:7px; }
  65. #bullockhold .littlehold bg { background-color:#df9b9c; padding:3px; }
  66.  
  67. #bullockhold .imagehold { position:absolute; bottom:10px; left:3px; padding:10px; }
  68. #bullockhold .imagebox { width:100px; height:100px; padding:5px; border:1px solid #dace87; margin-left:7px; }
  69. #bullockhold .imagebox img { width:100px; height:100px; background-size:cover; }
  70.  
  71. /*--- use the code below to make one or all the boxes solid colors
  72.  
  73. just replace the <img> tag with <div class="imagecolor">
  74.  
  75. ---*/
  76.  
  77. #bullockhold .imagecolor { width:100px; height:100px; background-color:#dace87; }
  78. #bullockhold .imagecolor1 { width:100px; height:100px; background-color:colorhere; }
  79. #bullockhold .imagecolor2 { width:100px; height:100px; background-color:colorhere; }
  80.  
  81. </style>
  82.  
  83.  
  84. </head>
  85.  
  86. <body>
  87. <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>
  88.  
  89. <div id="bullocklinks"><div class="linkinside">
  90. <a href="//"><div class="averybo">link</div></a>
  91. <a href="//"><div class="averybo">link</div></a>
  92. <a href="//"><div class="averybo">link</div></a>
  93. <a href="//"><div class="averybo">link</div></a>
  94. <a href="//"><div class="averybo">link</div></a>
  95. <a href="//"><div class="averybo">link</div></a>
  96. <a href="//"><div class="averybo">link</div></a>
  97. </div></div>
  98.  
  99.  
  100. <div id="bullockhold"><div class="insideback">
  101. <div class="insidetitle"><bg>short lyrics here</bg></div>
  102.  
  103. <div class="titletwo"><bg>short lyrics here</bg></div>
  104.  
  105. <div class="infoback">
  106. <div class="infopls">this is where your about info goes </div></div>
  107.  
  108.  
  109. <div class="biginfo">
  110. <div class="bighold"><div class="littlehold"><bg>alias</bg></div>goes here</div>
  111. <div class="bighold"><div class="littlehold"><bg>pronouns</bg></div>goes here</div>
  112. <div class="bighold"><div class="littlehold"><bg>timezone</bg></div>goes here</div>
  113. <div class="bighold"><div class="littlehold"><bg>favorite animal</bg></div>goes here</div>
  114. <div class="bighold" style="border-bottom:none"><div class="littlehold"><bg>favorite book</bg></div>goes here</div>
  115.  
  116. </div>
  117.  
  118. <div class="imagehold"><table><td>
  119. <div class="imagebox"><div class="imagecolor"></div></div>
  120. </td><td>
  121. <div class="imagebox"><img src="http://placehold.it/100"></div></div>
  122. </td><td>
  123. <div class="imagebox"><div class="imagecolor"></div></div>
  124. </td></table>
  125. </div>
  126.  
  127. </div>
  128. </div>
  129.  
  130.  
  131.  
  132.  
  133. </body>
  134.  
  135. </html>
RAW Paste Data