API tools faq
paste
tricksterkid

tumblr page // dionysus

tricksterkid
Aug 23rd, 2020 (edited)
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC>
  2.  
  3. <!-- @NUCLEARTHEMES ON TUMBLR || PLEASE DON'T DELETE CREDIT -->
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <title>{Name} / dionysus</title> <!-- add page title here -->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,700,700i|Raleway:400,400i,700,700" rel="stylesheet">
  14.  
  15. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  16.  
  17. <style type="text/css">
  18.  
  19. /* custom colors for selection */
  20.  
  21. ::-moz-selection {background: #ff6038; color: #f0f0f0;}
  22. ::selection {background: #ff6038; color: #f0f0f0;}
  23.  
  24. /* custom scrollbar */
  25.  
  26. ::-webkit-scrollbar-thumb {background: #fa5060;}
  27. ::-webkit-scrollbar {background: #f0f0f0; width: 5px;}
  28.  
  29. * {margin:0; padding:0;}
  30.  
  31. body {
  32. background: #f0f0f0; /* change background color */
  33. color: #a3a3a3; /* change text color */
  34. font-family: Poppins; /* change font */
  35. font-size: 13px; /* change font size */
  36. text-align: justify;
  37. }
  38.  
  39. #container {
  40. background: #fafafa; /* change container background color */
  41. border-radius: 5px;
  42. height: 400px;
  43. left: 50%;
  44. margin-bottom: 40px;
  45. overflow: auto;
  46. padding: 20px;
  47. position: absolute;
  48. top: 50%;
  49. transform: translate(-50%,-50%);
  50. width: 700px;
  51. -ms-overflow-style: none;
  52. }
  53.  
  54. #container::-webkit-scrollbar {
  55. display: none;
  56. }
  57.  
  58. h1 { /* page title */
  59. border-bottom: 1px solid #fa5060;
  60. color: #ff6038;
  61. font-family: Raleway;
  62. font-size: 20px;
  63. margin-bottom: 10px;
  64. padding-bottom: 10px;
  65. text-align: center;
  66. }
  67.  
  68. a {
  69. color: #fa5060; /* link color */
  70. text-decoration: none;
  71. }
  72.  
  73. a:hover {
  74. color: #ff3649; /* link hover color */
  75. transition: 0.4s;
  76. }
  77.  
  78. img {
  79. border-radius: 5px;
  80. float: left;
  81. height: 345px;
  82. margin-top: 10px;
  83. width: 259px;
  84. }
  85.  
  86. #content { /* text box */
  87. background-color: #f0f0f0;
  88. border-radius: 5px;
  89. height: 226px;
  90. float: right;
  91. margin-top: 10px;
  92. overflow: auto;
  93. padding: 10px;
  94. width: 405px;
  95. -ms-overflow-style: none;
  96. }
  97.  
  98. #content::-webkit-scrollbar {
  99. display: none;
  100. }
  101.  
  102. #buttons { /* button bar */
  103. background-color: #f0f0f0;
  104. border-radius: 5px;
  105. height: 69px;
  106. float: right;
  107. margin-top: 10px;
  108. padding: 10px;
  109. width: 405px;
  110. }
  111.  
  112. .button {
  113. background-color: #ff6038; /* button color */
  114. color: #fafafa; /* icon color */
  115. border-radius: 5px;
  116. float: left;
  117. margin: 7px 23px 7px 23px;
  118. padding: 20px;
  119. }
  120.  
  121. #credit {
  122. background-color: #ff6038;
  123. color: #fafafa;
  124. border-radius: 12px;
  125. bottom: 0;
  126. display: inline;
  127. margin: 8px;
  128. padding: 8px;
  129. position: fixed;
  130. right: 0;
  131. }
  132.  
  133. #credit:hover, .button:hover {
  134. background-color: #fa5060;
  135. transition: 0.4s;
  136. }
  137.  
  138. </style>
  139.  
  140. </head>
  141.  
  142. <body>
  143.  
  144. <div id="container">
  145.  
  146. <h1>Dionysus</h1> <!-- main title -->
  147.  
  148. <img src="https://i.imgur.com/moRQ3gP.png"> <!-- 259x345 -->
  149.  
  150. <div id="content">
  151.  
  152. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.
  153.  
  154. <br><br>
  155.  
  156. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis.
  157.  
  158. </div>
  159.  
  160. <div id="buttons">
  161.  
  162. <a href="/">
  163. <div class="button">
  164. <i class="fa fa-home" style="font-size:15px"></i>
  165. </div>
  166. </a>
  167.  
  168. <a href="/">
  169. <div class="button">
  170. <i class="fa fa-star-o" style="font-size:15px"></i>
  171. </div>
  172. </a>
  173.  
  174. <a href="/">
  175. <div class="button">
  176. <i class="fa fa-rocket" style="font-size:15px"></i>
  177. </div>
  178. </a>
  179.  
  180. <a href="/">
  181. <div class="button">
  182. <i class="fa fa-moon-o" style="font-size:15px"></i>
  183. </div>
  184. </a>
  185.  
  186. </div>
  187.  
  188. </div>
  189.  
  190. <!-- don't edit beyond this point please! colors can be modified in <style> -->
  191.  
  192. <a id="credit" target="blank" href="https://nuclearthemes.tumblr.com/"><i class="fa fa-anchor" style="font-size:15px"></i></a>
  193.  
  194. </body>
  195.  
  196. </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!