lollyracket

wilderness v2 - story page

Dec 12th, 2020
90
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=Hammersmith+One&display=swap" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Be+Vietnam&display=swap" rel="stylesheet">
  7. <link href="//solrainha.github.io/saturnicons/saturnicons.css" 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. #credit { position:fixed; right:20px; bottom:30px; padding:10px; font-size:9px; text-transform:uppercase; background-color:#f5f5f5; border:1px solid #ccc; }
  19. #credit icon { padding:5px; font-size:20px; }
  20. #credit:hover { transition-duration:1.2s; transition-timing-function:ease-in; font-weight:900; background-color:#a6dfb0; border:1px solid #a6dfb0; }
  21.  
  22.  
  23. body { font-family:be vietnam; font-size:10px; background-image:url(https://img.nickpic.host/FTmLQe.png); }
  24. body a { text-decoration:none; color:#000; }
  25.  
  26. ::-webkit-scrollbar {
  27. width: 5px;
  28. }
  29. ::-webkit-scrollbar-track {
  30. background:transparent;
  31. }
  32. ::-webkit-scrollbar-thumb {
  33. background: #888;
  34. }
  35.  
  36. /*--- fonts --*/
  37.  
  38. @font-face { font-family: 'altairthin'; src: url(https://files.jcink.net/uploads/sofewcares/Altair_Thin_Trial.ttf); }
  39. @font-face { font-family: 'altairbold'; src: url(https://files.jcink.net/uploads/sofewcares/Altair_Bold_Trial.ttf); }
  40.  
  41.  
  42. #wildertwo { width:700px; background-color:#f5f5f5; border:1px solid #ccc; padding:10px; margin:40px auto auto auto; position:relative; }
  43. #wildertwo .inside { padding:10px; background-color:#fff; border:1px solid #ccc; }
  44.  
  45. #wildertwo .fillerbox { width:50px; padding:5px; border:1px solid transparent; }
  46.  
  47. #wildertwo .linkside { position:absolute; top:0px; bottom:0px; left:0px; padding:10px; background-color:#8cbe9f; }
  48. #wildertwo .bigbox { padding:10px; text-align:center; font-family:altairbold; font-size:12px; }
  49. #wildertwo .biglink { padding:10px; font-size:30px; text-align:center; }
  50. #wildertwo .bigbox a:hover { color:#fff; transition:0.7s ease-in-out; }
  51.  
  52.  
  53.  
  54. #wildertwo .secondtop { padding:5px; }
  55. #wildertwo .secondtitle { font-family:altairbold; font-size:35px; padding:10px; margin-bottom:0px; margin-top:40px; }
  56. #wildertwo .secondtry { background: linear-gradient(180deg,rgba(255,255,255,0) 60%, #a4a8d1 60%); }
  57.  
  58. #wildertwo .secondinfo { width:350px; font-size:11px; padding:10px; text-align:justify; font-family:be vietnam; background-color:#f5f5f5; border:1px solid #ccc; margin-left:5px; }
  59. #wildertwo .secondinfo u { text-decoration-style:wavy; text-decoration-color:#8cabbe; }
  60. #wildertwo .secondinfo i { border-bottom:1px dashed #000; color:#a4a8d1; }
  61. #wildertwo .secondinfo b { background-color:#bba0b2; padding:2px; }
  62. #wildertwo .infodos { height:60px; padding:10px; overflow:auto; }
  63.  
  64. #wildertwo .thirdbox { width:200px; height:240px; padding:5px; margin-left:5px; border:1px dashed #8cabbe; }
  65. #wildertwo .thirdbox img { width:200px; height:240px; background-size:cover; }
  66.  
  67. #wildertwo .charover { padding:5px; margin-left:3px; height:165px; overflow:auto; text-align:center;}
  68. #wildertwo .charhead { font-family:altairthin; text-align:left; font-size:15px; font-style:italic; margin:20px; color:#bba0b2; }
  69. #wildertwo .charcolor { background: linear-gradient(180deg,rgba(255,255,255,0) 60%, #bba0b2 60%); }
  70. #wildertwo .charbox { width:100px; padding:20px; text-align:center; }
  71. #wildertwo .charimg { width:80px; height:80px; border-radius:100%; padding:5px; border:1px dashed #a4a8d1; }
  72. #wildertwo .charimg img { width:80px; height:80px; background-size:cover; border-radius:100%; }
  73. #wildertwo .charname { margin-top:10px; font-family:altairthin; font-size:11px; }
  74. #wildertwo .charname a:hover { color:#bba0b2; letter-spacing:2px; transition:0.8s ease-in-out; }
  75.  
  76.  
  77.  
  78. </style>
  79.  
  80.  
  81. </head>
  82.  
  83. <body>
  84. <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>
  85.  
  86. <div id="wildertwo">
  87. <div class="linkside">
  88. <center>
  89.  
  90. <div class="bigbox"><a href="//"><div class="biglink"><span class="th th-apple-o"></span></div>link</a></div>
  91. <div class="bigbox"><a href="//"><div class="biglink"><span class="th th-avocado-o"></span></div>link</a></div>
  92. <div class="bigbox"><a href="//"><div class="biglink"><span class="th th-bacon-o"></span></div>link</a></div>
  93. <div class="bigbox"><a href="//"><div class="biglink"><span class="th th-bagel-o"></span></div>link</a></div>
  94. <div class="bigbox"><a href="//"><div class="biglink"><span class="th th-baguette-o"></span></div>link</a></div>
  95. <div class="bigbox"><a href="//"><div class="biglink"><span class="th th-biscuit-o"></span></div>link</a></div>
  96.  
  97. </center>
  98. </div>
  99. <div class="inside">
  100. <table><td><div class="fillerbox"></div></td>
  101. <td><div class="secondbod">
  102.  
  103. <table><td>
  104. <div class="secondtop">
  105. <div class="secondtitle"><span class="secondtry">title</span></div>
  106. <div class="secondinfo"><div class="infodos">info goes here <b>bold bold bold</b> <i>italic italic italic</i> <u>underline underline underline</u>
  107. </div></div>
  108. </td>
  109. <td><div class="thirdbox"><img src="http://placehold.it/200x240"></div></td>
  110. </table>
  111. </div>
  112. <div class="charhead">characters</div>
  113.  
  114. <div class="charover">
  115. <center>
  116. <table><tr>
  117. <td><div class="charbox"><div class="charimg"><img src="http://placehold.it/60"></div><div class="charname"><a href="//">name</a></div></div>
  118. </td>
  119. <td><div class="charbox"><div class="charimg"><img src="http://placehold.it/60"></div><div class="charname"><a href="//">name</a></div></div>
  120. </td>
  121. <td><div class="charbox"><div class="charimg"><img src="http://placehold.it/60"></div><div class="charname"><a href="//">name</a></div></div>
  122. </td>
  123. <td><div class="charbox"><div class="charimg"><img src="http://placehold.it/60"></div><div class="charname"><a href="//">name</a></div></div>
  124. </td>
  125. </tr>
  126.  
  127. </table></center>
  128.  
  129. </div>
  130. </td>
  131. </table>
  132. </div>
  133.  
  134. </div>
  135. </div>
  136.  
  137.  
  138. </body>
  139.  
  140. </html>
RAW Paste Data