API tools faq
paste
lollyracket

wolves - story page

lollyracket
Oct 18th, 2020 (edited)
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.02 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/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
  6.  
  7. <style type="text/css">
  8.  
  9. body { font-family:karla; font-size:10px; background-image:url(https://img.nickpic.host/FyLrXO.png); }
  10. body a { text-decoration:none; color:#000; }
  11.  
  12. @font-face {
  13. font-family: 'Monoton';
  14. src: url('https://static.tumblr.com/xab8hqo/wLEqia0bm/monoton-regular.woff') format('woff');
  15. }
  16. @font-face {
  17. font-family: 'Cooper Black';
  18. src: url('https://static.tumblr.com/xab8hqo/dPnqia0au/cooper-black-regular.woff') format('woff');
  19. }
  20.  
  21. #credit { position:fixed; right:20px; bottom:30px; padding:10px; 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.  
  25. #wolvesinfo { width:750px; height:500px; position:relative; padding:20px; background-color:#fff; border:1px solid #ccc; margin:70px auto auto auto; }
  26.  
  27. #wolvesinfo .boxone { width:370px; padding:10px; position:absolute; top:20px; left:20px; }
  28. #wolvesinfo .onetitle { font-family:cooper black; font-size:40px; padding:10px; margin-top:60px; }
  29. #wolvesinfo .onelink { font-family:karla; font-size:9px; text-transform:uppercase; font-weight:700; }
  30. #wolvesinfo .onelink a { background-color:#A4BFEB; padding:8px; }
  31.  
  32. #wolvesinfo .boxtwo { width:300px; padding:10px; position:absolute; top:20px; right:20px; bottom:20px; background-image:url(https://placehold.it/322x500); background-size:cover; }
  33. #wolvesinfo .twoinfo { padding:5px; background-color:#fff; border:1px solid #ccc; margin-top:320px; }
  34. #wolvesinfo .twotext { padding:10px; height:120px; text-align:justify; overflow:auto;}
  35.  
  36.  
  37. #wolvesinfo .boxthree { width:370px; height:250px; padding:10px; position:absolute; bottom:20px; left:20px; }
  38. #wolvesinfo .threeoverflow { height:230px; padding:10px; overflow:auto; }
  39. #wolvesinfo .threename { height:80px; padding:10px; text-align:center; font-family:cooper black; font-size:20px; margin-bottom:10px; border-bottom:1px solid #bba0b2; }
  40. #wolvesinfo .threename color { background-color:#BBA0B2; padding:8px; }
  41. #wolvesinfo threeimg { float:left; width:80px; height:80px; }
  42. #wolvesinfo threeimg img { width:80px; height:80px; background-size:cover; }
  43. </style>
  44.  
  45.  
  46. </head>
  47.  
  48. <body>
  49. <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>
  50.  
  51.  
  52. <div id="wolvesinfo">
  53.  
  54. <div class="boxone">
  55. <div class="onetitle">title</div>
  56. <div class="onelink"><a href="//">link</a> <a href="//">link</a> <a href="//">link</a> <a href="//">link</a></div>
  57. </div>
  58.  
  59.  
  60. <div class="boxtwo">
  61. <div class="twoinfo"><div class="twotext">story info here</div></div>
  62.  
  63. </div>
  64.  
  65.  
  66. <div class="boxthree">
  67. <div class="threeoverflow">
  68. <a href="//"><div class="threename"><threeimg><img src="http://placehold.it/80"></threeimg><div style="height:25px;"></div>
  69. <color>first last</color></div></a>
  70.  
  71. <a href="//"><div class="threename"><threeimg><img src="http://placehold.it/80"></threeimg><div style="height:25px;"></div>
  72. <color>first last</color></div></a>
  73.  
  74. <a href="//"><div class="threename"><threeimg><img src="http://placehold.it/80"></threeimg><div style="height:25px;"></div>
  75. <color>first last</color></div></a>
  76.  
  77. <a href="//"><div class="threename"><threeimg><img src="http://placehold.it/80"></threeimg><div style="height:25px;"></div>
  78. <color>first last</color></div></a>
  79.  
  80. </div>
  81. </div>
  82.  
  83.  
  84. </div>
  85.  
  86. </body>
  87.  
  88. </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!