API tools faq
paste
Advertisement
jungjnsoul

♡ JUNGJNSOUL'S THEME PACK - 1(P)

jungjnsoul
Mar 28th, 2019
382
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.02 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>TITLE HERE</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. </head>
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  9. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  10.  
  11. <style type="text/css">
  12.  
  13.  
  14. /* -------- SCROLLBAR ------- */
  15.  
  16. ::-webkit-scrollbar {
  17. width:3px;
  18. }
  19.  
  20. /* Track */
  21. ::-webkit-scrollbar-track {
  22. background:transparent;
  23. border-radius:15px;
  24. }
  25.  
  26. /* Handle */
  27. ::-webkit-scrollbar-thumb {
  28. background:#7d8482; /* SCROLLBAR COLOR */
  29. border-radius:15px;
  30. }
  31.  
  32. ::-webkit-scrollbar-thumb:window-inactive {
  33. background: transparent;
  34. }
  35.  
  36.  
  37. /* iMPORTED FONTS */
  38.  
  39.  
  40. @font-face { font-family: "markella"; src: url('https://dl.dropboxusercontent.com/s/pzeetxopmrvjc6i/markella.otf'); ;}
  41.  
  42. @font-face { font-family: monthey; src: url('https://dl.dropboxusercontent.com/s/ckzdmltc0ekra10/Monthey%20Brush%20Demo.ttf') ; }
  43.  
  44. a, href{ text-decoration:none; color:#fff;}
  45.  
  46. body {
  47. background-color:#A2A69D;
  48. /* MAIN BACKGROUND^ (only matters if you don't wanna use an image) */
  49. background-image:url('URL HERE');
  50. /* ^ REPLACE "URL HERE" WITH YOUR IMAGE URL */
  51.  
  52.  
  53. /* this won't really do anything, so you don't have to worry about it */
  54. color:#fff;
  55. font-family:quicksand;
  56. font-size:10px;
  57. }
  58.  
  59. .bigcontainer {
  60. background-color:#222222; /* CONTAINER BACKGROUND */
  61.  
  62. /* WOULDN'T REC TOUCHING THIS UNLESS U WANNA CHANGE... EVERYTHING */
  63. width:500px; height:550px;
  64. position:absolute; margin:auto;
  65. left:0px; right:0px; top:0px; bottom:0px;
  66. border-radius:5px;
  67. padding:15px;
  68. }
  69.  
  70. .bigpic {
  71. background-color:#c83229;
  72. /* this will be hidden by an image, just a placeholder! */
  73. background-image:url('URL HERE');
  74. /* ^ REPLACE "URL HERE" WITH YOUR IMAGE URL */
  75. height:540px; width:150px;
  76. position:absolute; margin:auto;
  77. left:340px; right:0px; top:0px; bottom:0px;
  78. border-radius:5px;
  79. }
  80.  
  81. #stats {
  82. background-color:#c83229;
  83. border-radius:5px;
  84. color:#fff;
  85. text-align:center;
  86.  
  87. width:90px; height:20px;
  88. padding-top:5px;
  89.  
  90. margin-top:20px;
  91. }
  92.  
  93. .thank {
  94. /* 'THANKS FOR VISITING' DETAILS */
  95.  
  96. font-family:"markella";
  97. font-size:50px;
  98. text-align:center;
  99. text-shadow: 2px 2px 0px #7d8482;
  100. /* ^ CHANGE SHADOW COLOR */
  101. color:#fff;
  102. /* ^ CHANGE TITLE FONT COLOR */
  103.  
  104. width:300px;
  105.  
  106. /* ONLY mess w/ this if you want to move the title */
  107. position:absolute; margin:auto;
  108. left:200px; right:0px; top:445px; bottom:0px;
  109.  
  110. transform: rotate(348deg);
  111. z-index:3;
  112. }
  113.  
  114. .ask {
  115. margin-left:10px;
  116. margin-top:-2px;
  117. /* pls don't touch */
  118. }
  119.  
  120. .sumbox {
  121. background-color:#000;
  122. /* COLOR OF TEXT BOX! */
  123. border-radius:5px;
  124.  
  125. /* pls don't touch */
  126. width:310px; height:260px;
  127. position:absolute; margin:auto;
  128. left:0px; right:168px; top:280px; bottom:0px;
  129. z-index:2;
  130. }
  131.  
  132. #sumtit {
  133. /* TEXT BOX TITLE DETAILS */
  134. font-family:"monthey";
  135. font-size:40px;
  136. text-align:center;
  137. text-shadow: 1px 1px 0px #c83229;
  138.  
  139. margin-top:15px;
  140. }
  141.  
  142. #sum {
  143. width:260px; height:90px;
  144. overflow:auto; margin-top:5px;
  145.  
  146. /* TEXT BOX TEXT DETAILS */
  147. font-family:quicksand;
  148. text-align:center;
  149. line-height:150%;
  150. }
  151.  
  152. #sumpic {
  153. background-color:#c83229;
  154. /* this will be hidden by an image, just a placeholder! */
  155. background-image:url('URL HERE');
  156. /* REPLACE "URL HERE" WITH YOUR IMAGE URL */
  157.  
  158. width:80px; height:80px;
  159. border-radius:10px;
  160. margin-top:15px; margin-left:25px;
  161. }
  162.  
  163. #sumpic1 {
  164. background-color:#7d8482;
  165. /* this will be hidden by an image, just a placeholder! */
  166. background-image:url('URL HERE');
  167. /* REPLACE "URL HERE" WITH YOUR IMAGE URL */
  168.  
  169. width:80px; height:80px;
  170. border-radius:10px;
  171. margin-top:-80px; margin-left:125px;
  172. }
  173.  
  174. #cred {
  175. width:15px; height:15px;
  176. position:bottom;
  177. background-color:#222; /* if u wanna change credit bg to match ur theme colors */
  178. padding:5px;
  179. border-radius:5px;
  180.  
  181. position:absolute;
  182. bottom:5px; right:5px;
  183. }
  184.  
  185. .credit {
  186. color:#fff;
  187. margin-top:3px; margin-left:3px;
  188. }
  189.  
  190. .credit a {
  191. color:#fff; /* credit text color */
  192. }
  193.  
  194. </style>
  195.  
  196. <body>
  197.  
  198. <div class="bigcontainer">
  199.  
  200. <div class="ask"><p><iframe frameborder="0" scrolling="no" width="310px" height="190" src="https://www.tumblr.com/ask_form/YOUR URL.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div>
  201.  
  202. <div class="sumbox">
  203.  
  204. <div id="sumtit">TITLE HERE</div>
  205. <div align="center">
  206. <div id="sum">SUMMARY TEXT HERE</div>
  207. </div>
  208.  
  209. <div id="sumpic"></div> <div id="sumpic1"></div>
  210.  
  211. </div>
  212.  
  213. <div class="thank">thanks for visiting!</div>
  214. <div class="bigpic">
  215. <div align="center">
  216. <div id="stats">FREEHOSTED SCRIPTS HERE</div>
  217. </div>
  218. </div>
  219.  
  220. </div>
  221.  
  222. <div id="cred"><div class="credit"><a title="theme credit" href="http://jungjnsoul.tumblr.com/"><span class="lnr lnr-paw"></span></a></div></div>
  223.  
  224. </body>
  225. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!