lollyracket

binding - about page

Feb 2nd, 2021
100
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="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  6.  
  7. <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,700;0,900;1,900&display=swap" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;700&display=swap" rel="stylesheet">
  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. #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:lato; font-size:11px; background-color:#d8d8d8; }
  25. body a { text-decoration:none; color:#000; }
  26. /* width */
  27. ::-webkit-scrollbar {
  28. width: 2px;
  29. }
  30.  
  31. /* Track */
  32. ::-webkit-scrollbar-track {
  33. background:transparent;
  34. }
  35.  
  36. /* Handle */
  37. ::-webkit-scrollbar-thumb {
  38. background: #888;
  39. }
  40.  
  41. /*-- fonts --*/
  42. @font-face { font-family: 'little birds'; src: url(https://files.jcink.net/uploads/hannahislame/fonts/Little_Birds.ttf); }
  43.  
  44. #bindingpg .bgstick { position:relative; width:580px; padding:5px; margin:60px auto auto auto; background-color:#ebebeb; border:1px solid #b0b0b0; }
  45. #bindingpg .sidelink { position:absolute; top:0px; left:0px; bottom:0px; padding:10px; background-color:#fff; border-right:1px solid #ccc; font-family:rajdhani; font-size:14px; font-style:italic; }
  46. #bindingpg .sidelink ul { list-style-type:circle; margin-top:10px; color:#bf6db1; }
  47. #bindingpg .sidelink li { padding:5px; }
  48. #bindingpg .sidelink a:hover { color:#bf6db1; }
  49.  
  50. #bindingpg .pageimg { width:200px; height:100px; padding:5px; border:1px solid #000; margin-left:120px; margin-top:10px; background-color:#fff; border:1px solid #ccc; }
  51. #bindingpg .pageimg img { width:200px; height:100px; background-size:cover; }
  52. #bindingpg .pagename { padding:20px; width:200px; position:absolute; top:15px; right:10px; }
  53. #bindingpg .nametext { font-family:little birds; font-size:25px; text-align:left; margin-bottom:5px; }
  54. #bindingpg .locate { width:100px; background-color:#fff; border:1px solid #ccc; font-family:lato; font-size:10px; text-transform:uppercase; padding:5px; color:#6DB1BF; display:inline; }
  55. #bindingpg .locate span { padding:5px; }
  56.  
  57. #bindingpg .biginfo { width:430px; padding:10px; background-color:#fff; border:1px solid #ccc; text-align:justify; margin-left:120px; margin-top:15px; font-size:11px; }
  58. #bindingpg .infoinside { min-height:100px; max-height:150px; padding:5px; overflow:auto; }
  59. #bindingpg .biginfo b { text-decoration:underline; text-decoration-color:#6dbf7b; }
  60. #bindingpg .biginfo u { color:#bf6db1; text-decoration-color:#000; }
  61. #bindingpg .biginfo i { background-color:rgba(109,177,191,0.5); padding:1px; }
  62. #bindingpg .imagebottom { padding:5px; margin-left:123px; margin-top:10px; }
  63. #bindingpg .tableimg { width:90px; height:90px; padding:5px; background-color:#fff; border:1px solid #ccc; margin-right:5px; }
  64. #bindingpg .tableimg img { width:90px; height:90px; background-size:cover; }
  65. </style>
  66.  
  67.  
  68. </head>
  69.  
  70. <body>
  71. <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>
  72.  
  73.  
  74. <div id="bindingpg"><div class="bgstick">
  75. <div class="sidelink">
  76. <ul>
  77. <li><a href="//">home</a></li>
  78. <li><a href="//">ask</a></li>
  79. <li><a href="//">archive</a></li>
  80. <li><a href="//">link</a></li>
  81. <li><a href="//">link</a></li>
  82. <li><a href="//">link</a></li>
  83. <li><a href="//">link</a></li>
  84. </ul>
  85. </div>
  86. <div class="pageimg"><img src="http://placehold.it/200x100"></div>
  87.  
  88. <div class="pagename"><div class="nametext">name</div>
  89. <div class="locate"><span class="th th-id-card-1-o"></span> pronouns</div> <div class="locate"><span class="th th-location-4-o"></span> timezone</div>
  90.  
  91. </div>
  92.  
  93. <div class="biginfo"><div class="infoinside">info about you goes here this'll expand and <b>it'll scroll if it needs to</b> <u>so there's plenty of room</u> <i>for talking</i>
  94. </div></div>
  95.  
  96. <div class="imagebottom">
  97. <table><td><div class="tableimg"><img src="http://placehold.it/90"></div></td>
  98. <td><div class="tableimg"><img src="http://placehold.it/90"></div></td>
  99. <td><div class="tableimg"><img src="http://placehold.it/90"></div></td>
  100. <td><div class="tableimg"><img src="http://placehold.it/90"></div></td>
  101. </div>
  102.  
  103.  
  104. </div>
  105.  
  106. </body>
  107.  
  108. </html>
RAW Paste Data