API tools faq
paste
Advertisement
jungjnsoul

♡ JUNGJNSOUL'S THEME PACK - 1(T)

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