lollyracket

release - story page

Nov 3rd, 2020 (edited)
29
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/css?family=Righteous&display=swap" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,700;0,900;1,900&display=swap" rel="stylesheet">
  7.  
  8. <style type="text/css">
  9.  
  10. /* -- credits
  11. code was made by lollyracketcodes. please do not copy or frankenstein.
  12.  
  13. honyebee icon font is credit to suiomi
  14.  
  15. --*/
  16.  
  17. #credit { position:fixed; right:20px; bottom:30px; padding:10px; font-size:9px; text-transform:uppercase; background-color:#f5f5f5; border:1px solid #ccc; }
  18. #credit icon { padding:5px; font-size:20px; }
  19. #credit:hover { transition-duration:1.2s; transition-timing-function:ease-in; font-weight:900; background-color:#a6dfb0; border:1px solid #a6dfb0; }
  20.  
  21. body { font-family:lato; font-size:10px; background-image: linear-gradient(to bottom right, #ceedbc, #edbcce); }
  22. body a { text-decoration:none; color:#000; }
  23.  
  24. ::-webkit-scrollbar {
  25. width: 2px;
  26. }
  27. ::-webkit-scrollbar-track {
  28. background:transparent;
  29. }
  30. ::-webkit-scrollbar-thumb {
  31. background:#000;
  32. }
  33.  
  34. #releasebig { width:950px; height:500px; padding:10px; background-color:#f2f2f2; border:1px solid #ccc; margin:50px auto auto auto; }
  35. #releasebig .inside { height:480px; padding:10px; background-color:#fff; border:1px solid #ccc; }
  36. #releasebig .inside table { border-collapse:collapse; }
  37.  
  38. #releasebig .insideright { width:350px; padding:10px; text-align:left; }
  39. #releasebig .rightblock { padding:20px; max-height:100px; overflow:auto; background-color:#f5f5f5; text-align:justify; border:1px solid #ccc; margin:20px 20px 20px 20px; }
  40. #releasebig .rightblock b { border-bottom:1px dashed #bcceed; }
  41. #releasebig .rightblock i { color:#bcceed; }
  42. #releasebig .rightblock u { background-color:#bcceed; }
  43. #releasebig .rightitle { font-family:righteous; font-size:50px; letter-spacing:-2px; margin-top:90px; }
  44. #releasebig .rightable { margin:20px auto auto auto; }
  45. #releasebig .rightable table { border-collapse:collapse; }
  46. #releasebig .rightable table td, th { width:120px; border:1px solid #dd80a2; background-color:#edbcce; padding:20px; font-size:9px; text-transform:uppercase; text-align:center; font-weight:800; }
  47.  
  48. #releasebig .insideleft { width:510px; padding:20px; height:430px; overflow:auto; }
  49. #releasebig .charleft { height:120px; padding:20px; background-color:#ceedbc; border:1px solid #a2dd80; margin-bottom:10px; text-align:center; }
  50. #releasebig .charname { margin:40px auto auto auto; font-family:righteous; font-size:20px; }
  51. #releasebig .charimg { width:120px; height:120px; float:left; padding:5px; border:1px solid #fff; }
  52. #releasebig .charimg img { width:120px; height:120px; background-size:cover; }
  53. #releasebig .clearfix { overflow:auto; }
  54.  
  55.  
  56.  
  57. /* -- changing colors of the name boxes
  58.  
  59. the default color is the green
  60.  
  61. 1.) pick a unique div name
  62. 2.) replace ".colornew" with the div name
  63. 3.) you need a new div name for every different color you want to use (i made four)
  64. 4.) pick out two colors - one for the background and one for the border
  65. 5.) replace the background color and the border color in the code below with your new colors
  66. 6.) look for the <div class="colornew"> div in the code
  67. 7.) replace "colornew" with your unique div name
  68. 8.) and that's it! the color should change now. feel free to send me an ask if you're having any trouble or need more help
  69.  
  70. if you're adding a new name box and want the color to change copy from clearfix down
  71.  
  72. --*/
  73.  
  74. #releasebig .colornew .charleft { background-color:#ceedbc; border:1px solid #a2dd80; }
  75. #releasebig .colorone .charleft { background-color:#bcceed; border:1px solid #80a2dd; }
  76. #releasebig .colortwo .charleft { background-color:#edbce7; border:1px solid #dd80d1; }
  77. #releasebig .colorthree .charleft { background-color:#dbbced; border:1px solid #bb80dd; }
  78.  
  79.  
  80. </style>
  81.  
  82.  
  83. </head>
  84.  
  85. <body>
  86. <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>
  87.  
  88.  
  89.  
  90. <div id="releasebig">
  91. <div class="inside">
  92. <table><td><div class="insideright">
  93. <div class="rightitle">title here</div>
  94.  
  95. <div class="rightblock">info goes here <b>bold stuff</b> <i>italtic</i> <u>underline</u> </div>
  96. <div class="rightable"><center>
  97. <table><tr><td><a href="//">link</a></td>
  98. <td><a href="//">link</a></td>
  99. <td><a href="//">link</a></td>
  100. </tr><tr>
  101. <td><a href="//">link</a></td>
  102. <td><a href="//">link</a></td>
  103. <td><a href="//">link</a></td>
  104. </tr>
  105. </table>
  106. </center>
  107. </div>
  108.  
  109. </div></td><td>
  110. <div class="insideleft">
  111. <div class="clearfix"><div class="colornew">
  112. <div class="charleft"><div class="charimg"><img src="http://placehold.it/120"></div> <div class="charname">first last</div></div></div>
  113. </div>
  114.  
  115. <div class="clearfix"><div class="colorone">
  116. <div class="charleft"><div class="charimg"><img src="http://placehold.it/120"></div> <div class="charname">first last</div></div>
  117. </div></div>
  118.  
  119. <div class="clearfix"><div class="colortwo">
  120. <div class="charleft"><div class="charimg"><img src="http://placehold.it/120"></div> <div class="charname">first last</div></div>
  121. </div></div>
  122.  
  123. <div class="clearfix"><div class="colorthree">
  124. <div class="charleft"><div class="charimg"><img src="http://placehold.it/120"></div> <div class="charname">first last</div></div>
  125. </div></div>
  126. </div></td></table>
  127.  
  128.  
  129. </div>
  130. </div>
  131.  
  132. </body>
  133.  
  134. </html>
RAW Paste Data